:root{--noche:#06140F;--noche-2:#0A1F17;--vidrio:rgba(255,255,255,.045);--borde-v:rgba(255,255,255,.09);
  --claro:#ECF4EF;--tenue:#A5BAAF;--menta:#2EE5A3;--menta-2:#13B57E;--violeta:#8E5CF7;--violeta-2:#6D3DE0;
  --rojo-vivo:#FF5470;--f-disp:'Sora',system-ui,sans-serif;--f-cuerpo:'Manrope',system-ui,-apple-system,sans-serif;
  --radio-x:16px;--halo:0 10px 30px -12px rgba(46,229,163,.55);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--noche)}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(46,229,163,.08),transparent 60%),var(--noche);
  color:var(--claro);font:16.5px/1.7 var(--f-cuerpo);overflow-x:clip}
a{color:var(--menta)}
:focus-visible{outline:2px solid var(--menta);outline-offset:3px;border-radius:6px}

.tope-x{position:sticky;top:0;z-index:30;background:rgba(6,20,15,.82);backdrop-filter:blur(12px) saturate(1.3);
  border-bottom:1px solid var(--borde-v)}
.tope-in{max-width:1220px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:28px}
.marca-x{display:flex;align-items:center;gap:10px;color:var(--claro);text-decoration:none;font:800 1.02rem/1 var(--f-disp);letter-spacing:-.01em;white-space:nowrap}
.marca-x span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--noche);
  background:linear-gradient(145deg,var(--menta),var(--menta-2));box-shadow:var(--halo),inset 0 1px 0 rgba(255,255,255,.4);font-size:.78rem}
.marca-x svg{width:20px;height:20px}
.marca-logo-x{gap:12px}
.marca-logo-x img{display:block;height:31px;width:auto}
.marca-logo-x em{font:700 .66rem/1 var(--f-cuerpo);font-style:normal;letter-spacing:.12em;text-transform:uppercase;
  color:var(--menta);padding:5px 8px;border:1px solid rgba(46,229,163,.45);border-radius:999px}
.menu-x{display:flex;gap:26px;margin:0 auto}
.menu-x a{color:var(--claro);text-decoration:none;font:700 .8rem/1 var(--f-cuerpo);letter-spacing:.09em;text-transform:uppercase;opacity:.82;white-space:nowrap}
.menu-x a:hover,.menu-x a[aria-current=page]{opacity:1;color:var(--menta)}
.botones-x{display:flex;gap:10px}
.boton-borde,.boton-lleno,.boton-violeta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;
  font:800 .8rem/1 var(--f-cuerpo);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  padding:13px 20px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s}
.boton-borde{color:var(--claro);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.03)}
.boton-borde:hover{border-color:var(--menta);color:var(--menta)}
.boton-lleno{color:#032015;background:linear-gradient(180deg,#45F0B5,var(--menta-2));box-shadow:var(--halo),inset 0 1px 0 rgba(255,255,255,.45)}
.boton-lleno:hover,.boton-violeta:hover{transform:translateY(-1px)}
.boton-violeta{color:#fff;font-size:.95rem;letter-spacing:.02em;text-transform:none;padding:17px 42px;
  background:linear-gradient(180deg,#7A4BE8,#5A2BC6);box-shadow:0 14px 34px -14px rgba(142,92,247,.85),inset 0 1px 0 rgba(255,255,255,.35)}

.titular{border-bottom:1px solid var(--borde-v);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.titular-in{max-width:1220px;margin:0 auto;padding:22px 24px 18px;text-align:center}
h1{font:800 clamp(1.5rem,3.2vw,2.15rem)/1.15 var(--f-disp);letter-spacing:-.025em;margin:0;text-wrap:balance}
.titular-meta{margin:6px 0 0;font-size:.82rem;color:var(--tenue)}
.escena{position:relative;isolation:isolate;min-height:360px;display:grid;place-items:center;text-align:center;padding:56px 24px;
  background:linear-gradient(180deg,rgba(6,20,15,.55),rgba(6,20,15,.88) 85%,var(--noche)),
    radial-gradient(900px 380px at 50% 40%,rgba(142,92,247,.35),transparent 70%),url(/fotos/escena.jpg) center/cover;
  border-bottom:1px solid var(--borde-v)}
.escena-portada{min-height:500px}
.escena-in{max-width:760px;display:grid;justify-items:center;gap:18px}
.escena-bono{margin:0;font:800 clamp(2.1rem,6vw,4rem)/1.04 var(--f-disp);letter-spacing:-.035em;text-wrap:balance;
  text-shadow:0 4px 30px rgba(0,0,0,.45)}
.escena-txt{margin:0;max-width:58ch;font-size:1.06rem;color:#D6E4DC}
.valoracion{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(6,20,15,.65);
  border:1px solid var(--borde-v);font-family:var(--f-disp)}
.valoracion b{font-size:1.05rem}
.valoracion small{color:var(--tenue)}
.estrellitas{width:90px;height:18px;display:inline-block;
  background:linear-gradient(90deg,var(--violeta) var(--relleno),rgba(255,255,255,.18) 0);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath transform='translate(0 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(24 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(48 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(72 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(96 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") left/90px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath transform='translate(0 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(24 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(48 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(72 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3Cpath transform='translate(96 0)' d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E") left/90px 18px no-repeat}
.entradilla-p{max-width:1220px;margin:22px auto 0;padding:0 24px;color:var(--tenue);font-size:1.05rem}

.sala{max-width:1220px;margin:0 auto;padding:34px 24px 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.columna{min-width:0}
.lateral{position:sticky;top:84px;display:grid;gap:16px}
.tarjeta-l{padding:18px;border-radius:var(--radio-x);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid var(--borde-v);box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}
.tl-marca{display:grid;justify-items:center;gap:12px;text-align:center}
.tl-marca .logo-xl{width:150px}
.tl-bono{margin:0;font:800 1.15rem/1.25 var(--f-disp)}
.tl-marca .boton-lleno{width:100%}
.tl-titulo{margin:0 0 10px;font:700 .95rem/1.2 var(--f-disp);color:#C9A8FF}
.tl-filas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tl-filas li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--borde-v);font-size:.82rem}
.tl-filas span{color:var(--tenue)}
.tl-filas b{font-size:.92rem;color:var(--claro)}
.tl-nota{margin:0 0 6px;font-size:.84rem;color:var(--tenue)}
.tl-ayuda{margin:0;padding:0;list-style:none;font-size:.84rem;font-weight:700}

.sumario{margin:0 0 26px;border-radius:12px;background:var(--vidrio);border:1px solid var(--borde-v)}
.sumario summary{cursor:pointer;list-style:none;padding:14px 18px;font:700 .95rem/1 var(--f-disp);display:flex;justify-content:space-between;align-items:center}
.sumario summary::-webkit-details-marker{display:none}
.sumario summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--tenue);border-bottom:2px solid var(--tenue);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.sumario[open] summary::after{transform:rotate(-135deg)}
.sumario ol{margin:0;padding:0 18px 16px 38px;display:grid;gap:6px;font-size:.92rem}
.sumario a{color:var(--claro);text-decoration:none}
.sumario a:hover{color:var(--menta)}

h2{font:800 clamp(1.3rem,2.6vw,1.65rem)/1.2 var(--f-disp);letter-spacing:-.02em;margin:46px 0 16px;text-wrap:balance;scroll-margin-top:90px}
h2::after{content:"";display:block;width:42px;height:3px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,var(--violeta),var(--menta))}
h3{font:700 1.08rem/1.35 var(--f-disp);margin:26px 0 8px}
p{margin:0 0 16px}
.zona ul:not([class]){list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.zona ul:not([class]) li{position:relative;padding-left:24px}
.zona ul:not([class]) li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;
  background:var(--menta);box-shadow:0 0 10px rgba(46,229,163,.7);transform:rotate(45deg)}

.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}
.tile-foto{position:relative;margin:0;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--borde-v);
  background:linear-gradient(180deg,transparent 40%,rgba(6,20,15,.92)),var(--foto) center/cover;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.tile-foto:hover{transform:translateY(-3px)}
.tile-foto figcaption{position:absolute;left:14px;right:14px;bottom:12px;font:700 1rem/1.2 var(--f-disp)}
.tile-cta{display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:16px;border-radius:14px;
  background:radial-gradient(120% 90% at 50% 0%,rgba(142,92,247,.35),transparent 70%),var(--noche-2);border:1px solid rgba(142,92,247,.45)}
.tile-cta p{margin:0;font:800 .98rem/1.25 var(--f-disp)}
.tile-cta .logo-xl{width:120px}
.logo-xl{display:block;width:140px;height:auto;border-radius:10px}
.logo-xs{display:block;width:84px;height:auto;border-radius:6px}
.inicial-x{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--menta);color:var(--noche);font:800 1.4rem/1 var(--f-disp)}

.cuadro,.cuadro-x{overflow-x:auto;margin:18px 0 26px;border-radius:14px;border:1px solid var(--borde-v);background:var(--vidrio)}
table{border-collapse:collapse;width:100%;min-width:460px;font-size:.93rem}
th{text-align:left;padding:13px 16px;font:700 .74rem/1.3 var(--f-cuerpo);letter-spacing:.08em;text-transform:uppercase;color:#C9A8FF;
  background:linear-gradient(180deg,rgba(46,229,163,.16),rgba(46,229,163,.06));border-bottom:1px solid rgba(142,92,247,.45)}
td{padding:13px 16px;border-top:1px solid var(--borde-v)}
tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.cuadro-x th{text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--tenue);background:none;border-bottom:0;border-top:1px solid var(--borde-v);width:42%}
.cuadro-x tr:first-child th,.cuadro-x tr:first-child td{border-top:0}
td .jugar-btn{display:inline-flex;padding:9px 14px;border-radius:9px;background:var(--menta);color:#032015;font-weight:800;text-decoration:none;font-size:.82rem}
.operador{font-weight:700}
@media (max-width:640px){
  .pila{border:0;background:none}
  .pila table{min-width:0}
  .pila tr:first-child{display:none}
  .pila tr{display:block;margin-bottom:12px;padding:6px 14px;border-radius:12px;border:1px solid var(--borde-v);background:var(--vidrio)}
  .pila td{display:flex;justify-content:space-between;gap:12px;border:0;padding:8px 0;background:none!important}
  .pila td::before{content:attr(data-col);color:var(--tenue);font-size:.78rem}
}
.chapas{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}
.chapa{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font:700 10px/1 var(--f-cuerpo);
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 50%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000));
  box-shadow:0 0 0 1.5px rgba(6,20,15,.9),0 2px 4px rgba(0,0,0,.55)}
.chapas-mas{font-size:.76rem;color:var(--tenue);margin-left:3px}

.perfil-x{margin:40px 0;padding:26px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--borde-v)}
.perfil-x h2{margin-top:0}
.pros-contras-x{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 18px}
.pros-contras-x>div{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--borde-v)}
.pros-contras-x p{margin:0 0 8px;font:700 .9rem/1 var(--f-disp)}
.bien-l,.mal-l{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.92rem}
.bien-l li,.mal-l li{position:relative;padding-left:26px}
.bien-l li::before,.mal-l li::before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;background:var(--menta);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/contain no-repeat}
.mal-l li::before{background:var(--rojo-vivo);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.perfil-x .boton-lleno,.perfil-x a[rel~=sponsored]{display:inline-flex}
.perfil-x p>a[rel~=sponsored]{padding:13px 22px;border-radius:10px;color:#032015;background:linear-gradient(180deg,#45F0B5,var(--menta-2));
  font:800 .82rem/1 var(--f-cuerpo);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:var(--halo)}
.tile-cta a[rel~=sponsored]{max-width:100%;white-space:normal;text-align:center;padding:11px 18px;border-radius:10px;color:#fff;background:linear-gradient(180deg,#7A4BE8,#5A2BC6);
  font:800 .78rem/1 var(--f-cuerpo);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}

.recuadro-x{margin:26px 0;padding:6px 20px 8px;border-radius:14px;background:rgba(255,84,112,.07);border:1px solid rgba(255,84,112,.35)}
.recuadro-x h2{margin-top:16px;font-size:1.2rem}
.recuadro-x h2::after{display:none}
.preguntas-x{display:grid;gap:10px}
.pregunta{border-radius:12px;background:var(--vidrio);border:1px solid var(--borde-v)}
.pregunta summary{cursor:pointer;list-style:none;padding:15px 48px 15px 18px;font:700 .98rem/1.35 var(--f-disp);position:relative}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"";position:absolute;right:18px;top:50%;width:14px;height:14px;margin-top:-7px;
  background:linear-gradient(var(--menta),var(--menta)) center/14px 2px no-repeat,linear-gradient(var(--menta),var(--menta)) center/2px 14px no-repeat;
  transition:background-size .2s}
.pregunta[open] summary::after{background-size:14px 2px,2px 0}
.pregunta p{margin:0;padding:0 18px 16px;color:var(--tenue)}
.nota-legal{display:flex;gap:10px;align-items:center;margin:40px 0 0;font-size:.85rem;color:var(--tenue)}
.sello18{display:inline-grid;place-items:center;flex:none;min-width:34px;height:34px;border-radius:50%;border:2px solid var(--rojo-vivo);
  color:var(--claro);font:800 .72rem/1 var(--f-disp)}
.hueco{border:1px dashed var(--rojo-vivo);padding:8px}

.zocalo{border-top:1px solid var(--borde-v);background:#040E0A;color:var(--tenue);padding:40px 24px 100px;font-size:.88rem}
.zocalo-in{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.zocalo a{color:var(--tenue)}
.zocalo ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.zocalo-n{font:800 1rem/1.2 var(--f-disp);color:var(--claro)}
.zocalo-k{font-weight:700;color:var(--claro)}
.barra-movil{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(6,20,15,.94);backdrop-filter:blur(10px);
  border-top:1px solid var(--borde-v);font-size:.84rem;line-height:1.3}
.barra-movil b{display:block;color:var(--claro)}
.barra-movil .boton-lleno{padding:12px 16px;flex:none}

@supports (animation-timeline:view()){
  .zona,.tile-foto{animation:asoma linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  @keyframes asoma{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media (max-width:1020px){
  .sala{grid-template-columns:1fr}
  .lateral{display:none}
  .barra-movil{display:flex}
  .menu-x{display:none}
  .botones-x{margin-left:auto}
}
@media (max-width:640px){
  .botones-x .boton-borde{display:none}
  .tope-in{gap:12px;padding:10px 16px}
  .marca-logo-x{flex-direction:column;align-items:flex-start;gap:5px}
  .marca-logo-x img{height:25px}
  .marca-logo-x em{font-size:.56rem;padding:3px 6px}
  .botones-x .boton-lleno{padding:11px 14px}
  .galeria{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile-foto:nth-child(5){grid-column:1/-1;aspect-ratio:16/7}
  .tile-cta{grid-column:1/-1;grid-template-columns:auto 1fr;place-content:normal;align-items:center;text-align:left;justify-items:start}
  .tile-cta a[rel~=sponsored]{grid-column:1/-1;width:100%}
  .pros-contras-x,.zocalo-in{grid-template-columns:1fr}
  .escena{min-height:300px;padding:40px 18px}
  .escena-portada{min-height:380px}
  .boton-violeta{padding:15px 30px}
  body{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .zona,.tile-foto{animation:none}
  .boton-borde,.boton-lleno,.boton-violeta,.tile-foto{transition:none}
}