/* ViYu — estilo de las páginas legales (privacidad, eliminar cuenta, restablecer).
   Se carga después de su <style> propio: solo cambia la apariencia, no el texto. */
body { background: #0b1622 !important; color: #e3ebf2 !important; font-family: Inter, "Segoe UI", system-ui, sans-serif !important; padding: 0 !important; }
.barra-legal { background: linear-gradient(90deg, rgba(11,22,34,.96), rgba(11,22,34,.7)), url(img/portada-820.webp) center 35% / cover;
               border-bottom: 3px solid; border-image: linear-gradient(90deg, #13ADAA, #E65A14, #F2BB16) 1;
               padding: calc(12px + env(safe-area-inset-top)) 16px 12px; }
.barra-legal .dentro { max-width: 760px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.barra-legal img { height: 42px; width: auto; display: block; }
.barra-legal a.volver { color: #fff; text-decoration: none; font-weight: 700; font-size: .9rem; border: 1px solid rgba(255,255,255,.35);
                        padding: 8px 14px; border-radius: 10px; background: rgba(11,22,34,.5); }
main { max-width: 760px !important; margin: 0 auto !important; padding: 26px 16px 56px !important; }
h1 { font-family: "Lilita One", Inter, sans-serif !important; font-weight: 400 !important; color: #fff !important; letter-spacing: .5px; font-size: clamp(1.7rem, 6vw, 2.3rem) !important; }
h2 { color: #F2BB16 !important; border-bottom-color: rgba(255,255,255,.12) !important; }
h3 { color: #6fe3df !important; }
a { color: #6fe3df !important; }
p, li { color: #d3dde6; }
.sub, .fecha, footer, .nota { color: #9fb3c4 !important; }
.caja, .tarjeta { background: rgba(22,37,55,.78) !important; border-color: rgba(255,255,255,.12) !important; border-radius: 16px !important; }
.destacado { background: rgba(19,173,170,.12) !important; border-left-color: #13ADAA !important; color: #e3ebf2 !important; }
input { background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 10px !important; min-height: 46px; font-size: 16px !important; }
button { background: #13ADAA !important; color: #04201f !important; border: 0 !important; border-radius: 10px !important; font-weight: 800 !important; box-shadow: 0 4px 0 #0b7472; min-height: 46px; }
footer { border-top-color: rgba(255,255,255,.12) !important; }

/* Mensajes y tarjetas con la marca (restablecer y confirmar correo) */
.msg { border-radius: 10px !important; }
.msg.error { background: rgba(230,90,20,.16) !important; border-left: 4px solid #E65A14 !important; color: #ffc3a8 !important; }
.msg.ok { background: rgba(19,173,170,.16) !important; border-left: 4px solid #13ADAA !important; color: #9ff0e8 !important; }
.tarjeta { background: rgba(22,37,55,.78); border-color: rgba(255,255,255,.12) !important; border-radius: 16px; }
.reglas { color: #9fb3c4 !important; }
label { color: #e3ebf2; }