.portal{z-index:400;isolation:isolate;color:#fff;overscroll-behavior:contain;--p:0;background:#020102;animation:0s linear 14s forwards portal-seguro;position:fixed;inset:0;overflow:hidden}@keyframes portal-seguro{to{visibility:hidden;pointer-events:none}}body:has(.portal:not([data-listo])){animation:0s linear 14s forwards portal-libera;overflow:hidden}@keyframes portal-libera{to{overflow:visible}}.portal-fondo{position:absolute;inset:0}.portal-capa{will-change:transform;position:absolute;inset:0}.portal-nebula{background:url(/portal/nebula-roja.webp) 50%/cover no-repeat;position:absolute;inset:-9%}.portal-nebula--a{opacity:1;filter:brightness(1.5)saturate(1.1);animation:40s ease-in-out infinite alternate portal-deriva-a}.portal-nebula--b{opacity:.5;mix-blend-mode:screen;filter:hue-rotate(-10deg)saturate(1.2)brightness(1.4);animation:54s ease-in-out infinite alternate portal-deriva-b}@keyframes portal-deriva-a{0%{transform:scale(1.04)translate(-1.5%)}to{transform:scale(1.2)translate(1.5%,-1.2%)}}@keyframes portal-deriva-b{0%{transform:scaleX(-1)scale(1.18)translate(1.2%,1%)}to{transform:scaleX(-1)scale(1.04)translate(-1.2%,-1%)}}.portal-planeta{--pl:min(70vmin, 760px);left:calc(50% - var(--pl) / 2);top:calc(46% - var(--pl) / 2);width:var(--pl);height:var(--pl);opacity:0;border-radius:9999px;position:absolute;box-shadow:0 0 0 1px #ff464647,0 0 90px 8px #e4212b73,0 0 240px 36px #e4212b33}.portal-planeta-disco{isolation:isolate;clip-path:circle();background:radial-gradient(circle at 34% 28%,#ff6e5a4d,#0000 44%),radial-gradient(circle,#17040b 0,#080103 64%,#020001 100%);border-radius:9999px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);-webkit-mask-image:radial-gradient(circle closest-side,#000 calc(100% - 1px),#0000 100%);mask-image:radial-gradient(circle closest-side,#000 calc(100% - 1px),#0000 100%)}.portal-planeta-disco:before{content:"";mix-blend-mode:screen;opacity:1;background:url(/portal/nebula-roja.webp) 30% 40%/230%;animation:110s linear infinite portal-gira;position:absolute;inset:-14%}.portal-planeta-disco:after{content:"";border-radius:inherit;background:radial-gradient(circle at 36% 30%,#0000 46%,#00000080 84%);position:absolute;inset:0;box-shadow:inset -34px -26px 80px #000000b8,inset 8px 6px 40px #ff5a50b3}@keyframes portal-gira{to{transform:rotate(360deg)}}.portal-anillos{width:min(160vmin,1640px);height:min(160vmin,1640px);position:absolute;top:calc(46% - min(80vmin,820px));left:calc(50% - min(80vmin,820px));overflow:visible}.portal-anillo{fill:none;stroke:#ff464657;stroke-width:1.4px;vector-effect:non-scaling-stroke;transform-origin:0 0}.portal-anillo--a{animation:140s linear infinite portal-gira}.portal-anillo--b{stroke:#ff786e4d;stroke-dasharray:3 14;animation:90s linear infinite reverse portal-gira}.portal-anillo--c{stroke:#ff464680;stroke-width:2px;stroke-dasharray:260 140 40 140;animation:60s linear infinite portal-gira}.portal-anillos{animation:1.8s cubic-bezier(.2,.8,.2,1) .2s both portal-anillos-in}@keyframes portal-anillos-in{0%{opacity:0;transform:scale(.72)}}.portal-lienzo{width:100%;height:100%;position:absolute;inset:0}.portal-destello{filter:blur(1.5px);opacity:.25;will-change:transform, opacity;background:linear-gradient(#0000,#ff3c46 20%,#fff 50%,#ff3c46 80%,#0000);width:6px;margin-left:-3px;position:absolute;top:-10%;bottom:-10%;left:50%;box-shadow:0 0 40px 12px #ff1e28b3,0 0 170px 54px #ff141e66}.portal-puertas{position:absolute;inset:0}.portal-puerta{will-change:transform;background:linear-gradient(90deg,#ffffff06,#0000 18% 82%,#ff3c3c12),linear-gradient(#0c0c10 0%,#151519 46%,#09090b 100%);width:30.2%;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:0 0 60px 4px #000c}.portal-puerta--izq{transform-origin:0%;left:20%}.portal-puerta--der{transform-origin:100%;right:20%}.portal-puerta--der .portal-orna,.portal-puerta--der .portal-prismas{transform:scaleX(-1)}.portal-puerta:before{content:"";opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.portal-puerta:after{content:"";width:4px;opacity:calc(.5 + .5 * var(--p));background:linear-gradient(#0000,#ff2a3a 14%,#ffd9d4 50%,#ff2a3a 86%,#0000);animation:2.4s ease-in-out infinite portal-pulso;position:absolute;top:0;bottom:0;box-shadow:0 0 16px 4px #ff2832d9,0 0 70px 14px #ff1e2866}.portal-puerta--izq:after{right:0}.portal-puerta--der:after{left:0}@keyframes portal-pulso{50%{filter:brightness(1.35)}}.portal-orna{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portal-orna *{vector-effect:non-scaling-stroke}.portal-orna .panel{fill:#ffffff04;stroke:#ff505052;stroke-width:1px}.portal-orna .flujo{fill:none;stroke:#ff3b48;stroke-width:2px;stroke-linecap:round;stroke-dasharray:9 41;filter:drop-shadow(0 0 5px #ff323cf2);animation:3.2s linear infinite portal-flujo}.portal-orna .flujo--b{animation-duration:4.6s;animation-direction:reverse}.portal-orna .marca{fill:none;stroke:#ff6e6e80;stroke-width:1px}@keyframes portal-flujo{to{stroke-dashoffset:-100px}}.portal-prismas{position:absolute;inset:0}.portal-prisma{filter:drop-shadow(0 0 9px #ff323c80);will-change:transform;position:absolute}.portal-prisma>i{background-blend-mode:normal, screen;opacity:.8;background:linear-gradient(165deg,#ffffff42,#ffffff08 38%,#ff283238 100%),url(/portal/nebula-roja.webp) 50%/cover;width:100%;height:100%;animation:7s ease-in-out infinite alternate portal-vidrio;display:block}@keyframes portal-vidrio{to{filter:brightness(1.45)}}.portal-hud{pointer-events:none;place-content:center;justify-items:center;gap:clamp(16px,3.4vmin,34px);display:grid;position:absolute;inset:0}.portal-logo{filter:drop-shadow(0 0 30px #ff1e288c)drop-shadow(0 0 90px #ff141e66);width:min(48vw,580px);height:auto;animation:1.3s cubic-bezier(.2,.8,.2,1) .15s both portal-logo-in;display:block}@keyframes portal-logo-in{0%{opacity:0;clip-path:inset(0 50%);filter:blur(10px)drop-shadow(0 0 40px #ff1e28e6);transform:scale(.9)}to{clip-path:inset(0)}}.portal-barra{background:#ffffff26;border-radius:9999px;width:min(36vw,380px);min-width:230px;height:5px;animation:.8s .9s both portal-aparece;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d}.portal-barra-relleno{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#e0121e,#ff6b72 70%,#fff);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 16px #ff323cf2}.portal-barra-relleno:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);animation:1.6s ease-in-out infinite portal-brillo;position:absolute;inset:0;transform:translate(-100%)}@keyframes portal-brillo{to{transform:translate(100%)}}.portal-estado{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.34em;text-transform:uppercase;color:#ffffffad;font-variant-numeric:tabular-nums;margin:0;font-size:11px;animation:.8s 1.1s both portal-aparece}@keyframes portal-aparece{0%{opacity:0;transform:translateY(8px)}}.portal-saltar{color:#fffc;font:600 11px/1 var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:#00000059;border:1px solid #ffffff38;border-radius:9999px;padding:8px 18px;animation:.8s 2.2s both portal-aparece;position:absolute;bottom:clamp(18px,4vh,40px);left:50%;translate:-50%}.portal-saltar:hover,.portal-saltar:focus-visible{color:#fff;border-color:#ff5a64e6;outline:none;box-shadow:0 0 22px #ff323c80}@media (max-width:767px){.portal-planeta{--pl:54vmin}.portal-logo{width:min(74vw,420px)}.portal-barra{width:min(58vw,300px)}.portal-estado{letter-spacing:.26em;font-size:10px}}