.precarga,.error-pag{--e-bg:#05060c;--e-blue:#3b82f6;--e-blue-light:#60a5fa;--e-blue-dark:#1d4ed8;--e-white:#f5f7fb;--e-muted:#93a1c0;--e-border:#60a5fa29}.precarga{z-index:9999;background:radial-gradient(ellipse at 50% 40%, #0c1530 0%, var(--e-bg) 62%);flex-direction:column;justify-content:center;align-items:center;gap:34px;transition:opacity .55s,visibility .55s;animation:.55s 3.5s forwards precarga-fuera;display:flex;position:fixed;inset:0}.sin-precarga .precarga{display:none}.precarga-lista .precarga{opacity:0;visibility:hidden;pointer-events:none}.precarga-lista .precarga-centro{transform:scale(1.08)}.precarga-centro{justify-content:center;align-items:center;width:180px;height:180px;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.precarga-halo{background:radial-gradient(circle,#3b82f673 0%,#3b82f600 70%);border-radius:50%;animation:1.6s ease-in-out infinite precarga-latido;position:absolute;inset:18px}.precarga-orbita{border:1px solid var(--e-border);border-radius:50%;animation:2.4s linear infinite precarga-giro;position:absolute;inset:0}.precarga-orbita span{background:var(--e-blue-light);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 14px 4px #60a5fab3}.precarga-logo{filter:drop-shadow(0 0 18px #3b82f68c);width:118px;height:auto;animation:2.4s ease-in-out infinite precarga-flota;position:relative}.precarga-barra{background:#60a5fa24;border-radius:3px;width:160px;height:3px;overflow:hidden}.precarga-barra span{background:linear-gradient(90deg, var(--e-blue-dark), var(--e-blue-light));border-radius:3px;width:40%;height:100%;animation:1.1s ease-in-out infinite precarga-barra;display:block}@keyframes precarga-fuera{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes precarga-giro{to{transform:rotate(360deg)}}@keyframes precarga-latido{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@keyframes precarga-flota{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes precarga-barra{0%{transform:translate(-110%)}to{transform:translate(260%)}}.error-pag{background:var(--e-bg);min-height:100dvh;color:var(--e-white);justify-content:center;align-items:center;padding:40px 16px;font-family:Manrope,sans-serif;display:flex;position:relative;overflow:hidden}body:has(.error-pag){background:#05060c;margin:0}.error-pag #starfield{z-index:0;background:radial-gradient(at 50% -10%,#0c1530 0%,#05060c 55%);width:100%;height:100%;position:fixed;inset:0}.error-pag-caja{z-index:1;text-align:center;max-width:560px;animation:.7s cubic-bezier(.2,.8,.2,1) both error-entra;position:relative}.error-pag-marca{margin-bottom:28px;display:inline-block}.error-pag-marca img{width:auto;height:40px}.error-pag-codigo{letter-spacing:-.02em;justify-content:center;gap:6px;margin-bottom:10px;font-family:Sora,sans-serif;font-size:clamp(5.5rem,22vw,9.5rem);font-weight:800;line-height:1;display:flex}.error-pag-codigo span{background:linear-gradient(180deg, #fff 0%, var(--e-blue-light) 55%, var(--e-blue-dark) 100%);color:#0000;filter:drop-shadow(0 0 28px #3b82f673);-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite error-flota;display:inline-block}.error-pag h1{margin:0 0 12px;font-family:Sora,sans-serif;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:700}.error-pag p{max-width:460px;color:var(--e-muted);margin:0 auto 28px;font-size:1rem;line-height:1.65}.error-pag-acciones{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-pag-btn{color:var(--e-white);cursor:pointer;background:#ffffff0a;border:1px solid #60a5fa4d;border-radius:999px;justify-content:center;align-items:center;padding:13px 22px;font:600 .95rem Manrope,sans-serif;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s;display:inline-flex}.error-pag-btn:hover{border-color:#60a5fa99;transform:translateY(-2px)}.error-pag-btn.principal{background:linear-gradient(135deg, var(--e-blue-dark), var(--e-blue));border:0;box-shadow:0 0 32px #3b82f659}.error-pag-btn.principal:hover{box-shadow:0 0 44px #3b82f68c}@keyframes error-flota{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes error-entra{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.precarga-centro *,.precarga-barra *,.error-pag-codigo span,.error-pag-caja{animation:none!important}}