/* HorosDay · pantallas de cuenta (registro, entrar, verificado) · Ónix + Oro Amanecer */
:root{--onyx:#0A0A0A;--navy:#0F172A;--oro:#D4AF37;--oro2:#F0D37A;--off:#F1F5F9;--gris:#9aa3b8;--err:#ff9b8a;--ok:#9be3b0}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#05070d;color:var(--off);font-family:Inter,system-ui,sans-serif}
body{background:radial-gradient(120% 80% at 80% 0%,#121a33 0%,#070a14 55%,#05070d 100%) fixed}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}
.top a.casa{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--gris);font:600 11px Inter;letter-spacing:.14em;text-transform:uppercase}
.top a.casa img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 12px rgba(212,175,55,.45)}
.idioma{display:flex;gap:6px}.idioma button{cursor:pointer;font:600 11px Inter;letter-spacing:.08em;color:#9aa3b8;border:1px solid #2a3350;border-radius:999px;padding:5px 10px;background:rgba(15,23,42,.6)}.idioma button.on{color:var(--oro);border-color:var(--oro)}
main{max-width:440px;margin:0 auto;padding:8px 18px 40px}
h1{font-family:Cinzel,serif;font-weight:600;letter-spacing:.14em;font-size:clamp(18px,4.6vw,24px);color:var(--oro2);text-align:center;margin:10px 0 4px}
.sub{text-align:center;color:var(--gris);font-size:13px;margin:0 0 22px;line-height:1.5}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font:600 11px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #2a3350;background:rgba(15,23,42,.75);color:var(--off);font:500 15px Inter;outline:none}
input:focus{border-color:var(--oro);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
input[type=date]{color-scheme:dark}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.45 Inter;text-transform:none;letter-spacing:0;color:var(--off)}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--oro);flex:none}
.check b{color:var(--oro2);font-weight:600}
.btn{position:relative;overflow:hidden;cursor:pointer;width:100%;border:1px solid rgba(212,175,55,.8);border-radius:999px;padding:15px 20px;font:600 13px/1 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--oro2);background:linear-gradient(180deg,rgba(26,22,10,.9),rgba(10,10,10,.9));box-shadow:0 0 18px rgba(212,175,55,.25);animation:latido 2.6s ease-in-out infinite}
.btn::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,241,184,0) 0%,rgba(255,241,184,.5) 50%,rgba(255,241,184,0) 100%);transform:skewX(-18deg);animation:barrido 3.9s ease-in-out infinite}
.btn:disabled{opacity:.55;animation:none;cursor:wait}.btn:disabled::after{animation:none}
@keyframes latido{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,0),0 0 18px rgba(212,175,55,.25)}50%{box-shadow:0 0 0 6px rgba(212,175,55,.10),0 0 34px rgba(212,175,55,.55)}}
@keyframes barrido{0%{left:-60%}55%{left:130%}100%{left:130%}}
.msg{min-height:20px;font-size:13px;line-height:1.5;text-align:center;color:var(--gris)}
.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}
.alt{text-align:center;font-size:13px;color:var(--gris);margin-top:8px}.alt a{color:var(--oro2);text-decoration:none;font-weight:600}
.fepo{text-align:center;font-size:10px;color:#4a5568;letter-spacing:.06em;margin-top:28px;line-height:1.5}
.sello{display:flex;justify-content:center;margin:6px 0 14px}.sello img{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(212,175,55,.45)}
@media (prefers-reduced-motion:reduce){.btn,.btn::after{animation:none}}

/* entrar con Google / Apple */
.o{margin-top:18px}.o-sep{display:flex;align-items:center;gap:12px;color:var(--gris);font:500 11px Inter;letter-spacing:.14em;text-transform:uppercase}.o-sep::before,.o-sep::after{content:"";flex:1;height:1px;background:#2a3350}
.o-row{display:flex;gap:10px;margin-top:12px}
.o-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:999px;border:1px solid #2a3350;background:rgba(15,23,42,.75);color:var(--off);text-decoration:none;font:600 13px Inter;letter-spacing:.06em}
.o-btn svg{width:18px;height:18px}.o-btn:active{transform:scale(.98)}