/* Mi cuenta ([vlc_mi_cuenta]): login, registro, recuperación y confirmación de email. Tokens y componentes base en mi-vivilacosta.css. */
.vlc-cuenta{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.vlc-cuenta .vlc-mvl-nav{margin-bottom:8px}
.vlc-cuenta-tarjeta{display:flex;flex-direction:column;gap:24px;padding:32px}
.vlc-cuenta-tarjeta--centrada{align-items:center;text-align:center}
.vlc-cuenta-encabezado{display:flex;flex-direction:column;gap:6px}
.vlc-cuenta-tarjeta--centrada .vlc-cuenta-encabezado{align-items:center}
.vlc-cuenta-icono{width:48px;height:48px;border-radius:9999px;background:var(--mvl-secondary-fixed);color:var(--mvl-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.vlc-mvl .vlc-cuenta-icono .vlc-mvl-ico{font-size:26px}
.vlc-cuenta-encabezado h1{font-size:24px;font-weight:700}
.vlc-cuenta-encabezado p{font-size:14px;color:var(--mvl-variant)}
.vlc-cuenta-form{display:flex;flex-direction:column;gap:16px}
.vlc-cuenta-form .vlc-mvl-btn{width:100%;margin-top:4px}
.vlc-cuenta-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mvl-variant);cursor:pointer}
.vlc-cuenta-check input{margin:0}
.vlc-cuenta .vlc-mvl-declaracion a{color:var(--mvl-secondary)!important;font-weight:600}
.vlc-cuenta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;color:var(--mvl-outline);text-align:center}
.vlc-cuenta-links a{color:var(--mvl-secondary)!important;font-weight:600;text-decoration:none!important}
.vlc-cuenta-links a:hover{text-decoration:underline!important}
.vlc-cuenta-datos{display:flex;flex-direction:column;gap:8px;margin:0;background:var(--mvl-low);border-radius:12px;padding:12px 16px}
.vlc-cuenta-datos div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vlc-cuenta-datos dt{font-size:12px;color:var(--mvl-variant)}
.vlc-cuenta-datos dd{margin:0;font-size:14px;font-weight:600;color:var(--mvl-primary);word-break:break-word}
.vlc-cuenta-acciones{display:flex;flex-wrap:wrap;gap:12px}
.vlc-cuenta-tarjeta--centrada .vlc-cuenta-acciones{justify-content:center}
.vlc-cuenta-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:480px){.vlc-cuenta-tarjeta{padding:20px}.vlc-cuenta-acciones .vlc-mvl-btn{width:100%}}
.vlc-cuenta-links span{display:none}