:root{--naranja:#ff7312;--blanco:#fff;--noche:#0b0a1f;--violeta:#1c1236;--texto-suave:#ffffffb8}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--noche);color:var(--blanco);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.home{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 16px 32px;display:flex;position:relative;overflow:hidden}.fondo{background:linear-gradient(180deg, #0b0a1f8c 0%, #0b0a1fd9 60%, var(--noche) 100%), url(/fondo.jpg) center / cover no-repeat;z-index:0;position:fixed;inset:0}.tarjeta{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;display:flex;position:relative}.logo{filter:drop-shadow(0 8px 28px #ff731259);width:160px;height:160px}.lema{color:var(--texto-suave);letter-spacing:.02em;font-size:.95rem}.horario{color:var(--texto-suave);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 14px;font-size:.9rem;display:inline-flex}.horario strong{color:var(--blanco);font-weight:600}.punto{background:var(--naranja);border-radius:50%;width:8px;height:8px;animation:2s infinite latido;box-shadow:0 0 #ff731299}@keyframes latido{0%{box-shadow:0 0 #ff731299}70%{box-shadow:0 0 0 8px #ff731200}to{box-shadow:0 0 #ff731200}}.boton{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1236b8;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:flex}.boton:hover{border-color:var(--naranja);transform:translateY(-2px)}.boton:focus-visible{outline:2px solid var(--naranja);outline-offset:3px}.usuario{color:var(--texto-suave);font-size:.9rem;font-weight:400}.boton.principal{background:var(--naranja);border-color:var(--naranja);color:#1a0c00;justify-content:center;font-size:1.05rem}.boton.principal:hover{background:#ff8a3a}.redes{flex-direction:column;gap:10px;width:100%;display:flex}.pie{z-index:1;color:#fff6;letter-spacing:.1em;margin-top:36px;font-size:.8rem;position:relative}.misterio{text-align:center;background:radial-gradient(circle at 50% 40%,#1a0f2e 0%,#050409 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:24px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.glitch{color:var(--blanco);font-size:clamp(1.8rem,7vw,3.2rem);font-weight:700;animation:2.4s ease-out both aparecer;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.7;position:absolute;inset:0}.glitch:before{color:var(--naranja);animation:3s step-end infinite glitch}.glitch:after{color:#6b5bff;animation:3s step-end infinite reverse glitch}@keyframes glitch{0%,92%,to{clip-path:inset(0 0 100%);transform:none}93%{clip-path:inset(20% 0 50%);transform:translate(-3px,1px)}95%{clip-path:inset(60% 0 10%);transform:translate(3px,-1px)}97%{clip-path:inset(40% 0 30%);transform:translate(-2px)}}@keyframes aparecer{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}.susurro{color:var(--texto-suave);font-size:1rem;animation:2.4s ease-out 1.2s both aparecer}.susurro.tenue{color:#ffffff59;font-size:.85rem;animation-delay:2.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}