/* ═══════════════════════════════════════════════════════════════════ direccion_smart.css Estilos para: • Panel de vista previa de dirección • Transición suave al ocultar/mostrar campos Agregar en tu o en tu CSS principal. ═══════════════════════════════════════════════════════════════════ */ /* ── Transición de columnas que se ocultan/muestran ── */ [class*="col-"] { transition: opacity 0.18s ease; } /* ── Caja de preview ── */ /*.address-preview-box { background: #E8F5E9; border: 1px solid #A5D6A7; border-left: 3px solid #4CAF50; border-radius: 6px; padding: 10px 14px; margin-top: 4px; } */ .address-preview-box { background: #FAFAFA; border: 1px solid #E0E0E0; border-left: 3px solid #C2C2C2; border-radius: 6px; padding: 10px 14px; margin-top: 4px; } .address-preview-label { display: block; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #4B36CC; margin-bottom: 6px; } .address-preview-text { font-size: 13px; color: #2D2060; font-weight: 500; line-height: 1.5; margin: 0; word-break: break-word; } .address-preview-empty { font-size: 12px; color: #9B93D4; font-style: italic; margin: 0; } .field-disabled { background-color: #f5f5f5; color: #999; cursor: not-allowed; } .address-preview-content { font-style: italic; } /*.pv-placeholder { color: #9AA6B2; #2D2060 font-style: italic; }*/ .pv-placeholder { color: rgba(0, 0, 0, 0.25); font-style: italic; } .pv-filled { color: #1B5E20; font-weight: 500; } .field-disabled { background-color: #fafafa; border-color: #e0e0e0; color: #999; } .field-disabled::placeholder { color: #b5b5b5; font-style: italic; }