#vt-ov.cam-ficha, .vt-ov.cam-ficha { position:fixed; z-index:2600; color:var(--dc-ink, #F2F2F4); }
.vt-ov .cam-f-cerrar { margin-top:var(--dc-sp-24); padding:0; font-size:var(--dc-fs-40); opacity:.55; transform-origin:left center; }
.vt-ov .cam-f-ir { margin-top:var(--dc-sp-36); transform-origin:left center; }
.vt-ov .cam-f-mas { margin-top:var(--dc-sp-10); padding:0; font-size:var(--dc-fs-30); transform-origin:left center; }
.vt-t .mp-metal { font-size:inherit; }
.vt-lineas { list-style:none; margin:var(--dc-sp-24) 0 0; padding:0; display:flex; flex-direction:column; gap:var(--dc-sp-8);
  font-size:var(--dc-fs-40); line-height:1.25; max-width:32ch; text-shadow:var(--dc-shadow-text-strong); }
.vt-lineas li::before { content:'· '; opacity:.6; }
.vt-porque { font-size:var(--dc-fs-30); line-height:1.25; opacity:.85; margin-top:var(--dc-sp-24); max-width:34ch; }
.vt-precio { font-size:var(--dc-fs-60, 44px); line-height:1; margin-top:var(--dc-sp-24); text-shadow:var(--dc-shadow-text-strong); }
.vt-precio span { font-size:.5em; opacity:.75; }
.vt-letra { font-size:var(--dc-fs-20, 13px); opacity:.55; margin-top:var(--dc-sp-24); }
.cam-ficha .vt-solo + .cam-f-ir { margin-top:var(--dc-sp-36); }

.np-pista { font-size:calc(24 * var(--nu, 1px)); opacity:.5; text-align:center; margin-top:10px; pointer-events:none; }

@media (max-width:700px) { #cam-ov .cam-ficha:has(.vt-solo) { padding-top:calc(96px + env(safe-area-inset-top, 0px)); } }
.vt-lineas .mp-metal .cr-tier-t, .vt-porque .mp-metal .cr-tier-t { font-size:inherit !important; }

#sp-ov { position:fixed; inset:0; z-index:2400; overflow:hidden; color:#F2F2F4;
  background:linear-gradient(135deg, #2C2D2E 0%, #16171A 48%, #0A0A0C 100%);
  font-family:var(--dc-font, 'Coolvetica'), sans-serif; font-weight:var(--dc-weight, 400); letter-spacing:.5px;
  opacity:0; transition:opacity .5s var(--dc-ease, ease); -webkit-user-select:none; user-select:none; touch-action:pan-y;
  --n-brillo:0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14);
  --nu-metal-a:#3D424A; --nu-metal-b:#AAAEB0; --nu-pill-metal:linear-gradient(90deg, var(--nu-metal-a), var(--nu-metal-b)); }
#sp-ov::after { content:""; position:absolute; inset:0; opacity:.035; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
#sp-ov.show { opacity:1; }
#sp-ov.hide { opacity:0; transition-duration:.35s; }
#sp-ov button { font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; cursor:pointer; letter-spacing:inherit; }

#sp-ov .sp-lienzo { position:absolute; left:50%; top:50%; width:1440px; height:900px; transform:translate(-50%, -50%) scale(var(--sp-k, 1)); transform-origin:50% 50%; }
#sp-ov.sp-vert .sp-lienzo { width:390px; height:844px; }

#sp-ov .sp-marca { position:absolute; left:56px; top:40px; z-index:5; font-size:78px; line-height:1; white-space:nowrap; cursor:pointer; color:#F2F2F4;
  text-shadow:var(--n-brillo); transition:opacity .3s; }
#sp-ov .sp-marca .marca-club { font-size:.36em; margin-left:.12em; opacity:.85; }
@media (any-hover: hover) { #sp-ov .sp-marca:hover { opacity:.82; } }

#sp-ov .sp-pasos { position:absolute; left:0; top:486px; transform:translateY(-50%); z-index:5; display:flex; flex-direction:column; gap:2px; }
#sp-ov .sp-piso { position:relative; display:flex; align-items:center; gap:14px; padding:4px 10px 4px 14px; }
#sp-ov .sp-piso .mp-paso { display:block; width:52px; height:11px; border-radius:6px; opacity:.5;
  background:linear-gradient(90deg, rgba(170,174,176,.22), rgba(170,174,176,.5));
  transition:width var(--dc-t-lento, .45s) var(--dc-ease, ease), opacity var(--dc-t-lento, .45s) var(--dc-ease, ease); }
#sp-ov .sp-piso .mp-paso.on { width:86px; opacity:1; background:var(--nu-pill-metal); }
#sp-ov .sp-piso span { font-size:20px; color:rgba(242,242,244,.0); transition:color .3s; }
#sp-ov .sp-piso.on span { color:rgba(242,242,244,.55); }
@media (any-hover: hover) { #sp-ov .sp-piso:hover .mp-paso:not(.on) { opacity:.85; } #sp-ov .sp-piso:hover span { color:rgba(242,242,244,.85); } }

#sp-ov .sp-portada { position:absolute; left:110px; top:250px; width:640px; height:470px; display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:opacity .55s var(--dc-ease, ease), transform .55s var(--dc-ease, ease), filter .55s; }
#sp-ov .sp-portada .mp-marca-mas { padding:0; }
@media (any-hover: hover) { #sp-ov .sp-portada:hover { transform:scale(1.015); } }
#sp-ov.sp-ver-clase .sp-portada { opacity:0; transform:scale(.96); filter:blur(6px); pointer-events:none; }

#sp-ov .sp-clase { position:absolute; left:183px; top:486px; transform:translateY(-50%); width:560px; opacity:0; pointer-events:none; transition:opacity .45s var(--dc-ease, ease); }
#sp-ov.sp-ver-clase .sp-clase { opacity:1; pointer-events:auto; }
#sp-ov .sp-frase { font-size:52px; line-height:1.1; color:#F2F2F4; text-wrap:balance;
  text-shadow:0 0 30px rgba(242,242,244,.4), 0 0 90px rgba(242,242,244,.15); }
#sp-ov .sp-accion { margin-top:34px; }
#sp-ov .sp-ir { font-size:34px; line-height:1.2; color:#F2F2F4; padding:8px 0; text-shadow:var(--n-brillo);
  transition:opacity var(--dc-t-lento, .45s) var(--dc-ease, ease), transform var(--dc-t-lento, .45s) var(--dc-ease, ease); }
#sp-ov .sp-ir-solo::after { content:''; }
#sp-ov .sp-ir .mp-metal, #sp-ov .sp-ir .mp-metal .cr-tier-t { font-size:inherit !important; }
@media (any-hover: hover) { #sp-ov .sp-ir:hover { transform:translateX(6px); } }
#sp-ov .sp-frase.entra { animation:spEntra .55s var(--dc-ease, ease) both; }
#sp-ov .sp-accion.entra { animation:spEntra .55s var(--dc-ease, ease) .12s both; }
@keyframes spEntra { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }

#sp-ov .sp-carril { position:absolute; inset:0; cursor:grab; pointer-events:none; }
#sp-ov .sp-carril:active { cursor:grabbing; }
#sp-ov .sp-ficha { position:absolute; left:0; top:0; width:var(--sp-w); height:var(--sp-h); transform-origin:0 0; will-change:transform, opacity; pointer-events:auto;
  border-radius:calc(var(--sp-w) * .13); cursor:pointer; overflow:hidden;
  background:linear-gradient(90deg, #424852 0%, #6b7077 42%, #959a9f 76%, #a7abae 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.05), 0 24px 54px rgba(0,0,0,.45), 0 6px 14px rgba(0,0,0,.25); }
#sp-ov .sp-ficha::after { content:""; position:absolute; inset:0; opacity:.025; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
#sp-ov .sp-ficha-t { position:absolute; left:19%; right:10%; top:50%; transform:translateY(-50%);
  font-size:calc(var(--sp-w) * .125); line-height:1.32; color:#F2F2F4; text-wrap:balance; overflow-wrap:break-word; hyphens:auto;
  text-shadow:0 0 18px rgba(242,242,244,.35), 0 1px 2px rgba(0,0,0,.15); pointer-events:none; }
#sp-ov .sp-ficha-pie { position:absolute; left:19%; bottom:11%; font-size:calc(var(--sp-w) * .085); line-height:1; color:#F2F2F4; opacity:.9; pointer-events:none; }
#sp-ov .sp-ficha-pie .mp-metal, #sp-ov .sp-ficha-pie .cr-tier-t { font-size:inherit !important; }
#sp-ov .sp-ficha-pie.sp-visto { opacity:.75; }
#sp-ov .sp-ficha.sp-cerrada { background:linear-gradient(90deg, #2f333a 0%, #464a50 45%, #5c6064 80%, #66696c 100%); }
#sp-ov .sp-ficha.sp-cerrada .sp-ficha-t { color:rgba(242,242,244,.62); text-shadow:none; }
#sp-ov .sp-vacio { position:absolute; left:820px; top:450px; font-size:30px; color:rgba(242,242,244,.6); }

#sp-ov.sp-vert .sp-marca { left:24px; top:34px; font-size:48px; }
#sp-ov.sp-vert .sp-pasos { left:50%; top:118px; transform:translateX(-50%); flex-direction:row; gap:0; }
#sp-ov.sp-vert .sp-piso { flex-direction:column; gap:6px; padding:6px 6px; }
#sp-ov.sp-vert .sp-piso .mp-paso { width:30px; height:8px; }
#sp-ov.sp-vert .sp-piso .mp-paso.on { width:50px; }
#sp-ov.sp-vert .sp-piso span { font-size:13px; }
#sp-ov.sp-vert .sp-portada { left:0; top:150px; width:390px; height:300px; }
#sp-ov.sp-vert .sp-portada .mp-marca-mas { transform:scale(.5); }
#sp-ov.sp-vert .sp-clase { left:32px; top:330px; width:326px; }
#sp-ov.sp-vert .sp-frase { font-size:30px; }
#sp-ov.sp-vert .sp-accion { margin-top:18px; }
#sp-ov.sp-vert .sp-ir { font-size:22px; }
#sp-ov.sp-vert .sp-vacio { left:40px; top:600px; font-size:20px; }
@media (prefers-reduced-motion: reduce) { #sp-ov .sp-frase.entra, #sp-ov .sp-accion.entra { animation:none; } }

#sp-ov .sp-nivel { position:absolute; right:56px; top:40px; z-index:6; font-size:78px !important; line-height:1; color:#F2F2F4; text-shadow:var(--n-brillo);
  transition:opacity .3s, scale .45s var(--dc-ease, ease); }
@media (any-hover: hover) { #sp-ov .sp-nivel:hover { opacity:.82; scale:1.03; } }
#sp-ov .sp-nivel:active { scale:.97; }

#sp-ov .sp-carril { transform-origin:980px 472px; transition:transform .75s var(--dc-ease, ease), opacity .5s var(--dc-ease, ease); }
#sp-ov .sp-pasos, #sp-ov .sp-adelanto { transition:opacity .45s var(--dc-ease, ease), scale .7s var(--dc-ease, ease); }
#sp-ov .sp-clase { transition:opacity .45s var(--dc-ease, ease), scale .7s var(--dc-ease, ease); }
#sp-ov.sp-ver-camino .sp-carril { transform:scale(.72); opacity:0; }
#sp-ov.sp-ver-camino .sp-clase, #sp-ov.sp-ver-camino .sp-portada, #sp-ov.sp-ver-camino .sp-pasos, #sp-ov.sp-ver-camino .sp-adelanto { opacity:0; scale:.92; pointer-events:none; }
#sp-ov.sp-ver-camino .sp-carril .sp-ficha { pointer-events:none; }

#sp-ov .sp-adelanto { position:absolute; left:183px; top:800px; z-index:5; display:flex; align-items:center; gap:22px; cursor:pointer; outline:none; }
#sp-ov .sp-adelanto[hidden] { display:none; }
#sp-ov .sp-ad-fila { display:flex; align-items:center; gap:7px; padding:10px 4px; }
#sp-ov .sp-ad-fila.sp-ad-antes { -webkit-mask-image:linear-gradient(90deg, transparent, #000 18%); mask-image:linear-gradient(90deg, transparent, #000 18%); }
#sp-ov .sp-ad-fila.sp-ad-mas { -webkit-mask-image:linear-gradient(90deg, #000 70%, transparent); mask-image:linear-gradient(90deg, #000 70%, transparent); }
#sp-ov .sp-ad-fila.sp-ad-antes.sp-ad-mas { -webkit-mask-image:linear-gradient(90deg, transparent, #000 18%, #000 70%, transparent); mask-image:linear-gradient(90deg, transparent, #000 18%, #000 70%, transparent); }
#sp-ov .sp-ad-p { display:block; width:30px; height:9px; border-radius:5px; animation:spOla 7s var(--dc-ease, ease) calc(2.4s + var(--k) * 70ms) infinite;
  transition:translate .45s var(--dc-ease, ease) calc(var(--k) * 35ms); }
#sp-ov .sp-ad-t { font-size:26px; line-height:1; color:rgba(242,242,244,.72); text-shadow:var(--n-brillo); transition:color .3s, translate .45s var(--dc-ease, ease); white-space:nowrap; }
@media (any-hover: hover) {
  #sp-ov .sp-adelanto:hover .sp-ad-p { translate:0 -4px; }
  #sp-ov .sp-adelanto:hover .sp-ad-t { color:#F2F2F4; translate:4px 0; }
}
#sp-ov .sp-adelanto:focus-visible .sp-ad-t { color:#F2F2F4; }
@keyframes spOla { 0%, 86%, 100% { transform:none; } 92% { transform:translateY(-3px); } }

#sp-ov .sp-p-hecha { background:var(--nu-pill-metal); box-shadow:inset 0 1px 0 rgba(255,255,255,.2); }
#sp-ov .sp-p-abierta { background:linear-gradient(90deg, rgba(61,66,74,.7), rgba(170,174,176,.62)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
#sp-ov .sp-p-cerrada { background:linear-gradient(90deg, rgba(170,174,176,.1), rgba(170,174,176,.24)); }
#sp-ov .sp-p-aqui { background:linear-gradient(90deg, #8a9097 0%, #d8dbde 62%, #f2f3f4 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 12px rgba(255,255,255,.5), 0 0 36px rgba(255,255,255,.2), 0 0 80px rgba(255,255,255,.08); }

#sp-ov.sp-cm-lento { --nace:1.1s; --destello:.9s; }
#sp-ov .sp-camino { position:absolute; inset:0; z-index:4; opacity:0; scale:1.06; pointer-events:none;
  transition:opacity .5s var(--dc-ease, ease), scale .8s var(--dc-ease, ease), visibility 0s .8s; visibility:hidden; }
#sp-ov.sp-ver-camino .sp-camino { opacity:1; scale:1; pointer-events:auto; visibility:visible; transition:opacity .55s var(--dc-ease, ease) .1s, scale .85s var(--dc-ease, ease) .05s, visibility 0s; }
#sp-ov .sp-senda { position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
#sp-ov .sp-senda path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
#sp-ov .sp-tramo { stroke:rgba(242,242,244,.07); stroke-width:1.5; }
#sp-ov .sp-tramo.sp-tramo-hecho { stroke:rgba(242,242,244,.24); }

#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-tramo { animation:spTramo var(--t) linear var(--d) both, spTramoLuz .7s var(--dc-ease, ease) var(--d) both; }
@keyframes spTramo { to { stroke-dashoffset:0; } }
@keyframes spTramoLuz { 0% { stroke:rgba(242,242,244,.45); } 100% { } }

#sp-ov .sp-pil { position:absolute; border-radius:999px; translate:-50% -50%; cursor:pointer; padding:0;
  transition:scale .35s var(--dc-ease, ease), box-shadow .35s var(--dc-ease, ease), filter .35s; }
#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-pil { animation:spFicha var(--nace, .6s) var(--dc-ease, ease) var(--d) backwards, spDestello var(--destello, .55s) cubic-bezier(.2,.7,.3,1) var(--d); }
@keyframes spDestello {
  0%   { box-shadow:0 0 0 rgba(214,218,222,0); }
  22%  { box-shadow:0 0 14px rgba(214,218,222,.34), 0 0 38px rgba(214,218,222,.12); }
  100% { box-shadow:0 0 0 rgba(214,218,222,0); }
}

#sp-ov .sp-pil::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.05; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-pil.sp-p-aqui { animation:spFicha var(--nace, .6s) var(--dc-ease, ease) var(--d) backwards, spEnciende 1.1s var(--dc-ease, ease) calc(var(--d) + .3s) both, spLuz 3.6s ease-in-out calc(var(--d) + 1.4s) infinite; }
#sp-ov.sp-cm-quieto .sp-pil.sp-p-aqui { animation:spLuz 3.6s ease-in-out infinite; }

@keyframes spFicha {
  0%   { opacity:0; filter:blur(10px); transform:scale(.94); }
  100% { opacity:1; filter:blur(0); transform:none; }
}
@keyframes spEnciende {
  0%   { box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(255,255,255,0); }
  38%  { box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 0 22px rgba(255,255,255,.85), 0 0 64px rgba(255,255,255,.4), 0 0 130px rgba(255,255,255,.16); }
  100% { box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 12px rgba(255,255,255,.5), 0 0 36px rgba(255,255,255,.2), 0 0 80px rgba(255,255,255,.08); }
}
@keyframes spLuz {
  0%, 100% { box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 12px rgba(255,255,255,.5), 0 0 36px rgba(255,255,255,.2), 0 0 80px rgba(255,255,255,.08); }
  50%      { box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 0 16px rgba(255,255,255,.62), 0 0 48px rgba(255,255,255,.27), 0 0 100px rgba(255,255,255,.1); }
}
#sp-ov .sp-pil.sp-p-jefe:not(.sp-p-aqui) { box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(242,242,244,.16); }
@media (any-hover: hover) {
  #sp-ov .sp-pil:hover { scale:1.16; filter:brightness(1.18); }
  #sp-ov .sp-pil:not(.sp-p-aqui):hover { box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 14px rgba(255,255,255,.2), 0 0 34px rgba(255,255,255,.07); }
  #sp-ov .sp-pil.sp-p-cerrada:hover { filter:brightness(2); }
}
#sp-ov .sp-pil:active { scale:.96; }
#sp-ov .sp-pil:focus-visible { outline:none; filter:brightness(1.25); }

#sp-ov .sp-p-rotulo { position:absolute; translate:-50% -100%; white-space:nowrap; pointer-events:none; font-size:20px; line-height:1; color:rgba(242,242,244,.86);
  text-shadow:var(--n-brillo); opacity:0; }
#sp-ov .sp-p-rotulo.sp-p-solo { font-size:22px; }
#sp-ov .sp-p-rotulo .mp-metal, #sp-ov .sp-p-rotulo .cr-tier-t { font-size:inherit !important; }
#sp-ov.sp-cm-anda .sp-p-rotulo { animation:spRotulo .6s var(--dc-ease, ease) var(--d) both; }
#sp-ov.sp-cm-quieto .sp-p-rotulo { animation:none; opacity:1; }
@keyframes spRotulo { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

#sp-ov .sp-cm-texto { position:absolute; left:170px; right:170px; top:170px; text-align:center; pointer-events:none; }
#sp-ov .sp-cm-t { font-size:22px; line-height:1.2; color:rgba(242,242,244,.55); margin-bottom:12px; }
#sp-ov .sp-cm-f { font-size:40px; line-height:1.15; color:#F2F2F4; text-wrap:balance; min-height:1.15em;
  text-shadow:0 0 30px rgba(242,242,244,.38), 0 0 90px rgba(242,242,244,.14); }
#sp-ov .sp-cm-texto.entra { animation:spEntra .45s var(--dc-ease, ease) both; }
#sp-ov .sp-cm-volver { position:absolute; left:50%; translate:-50% 0; top:832px; font-size:26px !important; line-height:1.2; padding:8px 16px !important; color:rgba(242,242,244,.55);
  text-shadow:var(--n-brillo); transition:color .3s; }
@media (any-hover: hover) { #sp-ov .sp-cm-volver:hover { color:#F2F2F4; } }

#sp-ov.sp-vert .sp-nivel { right:24px; top:34px; font-size:48px !important; }
#sp-ov.sp-vert .sp-carril { transform-origin:195px 612px; }
#sp-ov.sp-vert .sp-adelanto { left:32px; top:782px; gap:16px; }
#sp-ov.sp-vert .sp-ad-p { width:20px; height:7px; }
#sp-ov.sp-vert .sp-ad-fila { gap:5px; }
#sp-ov.sp-vert .sp-ad-t { font-size:18px; }
#sp-ov.sp-vert .sp-cm-texto { left:28px; right:28px; top:128px; }
#sp-ov.sp-vert .sp-cm-t { font-size:14px; margin-bottom:8px; }
#sp-ov.sp-vert .sp-cm-f { font-size:23px; }
#sp-ov.sp-vert .sp-p-rotulo { font-size:13px; }
#sp-ov.sp-vert .sp-p-rotulo.sp-p-solo { font-size:15px; }
#sp-ov.sp-vert .sp-cm-volver { top:790px; font-size:18px !important; }

#ln-hoja.sp-hoja { z-index:2470; }
#ln-hoja.sp-hoja .ln-velo { background:rgba(10,10,12,.62); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%); }
html.sin-desenfoque #ln-hoja.sp-hoja .ln-velo { background:rgba(10,10,12,.94); -webkit-backdrop-filter:none; backdrop-filter:none; }

#sp-ov .sp-piso span { display:none; }

@media (prefers-reduced-motion: reduce) {
  #sp-ov .sp-ad-p, #sp-ov .sp-pil, #sp-ov .sp-senda path, #sp-ov .sp-p-rotulo { animation:none !important; }
  #sp-ov .sp-p-rotulo { opacity:1; }
}

#sf-ov { position:fixed; inset:0; z-index:2450; font-family:var(--dc-font, 'Coolvetica'), sans-serif; font-weight:var(--dc-weight, 400); letter-spacing:.5px; color:#F2F2F4;
  pointer-events:none; -webkit-user-select:none; user-select:none; }
#sf-ov.on { pointer-events:auto; }
#sf-ov .sf-velo { position:absolute; inset:0; background:rgba(10,10,12,.66); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%);
  opacity:0; transition:opacity .45s var(--dc-ease, ease); }
html.sin-desenfoque #sf-ov .sf-velo { background:rgba(10,10,12,.95); -webkit-backdrop-filter:none; backdrop-filter:none; }
#sf-ov.on .sf-velo { opacity:1; }
#sf-ov button { font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; cursor:pointer; letter-spacing:inherit; }
#sf-ov .sf-lienzo { position:absolute; left:50%; top:50%; width:1440px; height:900px; transform:translate(-50%, -50%) scale(var(--sf-k, 1)); transform-origin:50% 50%; pointer-events:none; }
#sf-ov.sf-vert .sf-lienzo { width:390px; height:844px; }
#sf-ov .sf-lienzo > * { pointer-events:auto; }

#sf-ov .sf-t, #sf-ov .sf-col, #sf-ov .sf-iconos, #sf-ov .sf-cerrar { opacity:0; filter:blur(6px); transform:translateY(14px) scale(.985);
  transition:opacity .7s var(--dc-ease, ease), filter .7s var(--dc-ease, ease), transform .8s var(--dc-ease, ease); }
#sf-ov.on .sf-t { opacity:1; filter:none; transform:none; }
#sf-ov.on .sf-col { opacity:1; filter:none; transform:none; transition-delay:calc(.1s + var(--k) * .12s); }
#sf-ov.on .sf-iconos { opacity:1; filter:none; transform:none; transition-delay:.5s; }
#sf-ov.on .sf-cerrar { opacity:.55; filter:none; transform:none; transition-delay:.6s; }
#sf-ov:not(.on) .sf-col, #sf-ov:not(.on) .sf-t, #sf-ov:not(.on) .sf-iconos, #sf-ov:not(.on) .sf-cerrar { transition-duration:.3s; transition-delay:0s; }

#sf-ov .sf-t { position:absolute; left:120px; right:120px; top:54px; text-align:center; font-size:30px; line-height:1.2; text-wrap:balance;
  text-shadow:0 0 26px rgba(242,242,244,.32), 0 0 80px rgba(242,242,244,.12); }

#sf-ov .sf-col { position:absolute; top:128px; left:calc(195px + var(--k) * 360px); width:330px; display:flex; flex-direction:column; align-items:center; text-align:center; }
#sf-ov .sf-carta { position:relative; width:300px; height:189px; flex:none; transition:transform .5s var(--dc-ease, ease); }
#sf-ov .sf-carta .cr-carta { position:absolute; left:0; top:0; transform:scale(.3846); transform-origin:0 0; }
#sf-ov .sf-carta .tuyyo-rep .mp-clase { --s:.2625; }
@media (any-hover: hover) { #sf-ov .sf-col:hover .sf-carta { transform:translateY(-4px); } }
#sf-ov .sf-n { height:62px; margin-top:20px; display:flex; align-items:center; font-size:46px; line-height:1; flex:none; }
#sf-ov .sf-n .mp-metal, #sf-ov .sf-n .cr-tier-t { font-size:inherit !important; }
#sf-ov .sf-n-texto { text-shadow:0 0 22px rgba(242,242,244,.4); }
#sf-ov .sf-sub { height:30px; font-size:20px; line-height:1.25; color:rgba(242,242,244,.55); flex:none; margin-bottom:20px; }
#sf-ov .sf-v { height:46px; display:flex; align-items:center; justify-content:center; font-size:21px; line-height:1.2; color:rgba(242,242,244,.86); flex:none; text-wrap:balance; }
#sf-ov .sf-no { display:block; width:22px; height:1.5px; border-radius:1px; background:rgba(242,242,244,.3); }
#sf-ov.sf-vert .sf-no { width:14px; }
#sf-ov .sf-ir { margin-top:24px; font-size:30px !important; line-height:1.2; padding:6px 10px !important; text-shadow:var(--n-brillo, 0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14));
  transition:transform .35s var(--dc-ease, ease), opacity .3s; }
#sf-ov .sf-tuya { margin-top:24px; font-size:24px; line-height:1.2; padding:8px 10px; color:rgba(242,242,244,.6); }
#sf-ov .sf-ver { margin-top:4px; font-size:19px !important; padding:6px 10px !important; color:rgba(242,242,244,.5); transition:color .3s; }
@media (any-hover: hover) {
  #sf-ov .sf-ir:hover { transform:scale(1.05); }
  #sf-ov .sf-ver:hover { color:rgba(242,242,244,.9); }
  #sf-ov .sf-lienzo:has(.sf-col:hover) .sf-col:not(:hover) { opacity:.55; }
}
#sf-ov .sf-ir:active { transform:scale(.97); }
#sf-ov .sf-ir:disabled { opacity:.6; }
#sf-ov .sf-ir.hecho { font-size:18px !important; text-shadow:none; }

#sf-ov .sf-iconos { position:absolute; left:150px; top:449px; width:60px; }
#sf-ov .sf-fila-ico { height:46px; display:flex; align-items:center; justify-content:center; color:rgba(242,242,244,.6); }
#sf-ov .sf-ico { width:26px; height:26px; display:block; }
#sf-ov .sf-cerrar { position:absolute; left:50%; translate:-50% 0; top:846px; font-size:21px !important; padding:6px 14px !important; transition:opacity .3s, filter .7s, transform .8s; }
@media (any-hover: hover) { #sf-ov.on .sf-cerrar:hover { opacity:1; } }

#sf-ov.sf-vert .sf-t { left:22px; right:22px; top:30px; font-size:17px; }
#sf-ov.sf-vert .sf-col { top:96px; left:calc(40px + var(--k) * 116px); width:112px; }
#sf-ov.sf-vert .sf-carta { width:104px; height:66px; }
#sf-ov.sf-vert .sf-carta .cr-carta { transform:scale(.1333); }
#sf-ov.sf-vert .sf-carta .tuyyo-rep { border-radius:6px; }
#sf-ov.sf-vert .sf-carta .tuyyo-rep .mp-clase { --s:.091; }
#sf-ov.sf-vert .sf-n { height:34px; margin-top:10px; font-size:24px; }
#sf-ov.sf-vert .sf-sub { height:30px; font-size:11px; margin-bottom:8px; }
#sf-ov.sf-vert .sf-v { height:58px; font-size:12.5px; padding:0 3px; }
#sf-ov.sf-vert .sf-ir { margin-top:12px; font-size:16px !important; padding:6px 4px !important; }
#sf-ov.sf-vert .sf-tuya { margin-top:12px; font-size:13px; }
#sf-ov.sf-vert .sf-ver { font-size:12px !important; padding:6px 4px !important; }
#sf-ov.sf-vert .sf-iconos { left:6px; top:244px; width:30px; }
#sf-ov.sf-vert .sf-fila-ico { height:58px; }
#sf-ov.sf-vert .sf-ico { width:18px; height:18px; }
#sf-ov.sf-vert .sf-cerrar { top:790px; font-size:15px !important; }

#sp-ov .sp-cm-formas { position:absolute; left:50%; translate:-50% 0; top:770px; font-size:30px !important; line-height:1.2; padding:8px 16px !important; color:#F2F2F4; white-space:nowrap;
  text-shadow:var(--n-brillo); transition:scale .35s var(--dc-ease, ease); }
@media (any-hover: hover) { #sp-ov .sp-cm-formas:hover { scale:1.04; } }
#sp-ov.sp-vert .sp-cm-formas { top:730px; font-size:19px !important; }
@media (prefers-reduced-motion: reduce) { #sf-ov .sf-t, #sf-ov .sf-col, #sf-ov .sf-iconos, #sf-ov .sf-cerrar { transition:opacity .2s; filter:none; transform:none; } }

#sf-ov .sf-riel { display:contents; }
#sf-ov .sf-v-ico, #sf-ov .sf-puntos { display:none; }
#sf-ov.sf-vert .sf-iconos { display:none; }
#sf-ov.sf-vert .sf-riel { position:absolute; left:0; right:0; top:92px; height:676px; display:flex; gap:14px; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; scroll-padding-left:30px; padding:0 30px; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; }
#sf-ov.sf-vert .sf-riel::-webkit-scrollbar { display:none; }
#sf-ov.sf-vert .sf-riel::after { content:""; flex:0 0 16px; }
#sf-ov.sf-vert .sf-col { position:relative; top:auto; left:auto; flex:0 0 300px; width:300px; scroll-snap-align:start; align-items:flex-start; text-align:left;
  transition:opacity .45s var(--dc-ease, ease), filter .7s var(--dc-ease, ease), transform .8s var(--dc-ease, ease); }
#sf-ov.sf-vert.on .sf-col:not(.sf-delante) { opacity:.42; }
#sf-ov.sf-vert .sf-carta { width:300px; height:189px; }
#sf-ov.sf-vert .sf-carta .cr-carta { transform:scale(.3846); }
#sf-ov.sf-vert .sf-carta .tuyyo-rep { border-radius:14px; }
#sf-ov.sf-vert .sf-carta .tuyyo-rep .mp-clase { --s:.2625; }
#sf-ov.sf-vert .sf-n { height:54px; margin-top:20px; font-size:44px; }
#sf-ov.sf-vert .sf-sub { height:24px; font-size:17px; margin-bottom:14px; }
#sf-ov.sf-vert .sf-v { height:46px; justify-content:flex-start; gap:16px; font-size:18px; padding:0; text-align:left; }
#sf-ov.sf-vert .sf-v-ico { display:flex; flex:none; width:24px; height:24px; color:rgba(242,242,244,.55); }
#sf-ov.sf-vert .sf-v-ico .sf-ico { width:24px; height:24px; }
#sf-ov.sf-vert .sf-no { width:20px; }
#sf-ov.sf-vert .sf-ir { margin-top:16px; font-size:26px !important; padding:6px 0 !important; }
#sf-ov.sf-vert .sf-tuya { margin-top:16px; font-size:20px; padding:8px 0; }
#sf-ov.sf-vert .sf-ver { font-size:16px !important; padding:6px 0 !important; }
#sf-ov.sf-vert .sf-puntos { display:flex; position:absolute; left:50%; translate:-50% 0; top:770px; gap:4px; }
#sf-ov .sf-punto { padding:8px 4px !important; }
#sf-ov .sf-punto .mp-paso { display:block; width:30px; height:8px; border-radius:5px; opacity:.5; background:linear-gradient(90deg, rgba(170,174,176,.22), rgba(170,174,176,.5));
  transition:width .45s var(--dc-ease, ease), opacity .45s var(--dc-ease, ease); }
#sf-ov .sf-punto .mp-paso.on { width:50px; opacity:1; background:linear-gradient(90deg, #3D424A, #AAAEB0); }
#sf-ov.sf-vert .sf-cerrar { top:806px; }

#sf-ov .sf-comun { position:absolute; left:160px; right:160px; top:104px; text-align:center; font-size:20px; line-height:1.3; color:rgba(242,242,244,.55);
  opacity:0; transition:opacity .7s var(--dc-ease, ease) .25s; }
#sf-ov.on .sf-comun { opacity:1; }
#sf-ov .sf-col { top:178px; }
#sf-ov .sf-sub { margin-bottom:26px; }
#sf-ov .sf-v0 { height:auto; font-size:30px; color:#F2F2F4; text-shadow:0 0 22px rgba(242,242,244,.28); }
#sf-ov .sf-v1 { height:auto; margin-top:10px; font-size:19px; color:rgba(242,242,244,.55); }
#sf-ov .sf-ir { margin-top:40px; }
#sf-ov.sf-vert .sf-comun { left:26px; right:26px; top:84px; font-size:13.5px; }
#sf-ov.sf-vert .sf-riel { top:136px; }
#sf-ov.sf-vert .sf-col { top:auto; }
#sf-ov.sf-vert .sf-n { margin-top:26px; font-size:48px; height:58px; }
#sf-ov.sf-vert .sf-sub { font-size:18px; margin-bottom:30px; }
#sf-ov.sf-vert .sf-v0 { height:auto; font-size:28px; }
#sf-ov.sf-vert .sf-v1 { height:auto; margin-top:10px; font-size:16px; }
#sf-ov.sf-vert .sf-ir { margin-top:44px; font-size:28px !important; }

#sf-ov .sf-t { top:118px; }
#sf-ov .sf-comun { top:166px; text-wrap:balance; }
#sf-ov .sf-col { top:244px; }
#sf-ov.sf-vert .sf-t { top:46px; }
#sf-ov.sf-vert .sf-comun { top:100px; }
#sf-ov.sf-vert .sf-riel { top:150px; height:600px; }