/* Mi ViviLaCosta: tokens y componentes compartidos por alta, reclamo, Mis negocios, edición y Mi cuenta (VLC_Directorio_UI). */
.vlc-mvl{--mvl-primary:#001142;--mvl-primary-container:#00236f;--mvl-secondary:#0060ab;--mvl-secondary-dark:#004076;--mvl-secondary-fixed:#d3e3ff;--mvl-on-secondary-fixed:#001c39;--mvl-lowest:#fff;--mvl-low:#eff4ff;--mvl-container:#e6eeff;--mvl-high:#dce9ff;--mvl-highest:#d5e3fc;--mvl-on-surface:#0d1c2e;--mvl-variant:#444651;--mvl-outline:#757682;--mvl-outline-variant:#c5c5d3;--mvl-error:#ba1a1a;--mvl-error-container:#ffdad6;--mvl-warning:#ffdcc3;--mvl-on-warning:#663d17;--mvl-ok:#006e33;--mvl-ok-dot:#009e49;--mvl-ok-container:#dcf5e5;--mvl-shadow:0 1px 3px rgba(13,28,46,.08);--mvl-shadow-md:0 4px 14px rgba(13,28,46,.1);color:var(--mvl-on-surface);font-size:16px;line-height:1.5;box-sizing:border-box}
.vlc-mvl *,.vlc-mvl *::before,.vlc-mvl *::after{box-sizing:border-box}
.vlc-mvl [hidden]{display:none!important}
.vlc-mvl h1,.vlc-mvl h2,.vlc-mvl h3,.vlc-mvl h4{color:var(--mvl-primary);margin:0;padding:0;line-height:1.25}
.vlc-mvl p{margin:0;padding:0}
.vlc-mvl .vlc-mvl-ico{font-size:20px;line-height:1;width:1em;height:1em;flex-shrink:0;vertical-align:middle;overflow:hidden;user-select:none}

/* Barra de la cuenta */
.vlc-mvl-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--mvl-lowest);border-radius:12px;box-shadow:var(--mvl-shadow);padding:8px 12px;margin-bottom:24px}
.vlc-mvl-nav-chip{background:var(--mvl-high);color:var(--mvl-primary-container);font-size:12px;font-weight:600;letter-spacing:.04em;padding:4px 12px;border-radius:9999px}
.vlc-mvl-nav-links{display:flex;gap:4px;flex:1}
.vlc-mvl-nav a{text-decoration:none!important;font-size:14px;font-weight:600}
.vlc-mvl-nav-links a{color:var(--mvl-variant)!important;padding:8px 12px;border-radius:12px;transition:background .15s}
.vlc-mvl-nav-links a:hover{background:var(--mvl-high);color:var(--mvl-on-surface)!important}
.vlc-mvl-nav-links a.is-activo{background:var(--mvl-primary-container);color:#fff!important}
.vlc-mvl-nav-salir{color:var(--mvl-variant)!important;font-size:12px!important;font-weight:500!important}
.vlc-mvl-nav-salir:hover{color:var(--mvl-error)!important}

/* Cabecera de página */
.vlc-mvl-cabecera{display:flex;flex-direction:column;gap:6px}
.vlc-mvl-eyebrow{display:flex;align-items:center;gap:8px;color:var(--mvl-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vlc-mvl-eyebrow .vlc-mvl-ico{font-size:16px}
.vlc-mvl-cabecera h1{font-size:32px;font-weight:700;letter-spacing:-.01em}
.vlc-mvl-cabecera p{color:var(--mvl-variant)}

/* Tarjeta base */
.vlc-mvl-card{background:var(--mvl-lowest);border-radius:12px;box-shadow:var(--mvl-shadow);padding:24px}

/* Botones */
.vlc-mvl .vlc-mvl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:20px;text-decoration:none!important;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}
.vlc-mvl .vlc-mvl-btn:active{transform:scale(.98)}
.vlc-mvl .vlc-mvl-btn .vlc-mvl-ico{font-size:18px}
.vlc-mvl .vlc-mvl-btn--primario{background:var(--mvl-secondary);color:#fff!important;box-shadow:var(--mvl-shadow-md)}
.vlc-mvl .vlc-mvl-btn--primario:hover{background:var(--mvl-secondary-dark)}
.vlc-mvl .vlc-mvl-btn--oscuro{background:var(--mvl-primary);color:#fff!important;box-shadow:var(--mvl-shadow-md)}
.vlc-mvl .vlc-mvl-btn--oscuro:hover{background:var(--mvl-primary-container)}
.vlc-mvl .vlc-mvl-btn--tonal{background:var(--mvl-high);color:var(--mvl-primary)!important}
.vlc-mvl .vlc-mvl-btn--tonal:hover{background:var(--mvl-container)}
.vlc-mvl .vlc-mvl-btn--fantasma{background:transparent;color:var(--mvl-variant)!important;padding-left:16px;padding-right:16px}
.vlc-mvl .vlc-mvl-btn--fantasma:hover{color:var(--mvl-primary)!important}
.vlc-mvl .vlc-mvl-btn:disabled{opacity:.6;cursor:wait}

/* Avisos */
.vlc-mvl-aviso{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:14px 16px;font-size:14px}
.vlc-mvl-aviso strong{display:block;font-weight:700}
.vlc-mvl-aviso p{margin-top:2px}
.vlc-mvl-aviso--ok{background:var(--mvl-ok-container);color:var(--mvl-ok)}
.vlc-mvl-aviso--error{background:var(--mvl-error-container);color:#93000a}
.vlc-mvl-aviso--info{background:var(--mvl-low);color:var(--mvl-primary)}
.vlc-mvl-aviso--atencion{background:rgba(255,220,195,.5);color:var(--mvl-on-warning)}

/* Pantalla de éxito */
.vlc-mvl-exito{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;box-shadow:var(--mvl-shadow-md)}
.vlc-mvl-exito-icono{width:80px;height:80px;border-radius:9999px;background:var(--mvl-secondary-fixed);color:var(--mvl-secondary);display:flex;align-items:center;justify-content:center}
.vlc-mvl .vlc-mvl-exito-icono .vlc-mvl-ico{font-size:42px}
.vlc-mvl-exito-eyebrow{color:var(--mvl-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.vlc-mvl-exito h2{font-size:32px;font-weight:700}
.vlc-mvl-exito>p{color:var(--mvl-variant);max-width:540px}
.vlc-mvl-exito-nota{display:flex;align-items:center;gap:12px;background:var(--mvl-low);border-radius:12px;padding:12px;text-align:left;width:100%;max-width:420px;margin:8px 0}
.vlc-mvl-exito-nota-icono{width:40px;height:40px;border-radius:8px;background:var(--mvl-container);color:var(--mvl-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vlc-mvl-exito-nota strong{display:block;font-size:12px;color:var(--mvl-primary)}
.vlc-mvl-exito-nota span{font-size:11px;color:var(--mvl-variant)}
.vlc-mvl-exito-acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px}

/* Formularios */
.vlc-mvl-campo{display:flex;flex-direction:column;gap:8px}
.vlc-mvl-campo>label,.vlc-mvl-campo-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;color:var(--mvl-on-surface)}
.vlc-mvl-campo label em{color:var(--mvl-error);font-style:normal}
.vlc-mvl-campo-nota{font-size:11px;font-weight:400;color:var(--mvl-outline)}
.vlc-mvl-ayuda{font-size:11px;color:var(--mvl-outline)}
.vlc-mvl-input{position:relative;display:flex;align-items:center}
.vlc-mvl .vlc-mvl-input>.vlc-mvl-ico{position:absolute;left:12px;color:var(--mvl-outline);pointer-events:none}
.vlc-mvl-input-prefijo{position:absolute;left:14px;color:var(--mvl-outline);font-size:14px;pointer-events:none}
.vlc-mvl .vlc-mvl-input input,.vlc-mvl .vlc-mvl-input select,.vlc-mvl textarea.vlc-mvl-textarea{width:100%;height:48px;margin:0;padding:0 16px 0 42px;border:1px solid transparent!important;border-radius:8px;background:var(--mvl-low)!important;color:var(--mvl-on-surface);font:inherit;font-size:16px;box-shadow:none!important;transition:background .15s,border-color .15s}
.vlc-mvl .vlc-mvl-input--sin-icono input,.vlc-mvl .vlc-mvl-input--sin-icono select{padding-left:16px}
.vlc-mvl .vlc-mvl-input--select select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.vlc-mvl-input--select::after{content:"";position:absolute;right:16px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--mvl-outline);pointer-events:none}
.vlc-mvl textarea.vlc-mvl-textarea{height:auto;padding:12px 16px;resize:vertical}
.vlc-mvl .vlc-mvl-input input:focus,.vlc-mvl .vlc-mvl-input select:focus,.vlc-mvl textarea.vlc-mvl-textarea:focus{outline:none;background:var(--mvl-container)!important;border-color:var(--mvl-secondary)!important}
.vlc-mvl .vlc-mvl-input input::placeholder,.vlc-mvl textarea.vlc-mvl-textarea::placeholder{color:var(--mvl-outline)}
.vlc-mvl-fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vlc-mvl-declaracion{display:flex;align-items:flex-start;gap:10px;background:var(--mvl-low);border-radius:12px;padding:12px;font-size:14px;cursor:pointer}
.vlc-mvl-declaracion input{margin:3px 0 0;width:16px;height:16px;flex-shrink:0}
.vlc-mvl-declaracion strong{color:var(--mvl-primary)}

@media (max-width:640px){
    .vlc-mvl-cabecera h1,.vlc-mvl-exito h2{font-size:24px}
    .vlc-mvl-fila{grid-template-columns:1fr}
    .vlc-mvl-nav-salir{margin-left:auto}
    .vlc-mvl-nav-links{flex-basis:100%;order:3}
}