body[data-page] .ficha-cta{ position:relative; overflow:hidden; min-height:90vh; background:#0C0C0D; color:#fff;
  --bg:#0C0C0D; --fg:#fff; --border:rgba(255,255,255,.16); --border-strong:rgba(255,255,255,.3);
  padding-top:clamp(110px,15vh,180px); padding-bottom:clamp(110px,15vh,180px); }
.ficha-cta .section__inner{ position:relative; z-index:1; max-width:var(--container); display:grid;
  grid-template-columns:minmax(0,1fr); gap:clamp(10px,2vw,30px); }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__titulo{ margin:0 0 clamp(30px,3.6vw,52px); font-size:clamp(3rem,7.4vw,7.4rem) !important;
  font-weight:800; line-height:.94 !important; letter-spacing:-.045em; color:#fff; }
.ficha-cta__titulo .accent{ display:block; font-weight:300; white-space:nowrap; }
.ficha-cta__accion{ position:relative; display:inline-block; }
body[data-page] .ficha-cta__boton{ position:relative; isolation:isolate; overflow:visible; min-width:21rem; justify-content:center;
  background:#FFFFFF; color:#1A1410;
  transition:transform .4s var(--ease-out), background-color .4s, color .4s, box-shadow .4s var(--ease-out); }
.ficha-cta__boton .ficha-cta__etiqueta{ transform:none !important; }
body[data-page] .ficha-cta__boton.is-jaque{ background:#FFFFFF; color:#1A1410; }
.ficha-cta__boton::after{ content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; opacity:0; }
.ficha-cta__boton.is-onda::after{ animation:ficha-cta-onda .9s var(--ease-out); }
@keyframes ficha-cta-onda{ from{ opacity:1; box-shadow:0 0 0 0 rgba(255,92,140,.8); } to{ opacity:0; box-shadow:0 0 0 46px rgba(255,92,140,0); } }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__reto{ max-width:34ch; margin:0 0 clamp(26px,3vw,40px); font-size:1.15rem !important;
  font-weight:400; line-height:1.5 !important; color:rgba(255,255,255,.78); }
.ficha-cta--sin-tablero .ficha-cta__escena{ display:none; }
.ficha-cta__escena{ position:relative; width:100vw; max-width:none; margin-left:calc(50% - 50vw); aspect-ratio:16 / 9; max-height:92vh; }
.ficha-cta__escena::before{ content:''; position:absolute; inset:12% 8% 4%; border-radius:50%; z-index:0; pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,92,140,.16), rgba(255,92,140,.04) 60%, transparent); filter:blur(30px); }
.ficha-cta__lienzo{ position:relative; z-index:1; width:100%; height:100%; opacity:0; transform:translateY(24px);
  transition:opacity 1s var(--ease-out), transform 1.2s var(--ease-out); }
.ficha-cta__escena.is-listo .ficha-cta__lienzo{ opacity:1; transform:none; }
.ficha-cta__lienzo{ -webkit-mask-image:linear-gradient(to bottom, #000 80%, transparent); mask-image:linear-gradient(to bottom, #000 80%, transparent); }
.ficha-cta__lienzo canvas{ display:block; width:100%; height:100%; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__aviso{ position:absolute; left:50%; bottom:2%; z-index:2; margin:0; padding:9px 16px;
  border-radius:999px; background:rgba(255,255,255,.1); backdrop-filter:blur(8px); font-size:.85rem !important; font-weight:700; line-height:1.3 !important;
  white-space:nowrap; transform:translate(-50%,8px); opacity:0; pointer-events:none; transition:opacity .3s, transform .3s var(--ease-out); }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__aviso.is-visible{ opacity:1; transform:translate(-50%,0); }
.ficha-cta__mate{ position:absolute; inset:10% 10%; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  text-align:center; opacity:0; transform:scale(.92); transition:opacity .6s var(--ease-out), transform .8s cubic-bezier(.34,1.56,.64,1); pointer-events:none; }
.ficha-cta__mate.is-visible{ opacity:1; transform:none; pointer-events:auto; }
.ficha-cta__mate[hidden]{ display:none; }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__mate-titulo{ margin:0; font-size:clamp(2.6rem,5.4vw,4.8rem) !important; font-weight:800;
  line-height:.95 !important; letter-spacing:-.04em; color:#fff; text-shadow:0 0 40px rgba(255,92,140,.55), 0 6px 30px rgba(0,0,0,.6); }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__mate-sub{ margin:0 0 14px; font-size:1.15rem !important; font-weight:700;
  color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.8); }
body[data-page] .ficha-cta__mate-boton{ background:#FFFFFF; color:#1A1410; box-shadow:0 12px 40px -8px rgba(255,255,255,.35); }
.ficha-cta__otra{ margin-top:6px; padding:6px 10px; border:0; background:none; color:rgba(255,255,255,.7); font:inherit; font-size:.85rem; font-weight:700;
  text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.ficha-cta__otra:hover{ color:#fff; }
.ficha-cta.is-mate .ficha-cta__lienzo canvas{ filter:brightness(.55); transition:filter 1s var(--ease-out); }

@media (max-width:900px){
  body[data-page] .ficha-cta{ min-height:0; }
  .ficha-cta .section__inner{ grid-template-columns:1fr; }
  .ficha-cta__escena{ aspect-ratio:1 / 1; }
}
@media (max-width:760px){
  body[data-page] .ficha-cta__boton{ min-width:0; width:100%; padding:18px 20px; font-size:16px; white-space:nowrap; }
  body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__reto{ font-size:1rem !important; }
  .ficha-cta__mate{ inset:12% 4%; }
  .ficha-cta__accion{ display:block; }
}
@media (max-width:640px){
  body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__titulo{ font-size:44px !important; }
}
@media (prefers-reduced-motion: reduce){
  .ficha-cta__lienzo, .ficha-cta__mate{ transition:none; }
}
@media (min-width:901px){
  body[data-page] .ficha-cta{ min-height:0; padding-top:0; padding-bottom:0; }
  .ficha-cta .section__inner{ display:block; }
  .ficha-cta__texto{ position:absolute; top:50%; left:0; z-index:4; width:min(56%,760px); transform:translateY(-50%); pointer-events:none; }
  .ficha-cta__texto > *{ pointer-events:auto; }
  .ficha-cta__escena{ aspect-ratio:16 / 8.5; max-height:none; }
  .ficha-cta__escena::after{ content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:linear-gradient(90deg, #0C0C0D 0%, rgba(12,12,13,.92) 22%, rgba(12,12,13,.6) 38%, rgba(12,12,13,0) 58%),
      linear-gradient(to top, #0C0C0D 0%, rgba(12,12,13,0) 18%); }
  .ficha-cta__lienzo{ -webkit-mask-image:none; mask-image:none; }
  .ficha-cta__mate{ inset:12% 20%; }
  .ficha-cta__texto, .ficha-cta__escena::after{ transition:opacity .7s var(--ease-out); }
  .ficha-cta.is-jugada .ficha-cta__texto{ opacity:0; pointer-events:none; }
  .ficha-cta.is-jugada .ficha-cta__texto > *{ pointer-events:none; }
  .ficha-cta.is-jugada .ficha-cta__escena::after{ opacity:0; }
  body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__reto{ max-width:none; white-space:nowrap; }
  body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__titulo{ font-size:clamp(3rem,5.6vw,6.4rem) !important; }
  body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__aviso{ left:72%; bottom:6%; z-index:3; }
}
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__aviso:not(.is-visible){ opacity:0 !important; visibility:hidden; }
.ficha-cta.parchis-cta.is-mate .ficha-cta__lienzo canvas{ filter:brightness(.38) saturate(.85); }
body[data-page] .ficha-cta.parchis-cta{ --parchis:#000000; background:radial-gradient(60% 75% at 74% 45%, rgba(110,110,125,.42), rgba(110,110,125,0) 70%), linear-gradient(180deg, #000000 0%, #111114 45%, #303037 100%); }
.parchis-cta .ficha-cta__escena::before{ background:radial-gradient(closest-side, rgba(255,255,255,.08), rgba(229,38,45,.06) 60%, transparent); }
@media (max-width:900px){
  .parchis-cta .ficha-cta__lienzo{ -webkit-mask-image:none; mask-image:none; }
}
@media (min-width:901px){
  .parchis-cta .ficha-cta__escena{ aspect-ratio:16 / 9.2; }
  .parchis-cta .ficha-cta__escena::after{ background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.4) 22%, rgba(0,0,0,.15) 38%, rgba(0,0,0,0) 52%); }
}
body[data-page] .ficha-cta.surf-cta{ --surf:#0B2D52; background:#7EC8F2; }
.surf-cta .ficha-cta__lienzo canvas{ image-rendering:pixelated; image-rendering:crisp-edges; cursor:pointer; }
.surf-cta .ficha-cta__lienzo canvas:focus{ outline:none; }
.surf-cta .ficha-cta__escena::before{ display:none; }
.surf-cta .ficha-cta__lienzo{ -webkit-mask-image:none; mask-image:none; }
.ficha-cta.surf-cta.is-mate .ficha-cta__lienzo canvas{ filter:brightness(.42); }
body[data-page] main#smooth-wrapper #smooth-content .surf-cta__jugar, body[data-page] main#smooth-wrapper #smooth-content .surf-cta__icono{ align-items:center !important; justify-content:center; }
.surf-cta__icono{ display:flex !important; }
body[data-page] .surf-cta__jugar{ position:relative; display:inline-flex; align-items:center; gap:12px; min-height:56px; padding:0 26px 0 10px;
  border:0; border-radius:999px; background:#FFCB1F; color:#1A1410; font:inherit; font-size:1.05rem; font-weight:800; cursor:pointer;
  box-shadow:0 0 0 0 rgba(255,203,31,.7), 0 14px 30px -12px rgba(0,0,0,.45); animation:surf-latido 1.8s var(--ease-out) infinite; transition:opacity .3s, transform .3s var(--ease-out); }
.surf-cta__jugar:hover{ transform:scale(1.04); }
.surf-cta__jugar:focus-visible{ outline:3px solid #fff; outline-offset:4px; }
.surf-cta__icono{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#1A1410; color:#FFCB1F; }
.surf-cta__icono svg{ width:16px; height:16px; margin-left:2px; }
@keyframes surf-latido{ 0%{ box-shadow:0 0 0 0 rgba(255,203,31,.7), 0 14px 30px -12px rgba(0,0,0,.45); } 70%{ box-shadow:0 0 0 18px rgba(255,203,31,0), 0 14px 30px -12px rgba(0,0,0,.45); } 100%{ box-shadow:0 0 0 0 rgba(255,203,31,0), 0 14px 30px -12px rgba(0,0,0,.45); } }
.ficha-cta.is-mate .surf-cta__jugar{ opacity:0; pointer-events:none; visibility:hidden; }
body[data-page] main#smooth-wrapper #smooth-content .surf-cta__controles{ position:absolute; left:50%; bottom:7%; z-index:3; display:flex; align-items:center; gap:10px; margin:0; padding:10px 18px;
  border-radius:999px; background:rgba(11,45,82,.55); backdrop-filter:blur(6px); color:#fff; font-size:1rem !important; font-weight:600; line-height:1.2 !important; white-space:nowrap; transform:translateX(-50%); }
.surf-cta__tecla{ display:inline-block; padding:4px 10px; border-radius:6px; background:#fff; color:#1A1410; font-weight:800; box-shadow:0 2px 0 rgba(0,0,0,.35); }
.ficha-cta.is-mate .surf-cta__controles{ opacity:0; }
body[data-page] main#smooth-wrapper #smooth-content .surf-cta .ficha-cta__aviso{ top:22%; bottom:auto; }
@media (max-width:900px){
  body[data-page] .ficha-cta.surf-cta{ background:var(--surf); }
  body[data-page] .surf-cta__jugar{ min-height:50px; padding:0 22px 0 8px; font-size:.95rem; line-height:1; white-space:nowrap; }
  body[data-page] .surf-cta__jugar .surf-cta__icono{ flex:none; width:34px; height:34px; }
  body[data-page] .surf-cta__jugar .surf-cta__icono svg{ width:14px; height:14px; }
}
@media (min-width:901px){
  .surf-cta .ficha-cta__escena::after{ background:linear-gradient(90deg, rgba(11,45,82,.88) 0%, rgba(11,45,82,.66) 24%, rgba(11,45,82,.22) 42%, rgba(11,45,82,0) 58%); }
  body[data-page] main#smooth-wrapper #smooth-content .surf-cta .ficha-cta__aviso{ left:var(--surf-x, 72%); }
}
.ficha-cta__titulo .surf-cta__linea{ display:block; white-space:nowrap; }

.ficha-cta__mate-titulo span{ display:block; }
body[data-page] main#smooth-wrapper #smooth-content .ficha-cta__mate-titulo{ margin-bottom:18px; text-align:center !important; line-height:.98 !important; }
.ficha-cta:not(.parchis-cta) .ficha-cta__texto{ transition:opacity .5s var(--ease-out); }
.ficha-cta.is-mate:not(.parchis-cta) .ficha-cta__texto{ opacity:0; pointer-events:none; }