.portal{position:relative;height:100vh;height:100dvh;overflow:hidden;background:#0a0a0a;color:#f2f2f2}.portal .tit{font-family:var(--font-titular);text-transform:uppercase;font-weight:400;margin:0}.portal-fondo{position:absolute;inset:0;background:#0d0c0b}.portal-fondo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,0) 30%,rgba(0,0,0,.75) 100%)}.portal .escena{height:100%;align-items:stretch}.portal .escena,.portal .panel{position:relative;display:flex;justify-content:center}.portal .panel{flex:1 1 0;min-width:0;align-items:center;cursor:pointer;transition:flex .6s cubic-bezier(.2,.8,.2,1);outline:none}.portal .panel .video{position:absolute;inset:0;overflow:hidden;opacity:.42;transition:opacity .6s ease}.portal .panel .video .foto,.portal .panel .video video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55) saturate(.6);transition:filter .6s ease}.portal .panel .video .foto{animation:portal-ken 18s ease-in-out infinite alternate;object-position:50% 50%}@keyframes portal-ken{0%{transform:scale(1.02);object-position:40% 50%}to{transform:scale(1.12);object-position:60% 50%}}.portal .panel .video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.05) 30%,rgba(10,10,10,.05) 60%,rgba(10,10,10,.85))}.portal .panel .video:before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 120px rgba(0,0,0,.7)}.portal .panel .marca{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 24px;transform:translateY(-14vh);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.portal .panel .sobre{font-family:var(--font-titular);font-size:clamp(9px,.8vw,12px);letter-spacing:.35em;text-transform:uppercase;opacity:.85}.portal .panel h2{font-size:clamp(22px,2.4vw,38px);line-height:1;letter-spacing:.02em;text-shadow:0 4px 30px rgba(0,0,0,.7);transition:font-size .5s ease}.portal .panel .raya{width:28px;height:3px;background:#f2f2f2;margin-top:6px;transition:width .5s ease}.portal .panel .tag{position:absolute;top:-34px;left:50%;transform:translateX(-50%);background:#f2f2f2;color:#0a0a0a;font-family:var(--font-titular);font-size:9px;letter-spacing:.25em;text-transform:uppercase;padding:5px 12px;white-space:nowrap}.portal .panel .tag.gris{background:#3a3a3a;color:#9a9da1}.portal .panel .garra-grande{height:clamp(40px,5vw,72px);width:auto;color:#47e00c;filter:drop-shadow(0 4px 20px rgba(71,224,12,.35))}.portal .panel .desc{bottom:16vh;width:min(420px,80%);text-align:center;font-size:14px;line-height:1.5;color:#d6d8da;transition:opacity .5s ease .1s,transform .5s ease .1s;margin:0}.portal .panel .desc,.portal .panel .jugar{position:absolute;z-index:2;left:50%;transform:translate(-50%,10px);opacity:0}.portal .panel .jugar{bottom:24vh;width:min(320px,70%);height:48px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;color:#0a0a0a;font-family:var(--font-titular);font-size:13px;letter-spacing:.3em;text-transform:uppercase;transition:opacity .45s ease .15s,transform .45s ease .15s,background .2s;box-shadow:0 10px 40px rgba(0,0,0,.6)}.portal .panel.activo:hover .jugar{background:#47e00c}.portal .panel.lateral .marca{opacity:.9}.portal .panel.lateral h2{color:#cfd2d5}.portal .panel.lateral:hover .video{opacity:.6}.portal .panel.activo{flex:1.7 1 0}.portal .panel.activo .video{opacity:1}.portal .panel.activo .video .foto,.portal .panel.activo .video video{filter:none}.portal .panel.activo .marca{transform:translateY(-22vh)}.portal .panel.activo h2{font-size:clamp(34px,4.2vw,66px)}.portal .panel.activo .sobre{font-size:clamp(10px,1vw,14px)}.portal .panel.activo .raya{width:320px;max-width:60%;height:2px;opacity:.9}.portal .panel.activo .desc,.portal .panel.activo .jugar{opacity:1;transform:translate(-50%)}.portal .panel.bloqueado{cursor:default}.portal .panel.bloqueado h2{color:#6b6e72}.portal .panel.bloqueado .raya{background:#6b6e72}.portal .panel.bloqueado .video video{filter:grayscale(1) brightness(.45)}.portal .panel.bloqueado.activo .video video{filter:grayscale(1) brightness(.6)}.portal .panel.bloqueado.activo .jugar,.portal .panel.bloqueado.activo:hover .jugar{background:#2a2a2a;color:#9a9da1;box-shadow:none}.portal .panel .candado{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);width:16px;height:16px;stroke:#6b6e72}.portal .hud{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;font-family:var(--font-titular);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d6d8da}.portal .hud .caja{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 14px;background:rgba(18,18,18,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);color:inherit}.portal .hud .caja:hover{border-color:rgba(255,255,255,.4);color:#f2f2f2}.portal .hud .caja svg{width:14px;height:14px}.portal .hud .punto{width:6px;height:6px;border-radius:50%;background:#47e00c;box-shadow:0 0 10px #47e00c}.portal .hud-logo{top:18px;left:18px}.portal .hud-logo .garra{height:34px;width:auto;color:#f2f2f2}.portal .hud-top{top:14px;left:50%;transform:translateX(-50%)}.portal .hud-top .caja{height:34px;border-color:rgba(71,224,12,.45);color:#f2f2f2}.portal .hud-top .caja b{font-weight:400;color:#47e00c}.portal .hud-tr{top:14px;right:16px}.portal .hud-bl{bottom:14px;left:16px}.portal .hud-br{bottom:14px;right:16px}.portal .hud-br .caja{font-family:var(--font-texto);text-transform:none;letter-spacing:0;font-size:12px;color:#9a9da1}.portal .hud-br .caja svg{stroke:#9a9da1}@media (max-width:820px){.portal{height:auto;min-height:100dvh;overflow:visible}.portal .escena{flex-direction:column;padding:72px 0 80px}.portal .panel,.portal .panel.activo{flex:none;height:56vh;min-height:360px}.portal .panel .video{opacity:1}.portal .panel .marca,.portal .panel.activo .marca{transform:translateY(-8vh)}.portal .panel .desc,.portal .panel .jugar{opacity:1;transform:translate(-50%)}.portal .panel .jugar{bottom:12vh}.portal .panel .desc{bottom:5vh;font-size:13px}.portal .hud-br{display:none}.portal .hud-top{top:auto;bottom:14px;max-width:calc(100% - 32px)}.portal .hud-top .caja{font-size:8px;letter-spacing:.12em;white-space:nowrap;overflow:hidden}}@media (prefers-reduced-motion:reduce){.portal .panel,.portal .panel *{transition:none!important}}