#vt-ov.cam-ficha, .vt-ov.cam-ficha { position:fixed; z-index:var(--casa-capa-aviso); 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:var(--casa-sp-10); 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:var(--casa-capa-pantalla); 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 var(--dc-t-lento) var(--dc-ease, ease); -webkit-user-select:none; user-select:none; touch-action:pan-y;
  --n-brillo:var(--casa-brillo-elegido);
  --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:var(--dc-t-salida); }
#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:calc(50% + var(--sp-dy, 0px)); 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:var(--casa-letra-78); line-height:1; white-space:nowrap; cursor:pointer; color:#F2F2F4;
  text-shadow:var(--n-brillo); transition:opacity var(--dc-t-salida) var(--dc-ease, ease); }
#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:var(--casa-sp-2); }
#sp-ov .sp-piso { position:relative; display:flex; align-items:center; gap:var(--casa-sp-14); padding:var(--casa-sp-4) var(--casa-sp-10) var(--casa-sp-4) var(--casa-sp-14); }
#sp-ov .sp-piso .mp-paso { display:block; width:52px; height:11px; border-radius:var(--casa-radio-6); 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:var(--casa-letra-20); color:rgba(242,242,244,.0); transition:color var(--dc-t-salida) var(--dc-ease, ease); }
#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 var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-portada .mp-marca-mas { padding:0; }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-portada:hover { transform:scale(1.06); } }
#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 var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov.sp-ver-clase .sp-clase { opacity:1; pointer-events:auto; }
#sp-ov .sp-frase { font-size:var(--casa-letra-52); line-height:1.1; color:#F2F2F4; text-wrap:balance;
  text-shadow:var(--casa-brillo-titulo); }
#sp-ov .sp-accion { margin-top:34px; }
#sp-ov .sp-ir { font-size:var(--casa-letra-34); line-height:1.2; color:#F2F2F4; padding:var(--casa-sp-8) 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:not(.sin-raton) .sp-ir:hover { transform:scale(1.09); } }
#sp-ov .sp-ir { transform-origin:left center; }
#sp-ov .sp-ir:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
#sp-ov .sp-frase.entra { animation:dcEntra var(--dc-t-lento) var(--dc-ease, ease) both; }
#sp-ov .sp-accion.entra { animation:dcEntra var(--dc-t-lento) var(--dc-ease, ease) .12s both; }

#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; 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:var(--casa-letra-30); 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:var(--casa-sp-6); padding:var(--casa-sp-6) var(--casa-sp-6); }
#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:var(--casa-letra-30); }
#sp-ov.sp-vert .sp-accion { margin-top:var(--casa-sp-18); }
#sp-ov.sp-vert .sp-ir { font-size:var(--casa-letra-22); }
#sp-ov.sp-vert .sp-vacio { left:40px; top:600px; font-size:var(--casa-letra-20); }
@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:var(--casa-letra-78) !important; line-height:1; color:#F2F2F4; text-shadow:var(--n-brillo);
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-lento) var(--dc-ease, ease); }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-nivel:hover { opacity:1; scale:1.06; } }
#sp-ov .sp-nivel:active { scale:.985; }

#sp-ov .sp-carril { transform-origin:980px 472px; transition:transform var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-pasos, #sp-ov .sp-adelanto { transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-clase { transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-lento) 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:var(--casa-sp-22); cursor:pointer; outline:none; }
#sp-ov .sp-adelanto[hidden] { display:none; }
#sp-ov .sp-ad-fila { display:flex; align-items:center; gap:7px; padding:var(--casa-sp-10) var(--casa-sp-4); }
#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:var(--casa-radio-5); animation:spOla 7s var(--dc-ease, ease) calc(2.4s + var(--k) * 70ms) infinite;
  transition:translate var(--dc-t-lento) var(--dc-ease, ease) calc(var(--k) * 34ms); }
#sp-ov .sp-ad-t { font-size:26px; line-height:1; color:rgba(242,242,244,.72); text-shadow:var(--n-brillo); transition:color var(--dc-t-salida) var(--dc-ease, ease), translate var(--dc-t-lento) var(--dc-ease, ease); white-space:nowrap; }
@media (any-hover: hover) {
  #sp-ov:not(.sin-raton) .sp-adelanto:hover :is(.sp-ad-fila, .sp-ad-t) { opacity:1; scale:1.06; }
  #sp-ov:not(.sin-raton) .sp-adelanto:hover .sp-ad-t { color:#F2F2F4; }
}
#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), var(--casa-brillo-metal); }

#sp-ov.sp-cm-lento { --nace:var(--dc-t-entrada); --destello:var(--dc-t-entrada); }   
#sp-ov .sp-camino { position:absolute; inset:0; z-index:4; opacity:0; scale:1.06; pointer-events:none;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-entrada) 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 var(--dc-t-lento) var(--dc-ease, ease) .1s, scale var(--dc-t-entrada) 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 var(--dc-t-lento) 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:var(--casa-radio-999); translate:-50% -50%; cursor:pointer; padding:0;
  transition:scale var(--dc-t-lento) var(--dc-ease), translate var(--dc-t-lento) var(--dc-ease); }

#sp-ov .sp-pil::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
  box-shadow:0 0 14px rgba(214,218,222,.34), 0 0 38px rgba(214,218,222,.12); }
#sp-ov .sp-pil.sp-p-aqui::before { box-shadow:0 0 22px rgba(255,255,255,.85), 0 0 64px rgba(255,255,255,.4), 0 0 130px rgba(255,255,255,.16); }
#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-pil { animation:spFicha var(--nace, var(--dc-t-entrada)) var(--dc-ease) var(--d) backwards; }
#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-pil::before { animation:spDestelloO var(--destello, var(--dc-t-entrada)) var(--dc-ease) var(--d) both; }
#sp-ov.sp-cm-anda:not(.sp-cm-quieto) .sp-pil.sp-p-aqui::before { animation:spEnciendeO var(--dc-t-viaje) var(--dc-ease) calc(var(--d) + .3s) both; }
@keyframes spDestelloO { 0% { opacity:0; } 22% { opacity:1; } 100% { opacity:0; } }
@keyframes spEnciendeO { 0% { opacity:0; } 38% { opacity:1; } 100% { opacity: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, var(--dc-t-entrada)) var(--dc-ease) var(--d) backwards, 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; transform:scale(.9); }
  100% { opacity:1; transform:none; }
}
@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:not(.sin-raton) .sp-pil:hover { scale:1.16; translate:-50% calc(-50% - 7px); }
  #sp-ov:not(.sin-raton) .sp-pil:hover::before { animation:none !important; opacity:.75 !important; }   
  #sp-ov:not(.sin-raton) .sp-pil:hover > .sp-pil-sombra { opacity:1; }
}
#sp-ov .sp-pil::before { transition:opacity var(--dc-t-lento) var(--dc-ease); }
#sp-ov .sp-pil > .sp-pil-sombra { position:absolute; left:16%; right:16%; top:calc(100% + 13px); height:5px; border-radius:var(--casa-radio-999); pointer-events:none; opacity:0;
  background:rgba(0,0,0,.34); box-shadow:0 0 10px 3px rgba(0,0,0,.34); transition:opacity var(--dc-t-lento) var(--dc-ease); }
#sp-ov .sp-pil:active { scale:1.08; translate:-50% calc(-50% - 3px); transition-duration:var(--dc-t-press); }
#sp-ov .sp-pil:focus-visible { outline:none; scale:1.16; translate:-50% calc(-50% - 7px); }

#sp-ov .sp-p-rotulo { position:absolute; translate:-50% -100%; white-space:nowrap; pointer-events:none; font-size:var(--casa-letra-20); 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:var(--casa-letra-22); }
#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:dcEntraLigera var(--dc-t-lento) var(--dc-ease, ease) var(--d) both; }
#sp-ov.sp-cm-quieto .sp-p-rotulo { animation:none; opacity:1; }

#sp-ov .sp-cm-texto { position:absolute; left:170px; right:170px; top:170px; text-align:center; pointer-events:none; translate:0 -100%; }   
#sp-ov .sp-cm-t { font-size:var(--casa-letra-22); line-height:1.2; color:rgba(242,242,244,.55); margin-bottom:var(--casa-sp-12); }
#sp-ov .sp-cm-f { font-size:var(--casa-letra-40); line-height:1.15; color:#F2F2F4; text-wrap:balance; min-height:1.15em;
  text-shadow:var(--casa-brillo-titulo); }
#sp-ov .sp-cm-texto.entra { animation:dcEntra var(--dc-t-lento) 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:var(--casa-sp-8) var(--casa-sp-16) !important; color:rgba(242,242,244,.55);
  text-shadow:var(--n-brillo); transition:color var(--dc-t-salida) var(--dc-ease, ease); }
@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:var(--casa-sp-16); }
#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:var(--casa-letra-18); }
#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:var(--casa-sp-8); }
#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:var(--casa-letra-18) !important; }

#ln-hoja.sp-hoja { z-index:var(--casa-capa-hoja-encima); }
#ln-hoja.sp-hoja .ln-velo { background:var(--velo-casa); -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:var(--casa-capa-ventana); 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:var(--velo-casa); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%);
  opacity:0; transition:opacity var(--dc-t-lento) 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:calc(50% + var(--sf-dy, 0px));   
  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; transform:translateY(14px) scale(.985);
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-entrada) 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:var(--dc-t-salida); transition-delay:0s; }

#sf-ov .sf-t { position:absolute; left:120px; right:120px; top:54px; text-align:center; font-size:var(--casa-letra-30); 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 var(--dc-t-lento) 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:not(.sin-raton) .sf-col:hover .sf-carta { transform:scale(1.06); } }
#sf-ov .sf-n { height:62px; margin-top:var(--casa-sp-20); display:flex; align-items:center; font-size:var(--casa-letra-46); 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:var(--casa-letra-20); line-height:1.25; color:rgba(242,242,244,.55); flex:none; margin-bottom:var(--casa-sp-20); }
#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:var(--casa-sp-24); font-size:var(--casa-letra-30) !important; line-height:1.2; padding:var(--casa-sp-6) var(--casa-sp-10) !important; text-shadow:var(--n-brillo, 0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14));
  transition:transform var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) var(--dc-ease, ease); }
#sf-ov .sf-tuya { margin-top:var(--casa-sp-24); font-size:24px; line-height:1.2; padding:var(--casa-sp-8) var(--casa-sp-10); color:rgba(242,242,244,.6); }
#sf-ov .sf-ver { margin-top:var(--casa-sp-4); font-size:19px !important; padding:var(--casa-sp-6) var(--casa-sp-10) !important; color:rgba(242,242,244,.5); transition:color var(--dc-t-salida) var(--dc-ease, ease); }
@media (any-hover: hover) {
  #sf-ov:not(.sin-raton) .sf-ir:hover { transform:scale(1.09); }
  #sf-ov .sf-ver:hover { color:rgba(242,242,244,.9); }
  #sf-ov:not(.sin-raton) .sf-lienzo:has(.sf-col:hover) .sf-col:not(:hover) { opacity:.42; }
}
#sf-ov .sf-ir:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
#sf-ov .sf-ir:disabled { opacity:.6; }
#sf-ov .sf-ir.hecho { font-size:var(--casa-letra-18) !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:var(--casa-sp-6) var(--casa-sp-14) !important; transition:opacity var(--dc-t-salida) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-viaje) var(--dc-ease, ease); }
@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:var(--casa-radio-6); }
#sf-ov.sf-vert .sf-carta .tuyyo-rep .mp-clase { --s:.091; }
#sf-ov.sf-vert .sf-n { height:34px; margin-top:var(--casa-sp-10); font-size:24px; }
#sf-ov.sf-vert .sf-sub { height:30px; font-size:11px; margin-bottom:var(--casa-sp-8); }
#sf-ov.sf-vert .sf-v { height:58px; font-size:12.5px; padding:0 3px; }
#sf-ov.sf-vert .sf-ir { margin-top:var(--casa-sp-12); font-size:16px !important; padding:var(--casa-sp-6) var(--casa-sp-4) !important; }
#sf-ov.sf-vert .sf-tuya { margin-top:var(--casa-sp-12); font-size:13px; }
#sf-ov.sf-vert .sf-ver { font-size:12px !important; padding:var(--casa-sp-6) var(--casa-sp-4) !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:var(--casa-letra-30) !important; line-height:1.2; padding:var(--casa-sp-8) var(--casa-sp-16) !important; color:#F2F2F4; white-space:nowrap;
  text-shadow:var(--n-brillo); transition:scale var(--dc-t-salida) var(--dc-ease, ease); }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-cm-formas:hover { scale:1.06; } }
#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 var(--dc-t-salida) var(--dc-ease); 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:var(--casa-sp-14); overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; scroll-padding-left:30px; padding:0 var(--casa-sp-30); -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 var(--dc-t-lento) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-entrada) 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:var(--casa-radio-14); }
#sf-ov.sf-vert .sf-carta .tuyyo-rep .mp-clase { --s:.2625; }
#sf-ov.sf-vert .sf-n { height:54px; margin-top:var(--casa-sp-20); font-size:44px; }
#sf-ov.sf-vert .sf-sub { height:24px; font-size:17px; margin-bottom:var(--casa-sp-14); }
#sf-ov.sf-vert .sf-v { height:46px; justify-content:flex-start; gap:var(--casa-sp-16); font-size:var(--casa-letra-18); 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:var(--casa-sp-16); font-size:26px !important; padding:var(--casa-sp-6) 0 !important; }
#sf-ov.sf-vert .sf-tuya { margin-top:var(--casa-sp-16); font-size:var(--casa-letra-20); padding:var(--casa-sp-8) 0; }
#sf-ov.sf-vert .sf-ver { font-size:16px !important; padding:var(--casa-sp-6) 0 !important; }
#sf-ov.sf-vert .sf-puntos { display:flex; position:absolute; left:50%; translate:-50% 0; top:770px; gap:var(--casa-sp-4); }
#sf-ov .sf-punto { padding:var(--casa-sp-8) var(--casa-sp-4) !important; }
#sf-ov .sf-punto .mp-paso { display:block; width:30px; height:8px; border-radius:var(--casa-radio-5); opacity:.5; background:linear-gradient(90deg, rgba(170,174,176,.22), rgba(170,174,176,.5));
  transition:width var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) 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:var(--casa-letra-20); line-height:1.3; color:rgba(242,242,244,.55);
  opacity:0; transition:opacity var(--dc-t-lento) var(--dc-ease, ease) .25s; }
#sf-ov.on .sf-comun { opacity:1; }
#sf-ov .sf-col { top:178px; }
#sf-ov .sf-sub { margin-bottom:var(--casa-sp-26); }
#sf-ov .sf-v0 { height:auto; font-size:var(--casa-letra-30); color:#F2F2F4; text-shadow:var(--casa-brillo-suave); }
#sf-ov .sf-v1 { height:auto; margin-top:var(--casa-sp-10); font-size:19px; color:rgba(242,242,244,.55); }
#sf-ov .sf-ir { margin-top:var(--casa-sp-40); }
#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:var(--casa-sp-26); font-size:48px; height:58px; }
#sf-ov.sf-vert .sf-sub { font-size:var(--casa-letra-18); margin-bottom:var(--casa-sp-30); }
#sf-ov.sf-vert .sf-v0 { height:auto; font-size:28px; }
#sf-ov.sf-vert .sf-v1 { height:auto; margin-top:var(--casa-sp-10); 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; }

#sp-ov.sp-tq { touch-action:auto; }

#sp-ov.sp-tq .sp-marca { text-shadow:0 0 18px rgba(242,242,244,.42), 0 0 44px rgba(242,242,244,.16); }
#sp-ov.sp-tq .sp-marca .marca-club { display:inline-block; font-size:.38em; margin-left:.16em; letter-spacing:normal; opacity:.8; }
#sp-ov.sp-vert.sp-tq .sp-marca { font-size:var(--casa-letra-46); }
#sp-ov.sp-tq .sp-pasos, #sp-ov.sp-tq .sp-portada, #sp-ov.sp-tq .sp-clase, #sp-ov.sp-tq .sp-carril,
#sp-ov.sp-tq .sp-adelanto, #sp-ov.sp-tq .sp-cm-volver { display:none !important; }

#sp-ov .sp-tq-pantallas { display:flex; position:absolute; left:0; top:0; width:1440px; height:900px; z-index:3; box-sizing:border-box; padding-left:var(--casa-sp-28);
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-left:28px; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; }
#sp-ov .sp-tq-pantallas::-webkit-scrollbar { display:none; }
#sp-ov .sp-tq-pantallas::after { content:""; flex:0 0 28px; }
#sp-ov .sp-tq-p1, #sp-ov .sp-tq-p2 { display:block; position:relative; flex:0 0 1384px; width:1384px; height:100%; scroll-snap-align:start; }
#sp-ov .sp-tq-p1 { margin-right:var(--casa-sp-14); clip-path:inset(-200px -14px -200px -200px); }   

#sp-ov .sp-tq-puntos { display:flex; position:absolute; left:50%; translate:-50% 0; top:872px; gap:var(--casa-sp-4); z-index:5; }
#sp-ov .sp-tq-punto { padding:var(--casa-sp-8) var(--casa-sp-4) !important; }
#sp-ov .sp-tq-punto .mp-paso { display:block; width:30px; height:8px; border-radius:var(--casa-radio-5); opacity:.5; background:linear-gradient(90deg, rgba(170,174,176,.22), rgba(170,174,176,.5));
  transition:width var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-tq-punto .mp-paso.on { width:50px; opacity:1; background:linear-gradient(90deg, #3D424A, #AAAEB0); }

#sp-ov:not(.sp-vert) .sp-tq-puntos { top:858px; gap:var(--casa-sp-6); }
#sp-ov:not(.sp-vert) .sp-tq-punto .mp-paso { width:52px; height:11px; border-radius:var(--casa-radio-6); }
#sp-ov:not(.sp-vert) .sp-tq-punto .mp-paso.on { width:86px; }

#sp-ov.sp-tq .sp-camino { opacity:1; scale:1; visibility:visible; pointer-events:none; left:-28px; top:0; right:auto; bottom:auto; width:1440px; height:900px;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), visibility 0s; }
#sp-ov.sp-tq .sp-pil, #sp-ov.sp-tq .sp-tq-habla, #sp-ov.sp-tq .sp-cm-formas { pointer-events:auto; }

#sp-ov .sp-p-rotulo.sp-p-linea { font-size:24px; line-height:1.15; white-space:normal; text-wrap:balance; text-align:center; color:#F2F2F4; width:max-content;
  text-shadow:0 0 12px rgba(10,10,12,.95), 0 0 30px rgba(10,10,12,.8), var(--n-brillo); }
#sp-ov.sp-cm-anda .sp-p-rotulo.sp-p-linea { animation:dcEntra var(--dc-t-viaje) var(--dc-ease, ease) var(--d) both; }

#sp-ov .sp-tq-habla { position:absolute; left:720px; top:734px; translate:-50% 0; width:360px; height:64px; border-radius:var(--casa-radio-999); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--casa-sp-4); font-size:26px; line-height:1; color:#F2F2F4; white-space:nowrap;
  background:var(--nu-pill-metal);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.05), 0 18px 40px rgba(0,0,0,.45), 0 5px 12px rgba(0,0,0,.25);
  text-shadow:0 0 18px rgba(242,242,244,.35), 0 1px 2px rgba(0,0,0,.15); transition:scale var(--dc-t-lento) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-tq-habla::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.03; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-tq-habla:hover { scale:1.09; } }
#sp-ov .sp-tq-habla:active { scale:.985; transition-duration:var(--dc-t-press); }
#sp-ov.sp-tq-con .sp-tq-habla { animation:dcEntra var(--dc-t-entrada) var(--dc-ease, ease) 1.1s backwards; }
#sp-ov.sp-tq-con .sp-cm-formas { animation:dcEntra var(--dc-t-entrada) var(--dc-ease, ease) 1.3s backwards; }
#sp-ov.sp-tq .sp-cm-formas { left:720px; top:804px; font-size:var(--casa-letra-22) !important; color:rgba(242,242,244,.6); }
@media (any-hover: hover) { #sp-ov.sp-tq:not(.sin-raton) .sp-cm-formas:hover { color:#F2F2F4; } }

#sp-ov .sp-tanque { --tq-w:600px; --tq-h:680px; --tq-y:132px; --tq-in:9px; --tq-aire:5px; --tq-a:7px; --tq-r:calc(var(--tq-w) * .13);
  position:absolute; left:calc((100% - var(--tq-w)) / 2); top:var(--tq-y); width:var(--tq-w); height:var(--tq-h); z-index:3; outline:none; cursor:default; }
#sp-ov .sp-tanque:focus-visible .sp-tq-cuerpo { box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 2px rgba(242,242,244,.4), 0 24px 54px rgba(0,0,0,.45); }

#sp-ov .sp-tq-cuerpo { position:absolute; inset:0; border-radius:var(--tq-r); pointer-events:none;
  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 30px 70px rgba(0,0,0,.5), 0 8px 18px rgba(0,0,0,.28); }
#sp-ov .sp-tq-cuerpo::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.03; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }

#sp-ov .sp-tq-vidrio { position:absolute; inset:var(--tq-in); border-radius:calc(var(--tq-r) - var(--tq-in)); overflow:hidden;
  background:linear-gradient(90deg, #07080a, #131417 55%, #0a0b0d); box-shadow:inset 0 3px 14px rgba(0,0,0,.8), inset 0 0 0 1px rgba(255,255,255,.07); }

#sp-ov .sp-tq-pozo { position:absolute; inset:var(--tq-aire); border-radius:calc(var(--tq-r) - var(--tq-in) - var(--tq-aire)); overflow:hidden;
  isolation:isolate; -webkit-mask-image:linear-gradient(#000, #000); mask-image:linear-gradient(#000, #000); }

#sp-ov .sp-tq-liq { position:absolute; left:0; right:0; top:0; height:100%; will-change:transform; transform:translate3d(0, calc(100% + 40px), 0); }

#sp-ov .sp-tq-masa { position:absolute; left:0; right:0; top:var(--tq-a); bottom:0; overflow:hidden;
  background:linear-gradient(90deg, #424852 0%, #6b7077 42%, #959a9f 76%, #a7abae 100%); }
#sp-ov .sp-tq-masa::after { content:""; position:absolute; inset:0; opacity:.025; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }

#sp-ov .sp-tq-reflejo { position:absolute; left:0; top:0; bottom:0; width:70%; pointer-events:none; will-change:transform;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.075) 35%, rgba(255,255,255,.13) 50%, rgba(255,255,255,.075) 65%, rgba(255,255,255,0) 100%);
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 90px); mask-image:linear-gradient(180deg, transparent 0, #000 90px);
  transform:translate3d(-100%, 0, 0); animation:spTqReflejo 17s cubic-bezier(.45,0,.35,1) 1.2s infinite; }
@keyframes spTqReflejo { 0% { transform:translate3d(-100%, 0, 0); } 72%, 100% { transform:translate3d(143%, 0, 0); } }

#sp-ov .sp-tq-sup { position:absolute; left:0; right:0; top:calc(var(--tq-a) * -1); height:calc(var(--tq-a) * 4); transform-origin:50% 25%; will-change:transform; pointer-events:none; }

#sp-ov .sp-tq-ola { position:absolute; left:0; top:0; width:200%; height:100%; will-change:transform;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 10 C8 3.5 17 0 25 0 S42 3.5 50 10 S67 20 75 20 S92 16.5 100 10 V40 H0 Z'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 10 C8 3.5 17 0 25 0 S42 3.5 50 10 S67 20 75 20 S92 16.5 100 10 V40 H0 Z'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x;
  animation:spTqOla 11s linear infinite; }
#sp-ov .sp-tq-ola i { position:absolute; left:0; top:0; width:50%; height:100%; will-change:transform;
  background:linear-gradient(90deg, #424852 0%, #6b7077 42%, #959a9f 76%, #a7abae 100%); animation:spTqQuieta 11s linear infinite; }

#sp-ov .sp-tq-ola-b { opacity:.5; -webkit-mask-size:25% 100%; mask-size:25% 100%; animation-duration:16s; animation-direction:reverse; translate:0 -1px; }
#sp-ov .sp-tq-ola-b i { animation-duration:16s; animation-direction:reverse; }

#sp-ov .sp-tq-luz { position:absolute; inset:0; overflow:hidden; will-change:opacity;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.35), #000 70%); mask-image:linear-gradient(90deg, rgba(0,0,0,.35), #000 70%);
  animation:spTqRespira 3.6s ease-in-out infinite; }
#sp-ov .sp-tq-luz svg { position:absolute; left:0; top:0; width:200%; height:100%; overflow:visible; will-change:transform; animation:spTqOla 11s linear infinite; }
#sp-ov .sp-tq-luz path { fill:none; vector-effect:non-scaling-stroke; stroke-linecap:round; }
#sp-ov .sp-tq-luz .h { stroke:rgba(255,255,255,.2); stroke-width:7; }
#sp-ov .sp-tq-luz .l { stroke:#fff; stroke-width:1.6; }
@keyframes spTqOla { from { transform:translate3d(0, 0, 0); } to { transform:translate3d(-50%, 0, 0); } }
@keyframes spTqQuieta { from { transform:translate3d(0, 0, 0); } to { transform:translate3d(100%, 0, 0); } }
@keyframes spTqRespira { 0%, 100% { opacity:.62; } 50% { opacity:1; } }

#sp-ov .sp-tq-aqui { position:absolute; left:0; right:0; top:0; z-index:2; text-align:center; white-space:nowrap; pointer-events:none; font-size:var(--casa-letra-20); line-height:1;
  color:rgba(242,242,244,.86); text-shadow:var(--n-brillo); opacity:0; transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }

#sp-ov.sp-vert .sp-tq-pantallas { width:390px; height:790px; }
#sp-ov.sp-vert .sp-tq-p1, #sp-ov.sp-vert .sp-tq-p2 { flex:0 0 334px; width:334px; }
#sp-ov.sp-vert .sp-tq-puntos { top:800px; }
#sp-ov.sp-vert .sp-tanque { --tq-w:300px; --tq-h:570px; --tq-y:152px; --tq-in:6px; --tq-aire:3px; --tq-a:5px; }
#sp-ov.sp-vert .sp-tq-reflejo { -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 60px); mask-image:linear-gradient(180deg, transparent 0, #000 60px); }
#sp-ov.sp-vert .sp-tq-luz .h { stroke-width:5; }
#sp-ov.sp-vert .sp-tq-luz .l { stroke-width:1.2; }
#sp-ov.sp-vert .sp-tq-aqui { font-size:13px; }
#sp-ov.sp-vert.sp-tq .sp-camino { left:0; width:100%; height:100%; }
#sp-ov.sp-vert .sp-p-rotulo.sp-p-linea { font-size:15px; }
#sp-ov.sp-vert .sp-tq-habla { left:167px; top:660px; width:300px; height:52px; font-size:var(--casa-letra-20); }
#sp-ov.sp-vert.sp-tq .sp-cm-formas { left:167px; top:726px; font-size:15px !important; }

#sp-ov.sp-tq .sp-cm-texto { left:200px; right:200px; }
#sp-ov.sp-tq .sp-cm-f { font-size:var(--casa-letra-30); }
#sp-ov.sp-vert.sp-tq .sp-cm-texto { left:12px; right:12px; }
#sp-ov.sp-vert.sp-tq .sp-cm-t { font-size:13px; margin-bottom:var(--casa-sp-6); }
#sp-ov.sp-vert.sp-tq .sp-cm-f { font-size:var(--casa-letra-18); }

@media (prefers-reduced-motion: reduce) {
  #sp-ov .sp-tq-ola, #sp-ov .sp-tq-ola i, #sp-ov .sp-tq-luz, #sp-ov .sp-tq-luz svg, #sp-ov .sp-tq-reflejo, #sp-ov.sp-tq-con .sp-tq-habla, #sp-ov.sp-tq-con .sp-cm-formas, #sp-ov.sp-cm-anda .sp-p-rotulo.sp-p-linea { animation:none !important; }
  #sp-ov .sp-p-rotulo.sp-p-linea { opacity:1; }
}

:root { --velo-casa:linear-gradient(180deg, rgba(44,45,46,.76) 0%, rgba(10,10,12,.80) 100%); --velo-casa-plano:rgba(18,19,20,.96); }   

#sp-ov .sp-crece { position:absolute; inset:0; z-index:6; pointer-events:none; }
#sp-ov .sp-crece.on { pointer-events:auto; }
#sp-ov .sp-crece-fondo { position:absolute; inset:-400px; cursor:default; opacity:0; transition:opacity var(--dc-t-salida) var(--dc-ease); }

#sp-ov .sp-crece.on .sp-crece-fondo { opacity:1; transition-duration:var(--dc-t-entrada); }
#sp-ov .sp-crece-f { transform:none; z-index:1; }
#sp-ov .sp-crece-f :is(.sp-ficha-t, .sp-ficha-pie) { opacity:0; transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }   
#sp-ov .sp-crece.on .sp-crece-f :is(.sp-ficha-t, .sp-ficha-pie) { opacity:1; filter:none; transition-delay:.42s; }
#sp-ov .sp-crece.on .sp-crece-f .sp-ficha-pie.sp-visto { opacity:.75; }
#sp-ov .sp-crece-clase { position:absolute; left:183px; top:486px; transform:translateY(-50%); width:560px; }
#sp-ov .sp-crece-clase > * { opacity:0; scale:.97; transition:opacity var(--dc-t-salida) var(--dc-ease, ease), scale var(--dc-t-salida) var(--dc-ease, ease); }
#sp-ov .sp-crece.on .sp-crece-clase > * { opacity:1; scale:1; transition-duration:var(--dc-t-entrada); transition-delay:.3s; }
#sp-ov .sp-crece.on .sp-crece-clase > .sp-accion { transition-delay:.45s; }
#sp-ov.sp-vert .sp-crece-clase { left:32px; top:330px; width:326px; }

#sp-ov .sp-tq-pantallas, #sp-ov .sp-tq-puntos { transition:filter var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov.sp-crecida .sp-tq-pantallas, #sp-ov.sp-crecida .sp-tq-puntos { opacity:.14; pointer-events:none; }   
#sp-ov .sp-pil.sp-pil-ida { opacity:0 !important; }

#sf-ov .sf-velo { background:var(--velo-casa); transition:opacity var(--dc-t-lento) var(--dc-ease, ease) .15s; }
#sf-ov.on .sf-velo { transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }
html.sin-desenfoque #sf-ov .sf-velo { background:var(--velo-casa-plano); }
#sf-ov.sf-relevo .sf-velo { opacity:1; transition:none; }   

#sf-ov :is(.sf-t, .sf-comun, .sf-col, .sf-iconos, .sf-puntos, .sf-cerrar) { opacity:0; transform:none; scale:.97;
  transition:opacity var(--dc-t-salida) var(--dc-ease, ease), scale var(--dc-t-salida) var(--dc-ease, ease); transition-delay:0s; }
#sf-ov.on :is(.sf-t, .sf-comun, .sf-col, .sf-iconos, .sf-puntos) { opacity:1; scale:1; transition-duration:var(--dc-t-entrada); }
#sf-ov.on .sf-t { transition-delay:.18s; }
#sf-ov.on .sf-comun { transition-delay:.3s; }
#sf-ov.on .sf-col { transition-delay:calc(.38s + var(--k) * .12s); }
#sf-ov.on .sf-puntos { transition-delay:.7s; }
#sf-ov.on .sf-cerrar { opacity:.55; filter:none; scale:1; transition-duration:var(--dc-t-entrada); transition-delay:.8s; }
#sf-ov.sf-vert.on .sf-col:not(.sf-delante) { opacity:.42; }

#sf-ov.on.sf-andando :is(.sf-col, .sf-cerrar) { transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-lento) var(--dc-ease, ease); transition-delay:0s; }
@media (prefers-reduced-motion: reduce) { #sf-ov :is(.sf-t, .sf-comun, .sf-col, .sf-iconos, .sf-puntos, .sf-cerrar) { filter:none; scale:1; transition:opacity var(--dc-t-salida) var(--dc-ease); } }

#vt-ov .cam-f-velo, .vt-ov .cam-f-velo, #ln-hoja.sp-hoja .ln-velo, #ln-hoja.nv-hoja .ln-velo {
  background:var(--velo-casa); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%); }
html.sin-desenfoque :is(#vt-ov, .vt-ov) .cam-f-velo, html.sin-desenfoque #ln-hoja:is(.sp-hoja, .nv-hoja) .ln-velo { background:var(--velo-casa-plano); -webkit-backdrop-filter:none; backdrop-filter:none; }
:is(#vt-ov, .vt-ov) .cam-f-velo { transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }
:is(#vt-ov, .vt-ov) .cam-f-caja { filter:blur(12px); transform:scale(.97); transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-viaje) var(--dc-ease, ease), filter var(--dc-t-viaje) var(--dc-ease, ease); }
:is(#vt-ov, .vt-ov).ver .cam-f-caja { filter:none; transform:none; transition-duration:var(--dc-t-entrada); transition-delay:.15s; }

.vt-lineas li::before { content:none; }

#ff-ov { position:fixed; inset:0; z-index:var(--casa-capa-hoja); color:#F2F2F4; font-family:var(--dc-font, 'Coolvetica'), sans-serif; font-weight:var(--dc-weight, 400); letter-spacing:.5px;
  pointer-events:none; -webkit-user-select:none; user-select:none; }
#ff-ov.on { pointer-events:auto; }
#ff-ov button { font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; cursor:pointer; letter-spacing:inherit; }
#ff-ov .ff-velo { position:absolute; inset:0; background:var(--velo-casa); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%);
  opacity:0; transition:opacity var(--dc-t-lento) var(--dc-ease, ease) .15s; }   
#ff-ov .ff-velo::after { content:""; position:absolute; inset:0; opacity:.035; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
html.sin-desenfoque #ff-ov .ff-velo { background:var(--velo-casa-plano); -webkit-backdrop-filter:none; backdrop-filter:none; }
#ff-ov.on .ff-velo { opacity:1; transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }
#ff-ov .ff-lienzo { position:absolute; left:50%; top:calc(50% + var(--ff-dy, 0px));   
  width:1440px; height:900px; transform:translate(-50%, -50%) scale(var(--ff-k, 1)); transform-origin:50% 50%; }
#ff-ov.ff-vert .ff-lienzo { width:390px; height:844px; }

#ff-ov.on :is(.ff-fono, .ff-vis) { opacity:1; filter:none; scale:1; transition-duration:var(--dc-t-entrada); }
#ff-ov.on .ff-fono { transition-delay:.12s; }
#ff-ov.on .ff-cerrar { opacity:.55; filter:none; scale:1; transition-duration:var(--dc-t-entrada); transition-delay:.7s; }
@media (any-hover: hover) { #ff-ov.on .ff-cerrar:hover { opacity:1; } }

#ff-ov .ff-fono { position:absolute; left:815px; top:50px; width:390px; height:800px; z-index:2; pointer-events:none; --mp-esc:.78; }
#ff-ov .ff-fono > .fs { position:relative; width:390px; height:800px; border-radius:55px; box-shadow:0 40px 80px rgba(0,0,0,.4), 0 6px 26px rgba(0,0,0,.25);
  transform:scale(var(--mp-esc, 1)); transform-origin:center; cursor:default; }
#ff-ov .ff-fono.con-aviso .fs .mp-aviso-tg { opacity:1; transform:none; filter:none; }
#ff-ov .ff-fono.con-candado .fs .mp-candado { opacity:1; transform:scale(.75); }
#ff-ov .ff-fono.con-candado .fs .mp-charla { opacity:.18; transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }

#ff-ov :is(.ff-t, .ff-f) .mp-metal, #ff-ov :is(.ff-t, .ff-f) .mp-metal .cr-tier-t { font-size:inherit !important; }

#ff-ov.ff-vert .ff-fono { left:0; top:-110px; --mp-esc:.5; }
@media (prefers-reduced-motion: reduce) { #ff-ov :is(.ff-fono, .ff-puntos, .ff-cerrar, .ff-texto) { filter:none; scale:1; transition:opacity var(--dc-t-salida) var(--dc-ease); } }

.noche.noche-directo :is(.nv-esc, .noche-titulos, .noche-luz) { opacity:0 !important; transition:none !important; }
.noche.noche-directo .nv.on:not(.nv-esc) { animation:dcEntra var(--dc-t-viaje) var(--dc-ease, ease) .1s both; }

.noche .club-pista { position:absolute; left:50%; bottom:calc(30px + env(safe-area-inset-bottom, 0px)); z-index:9; translate:-50% 0; white-space:nowrap; pointer-events:none;
  font-size:17px; line-height:1.2; color:rgba(242,242,244,.66); text-shadow:var(--n-brillo);
  opacity:0; transition:opacity var(--dc-t-entrada) var(--dc-ease, ease); }
.noche .club-pista.on { opacity:1; }
@media (prefers-reduced-motion: reduce) { .noche.noche-directo .nv.on:not(.nv-esc) { animation:none; } .noche .club-pista { filter:none; } }

.lec-pista { position:fixed; z-index:var(--casa-capa-pista); white-space:nowrap; pointer-events:none; font-family:var(--dc-font); font-size:var(--casa-letra-18); line-height:1.2;
  letter-spacing:.5px; color:#fff; text-shadow:var(--dc-shadow-text, 0 2px 12px rgba(20,30,45,.25)); opacity:0;
  transition:opacity var(--dc-t-entrada) var(--dc-ease, ease); }
.lec-pista.on { opacity:.86; }
@media (prefers-reduced-motion: reduce) { .lec-pista { filter:none; } }

#sp-ov.sp-tq .sp-nivel { font-size:var(--casa-letra-52) !important; opacity:.8; transform-origin:right center; text-align:right; }
#sp-ov.sp-tq .sp-nivel::after { content:attr(data-et); display:block; margin-top:var(--casa-sp-6); font-size:var(--casa-letra-20); line-height:1; letter-spacing:.5px; opacity:.6; text-shadow:none; }
#sp-ov.sp-vert.sp-tq .sp-nivel { font-size:var(--casa-letra-34) !important; }
#sp-ov.sp-vert.sp-tq .sp-nivel::after { font-size:14px; margin-top:var(--casa-sp-4); }

#sp-ov .sp-tq-habla .sp-tq-h1 { display:block; font-size:26px; line-height:1; }
#sp-ov .sp-tq-habla .sp-tq-h2 { display:block; font-size:17px; line-height:1; opacity:.72; }
#sp-ov .sp-tq-habla { height:78px; width:440px; top:716px; }
#sp-ov.sp-vert .sp-tq-habla { height:64px; width:310px; left:167px; gap:3px; }
#sp-ov.sp-vert .sp-tq-habla .sp-tq-h1 { font-size:var(--casa-letra-20); }
#sp-ov.sp-vert .sp-tq-habla .sp-tq-h2 { font-size:13px; }
#sp-ov.sp-vert.sp-tq .sp-cm-formas { top:740px; }

#sp-ov .sp-cm-que { position:absolute; left:28px; top:850px; z-index:5; font-size:var(--casa-letra-22) !important; line-height:1; padding:var(--casa-sp-8) var(--casa-sp-12) !important; color:#F2F2F4; opacity:.55; text-shadow:var(--n-brillo); transform-origin:left center;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); pointer-events:auto; }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-cm-que:hover { opacity:1; transform:scale(1.06); } }
#sp-ov .sp-cm-que:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
#sp-ov.sp-vert .sp-cm-que { left:10px; top:812px; font-size:17px !important; }

#sp-ov.sp-vert .sp-tq-p1, #sp-ov.sp-vert .sp-tq-p2 { flex:0 0 330px; width:330px; }

.noche .n-tab.n-resp1 { animation:camRespira 6s ease-in-out 1; }

#sp-ov.sp-tq-sin .sp-tq-p2, #sp-ov.sp-tq-sin .sp-tq-puntos { display:none; }
#sp-ov.sp-tq-sin .sp-tq-pantallas { overflow-x:hidden; scroll-snap-type:none; }
#sp-ov.sp-tq-sin .sp-tq-pantallas::after { display:none; }
#sp-ov.sp-tq-sin .sp-tq-p1 { margin-right:0; }
#sp-ov .sp-cm-t:empty { display:none; }

#sp-ov.sp-vert:not(.sp-ver-tq) .sp-tanque :is(*, *::before, *::after),
#sp-ov.sp-vert.sp-ver-tq .sp-camino :is(*, *::before, *::after),
#sp-ov.sp-crecida .sp-camino :is(*, *::before, *::after),
#sp-ov.sp-crecida .sp-tanque :is(*, *::before, *::after),
#sp-ov:not(.show) .sp-tanque :is(*, *::before, *::after),
html.sp-oculto :is(#sp-ov, #bn, #sf-ov, #ff-ov) :is(*, *::before, *::after) { animation-play-state:paused !important; }
#sp-ov .sp-tq-liq, #sp-ov .sp-tq-reflejo, #sp-ov .sp-tq-sup, #sp-ov .sp-tq-ola, #sp-ov .sp-tq-ola i, #sp-ov .sp-tq-luz, #sp-ov .sp-tq-luz svg { will-change:auto; }
#sp-ov.sp-ver-tq .sp-tq-liq, #sp-ov:not(.sp-vert) .sp-tq-liq, #sp-ov.sp-ver-tq .sp-tq-reflejo, #sp-ov:not(.sp-vert) .sp-tq-reflejo { will-change:transform; }

body:has(:is(#sp-ov.show, #sf-ov, #ff-ov, #vt-ov)) #noche :is(*, *::before, *::after) { animation-play-state:paused !important; }

html :is(#sf-ov .sf-velo, #ff-ov .ff-velo, :is(#vt-ov, .vt-ov) .cam-f-velo, #ln-hoja.ln-oscura .ln-velo, #ln-hoja:is(.nv-hoja, .sp-hoja) .ln-velo, .mu-velo, .sp-crece-fondo-velo) {
  background:var(--velo-casa); }
html :is(#sf-ov .sf-velo, #ff-ov .ff-velo, :is(#vt-ov, .vt-ov) .cam-f-velo, #ln-hoja.ln-oscura .ln-velo, #ln-hoja:is(.nv-hoja, .sp-hoja) .ln-velo, .mu-velo) {
  -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%); }
html.sin-desenfoque :is(#sf-ov .sf-velo, #ff-ov .ff-velo, :is(#vt-ov, .vt-ov) .cam-f-velo, #ln-hoja.ln-oscura .ln-velo, #ln-hoja:is(.nv-hoja, .sp-hoja) .ln-velo, .mu-velo) {
  background:var(--velo-casa-plano); -webkit-backdrop-filter:none; backdrop-filter:none; }
:is(#sf-ov .sf-velo, #ff-ov .ff-velo, :is(#vt-ov, .vt-ov) .cam-f-velo, #ln-hoja.ln-oscura .ln-velo, #ln-hoja:is(.nv-hoja, .sp-hoja) .ln-velo, .mu-velo, #sp-ov .sp-crece-fondo)::after {
  content:""; position:absolute; inset:0; opacity:.035; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
.mu-velo { position:fixed; }
#sp-ov .sp-crece-fondo { background:var(--velo-casa); }   

#ff-ov :is(.ff-fono, .ff-vis, .ff-cerrar, .ff-texto, .mp-pie) { opacity:0; scale:.97;
  transition:opacity var(--dc-t-salida) var(--dc-ease, ease), scale var(--dc-t-salida) var(--dc-ease, ease); }
#ff-ov.on :is(.ff-vis, .ff-texto.ff-nace, .mp-pie) { opacity:1; scale:1; transition-duration:var(--dc-t-entrada); transition-delay:.12s; }
#ff-ov.on.ff-andando .ff-texto.ff-nace { transition-delay:0s; }
#ff-ov.on:not(.ff-andando) .ff-texto.ff-nace { transition-delay:.3s; }
#ff-ov.on .mp-pie { transition-delay:.6s; }
#ff-ov.on.ff-andando .mp-pie { transition-delay:0s; }
#ff-ov .ff-vis.ff-vis-fuera { opacity:0; scale:.97; transition-duration:var(--dc-t-salida); transition-delay:0s; }
#ff-ov .ff-relevo, #ff-ov.ff-relevo .ff-velo { opacity:1; transition:none; }
#ff-ov .ff-vis { position:absolute; left:700px; top:70px; width:690px; height:760px; z-index:2; pointer-events:none; --mp-esc:.78; display:flex; align-items:center; justify-content:center; }
#ff-ov .ff-vis * { pointer-events:none; }

#ff-ov .ff-vis-in { flex:none; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transform-origin:center; }
#ff-ov .ff-vis[data-vis="marca-mas"] .ff-vis-in { width:auto; height:auto; }
#ff-ov .ff-fono { left:800px; }
#ff-ov .ff-texto { position:absolute; left:110px; top:410px; width:540px; transform:translateY(-50%); z-index:2; }
#ff-ov .ff-t { font-size:var(--casa-letra-60); line-height:1.1; text-wrap:balance; text-shadow:var(--casa-brillo-titulo); }
#ff-ov .ff-f { margin-top:var(--casa-sp-26); font-size:var(--casa-letra-30); line-height:1.3; color:rgba(242,242,244,.72); text-wrap:pretty; }
#ff-ov :is(.ff-t, .ff-f) .mp-metal, #ff-ov :is(.ff-t, .ff-f) .mp-metal .cr-tier-t { font-size:inherit !important; }
#ff-ov .mp-pie { position:absolute; left:110px; right:110px; bottom:52px; z-index:3; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:var(--casa-sp-28); align-items:center; padding:0; }
#ff-ov .mp-barra { grid-column:2; grid-row:1; height:14px; border-radius:7px; background:rgba(170,174,176,.16); overflow:hidden; }
#ff-ov .mp-barra > i { display:block; width:100%; height:100%; border-radius:inherit; background:var(--nu-pill-metal); transform-origin:left center; transform:scaleX(0); transition:transform var(--dc-t-viaje, .9s) var(--dc-ease, ease); }
#ff-ov .mp-ir { grid-row:1; font-size:var(--casa-letra-34); line-height:1.2; padding:var(--casa-sp-8) var(--casa-sp-4); transform-origin:center; transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }
#ff-ov .mp-antes { grid-column:1; opacity:.42; }
#ff-ov .mp-luego { grid-column:3; }
#ff-ov .mp-ir.apagada { opacity:.16; pointer-events:none; }
@media (any-hover: hover) { #ff-ov:not(.sin-raton) .mp-ir:hover { opacity:1; transform:scale(1.09); } }
#ff-ov .mp-ir:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
#ff-ov .ff-cerrar { position:absolute; right:56px; top:48px; z-index:4; font-size:var(--casa-letra-20) !important; padding:var(--casa-sp-6) var(--casa-sp-10) !important; }
#ff-ov.on .ff-cerrar { opacity:.45; filter:none; scale:1; transition-duration:var(--dc-t-entrada); transition-delay:.7s; }
#ff-ov.on.ff-andando .ff-cerrar { transition:opacity var(--dc-t-salida) var(--dc-ease, ease); }

#ff-ov.ff-vert .ff-fono { left:0; top:-100px; --mp-esc:.5; }
#ff-ov.ff-vert .ff-vis { left:0; top:70px; width:390px; height:400px; --mp-esc:.5; }
#ff-ov.ff-vert .ff-texto { left:24px; top:500px; width:342px; transform:none; }
#ff-ov.ff-vert .ff-t { font-size:var(--casa-letra-34); }
#ff-ov.ff-vert .ff-f { margin-top:var(--casa-sp-14); font-size:var(--casa-letra-20); line-height:1.3; }
#ff-ov.ff-vert .mp-pie { left:24px; right:24px; bottom:26px; column-gap:var(--casa-sp-16); }
#ff-ov.ff-vert .mp-ir { font-size:var(--casa-letra-22); }
#ff-ov.ff-vert .ff-cerrar { right:20px; top:30px; font-size:var(--casa-letra-18) !important; }
@media (prefers-reduced-motion: reduce) { #ff-ov :is(.ff-fono, .ff-vis, .ff-cerrar, .ff-texto, .mp-pie) { filter:none; scale:1; transition:opacity var(--dc-t-salida) var(--dc-ease); } }

#sp-ov .sp-marca .marca-club { opacity:1 !important; text-shadow:0 0 14px rgba(255,255,255,.5), 0 0 40px rgba(242,242,244,.22); }
#sp-ov.sp-tq .sp-nivel { top:61px; }
#sp-ov.sp-vert.sp-tq .sp-nivel { top:44px; }

#sp-ov .sp-crece-clase { left:110px; top:480px; width:600px; }
#sp-ov .sp-crece-clase .sp-frase { font-size:var(--casa-letra-46); line-height:1.15; }
#sp-ov.sp-vert .sp-crece-clase { left:24px; top:556px; width:342px; transform:none; }
#sp-ov.sp-vert .sp-crece-clase .sp-frase { font-size:var(--casa-letra-30); line-height:1.15; }
#sp-ov .sp-crece.on .sp-crece-clase.sp-cambia > * { opacity:0; scale:.97; transition-duration:var(--dc-t-salida); transition-delay:0s; }
#sp-ov .sp-crece-f .sp-ficha-t { font-size:calc(var(--sp-w) * .1); }
#sp-ov .sp-crece-pie { position:absolute; left:110px; right:110px; bottom:52px; z-index:3; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:var(--casa-sp-28); align-items:center;
  opacity:0; transition:opacity var(--dc-t-salida) var(--dc-ease, ease); }
#sp-ov .sp-crece.on .sp-crece-pie { opacity:1; transition-duration:var(--dc-t-entrada); transition-delay:.6s; }
#sp-ov .sp-crece-pie .mp-barra { grid-column:2; grid-row:1; height:14px; border-radius:7px; background:rgba(170,174,176,.16); overflow:hidden; }
#sp-ov .sp-crece-pie .mp-barra > i { display:block; width:100%; height:100%; border-radius:inherit; background:var(--nu-pill-metal); transform-origin:left center; transform:scaleX(0); transition:transform var(--dc-t-viaje, .9s) var(--dc-ease, ease); }
#sp-ov .sp-crece-pie .mp-ir { grid-row:1; font:inherit; color:#F2F2F4; background:none; border:0; cursor:pointer; font-size:var(--casa-letra-34); line-height:1.2; padding:var(--casa-sp-8) var(--casa-sp-4); transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }
#sp-ov .sp-crece-pie .mp-antes { grid-column:1; opacity:.42; }
#sp-ov .sp-crece-pie .mp-luego { grid-column:3; }
#sp-ov .sp-crece-pie .mp-ir.apagada { opacity:.16; pointer-events:none; }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-crece-pie .mp-ir:hover { opacity:1; transform:scale(1.09); } }
#sp-ov.sp-vert .sp-crece-pie { left:24px; right:24px; bottom:26px; column-gap:var(--casa-sp-16); }
#sp-ov.sp-vert .sp-crece-pie .mp-ir { font-size:var(--casa-letra-22); }

#ff-ov .sp-tanque {--tq-w:600px; --tq-h:680px; --tq-y:132px; --tq-in:9px; --tq-aire:5px; --tq-a:7px; --tq-r:calc(var(--tq-w) * .13);
  position:absolute; left:calc((100% - var(--tq-w)) / 2); top:var(--tq-y); width:var(--tq-w); height:var(--tq-h); z-index:3; outline:none; cursor:default;}
#ff-ov .sp-tq-cuerpo {position:absolute; inset:0; border-radius:var(--tq-r); pointer-events:none;
  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 30px 70px rgba(0,0,0,.5), 0 8px 18px rgba(0,0,0,.28);}
#ff-ov .sp-tq-cuerpo::after {content:""; position:absolute; inset:0; border-radius:inherit; opacity:.03; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px;}
#ff-ov .sp-tq-vidrio {position:absolute; inset:var(--tq-in); border-radius:calc(var(--tq-r) - var(--tq-in)); overflow:hidden;
  background:linear-gradient(90deg, #07080a, #131417 55%, #0a0b0d); box-shadow:inset 0 3px 14px rgba(0,0,0,.8), inset 0 0 0 1px rgba(255,255,255,.07);}
#ff-ov .sp-tq-pozo {position:absolute; inset:var(--tq-aire); border-radius:calc(var(--tq-r) - var(--tq-in) - var(--tq-aire)); overflow:hidden;
  isolation:isolate; -webkit-mask-image:linear-gradient(#000, #000); mask-image:linear-gradient(#000, #000);}
#ff-ov .sp-tq-liq {position:absolute; left:0; right:0; top:0; height:100%; will-change:transform; transform:translate3d(0, calc(100% + 40px), 0);}
#ff-ov .sp-tq-masa {position:absolute; left:0; right:0; top:var(--tq-a); bottom:0; overflow:hidden;
  background:linear-gradient(90deg, #424852 0%, #6b7077 42%, #959a9f 76%, #a7abae 100%);}
#ff-ov .sp-tq-masa::after {content:""; position:absolute; inset:0; opacity:.025; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px;}
#ff-ov .sp-tq-reflejo {position:absolute; left:0; top:0; bottom:0; width:70%; pointer-events:none; will-change:transform;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.075) 35%, rgba(255,255,255,.13) 50%, rgba(255,255,255,.075) 65%, rgba(255,255,255,0) 100%);
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 90px); mask-image:linear-gradient(180deg, transparent 0, #000 90px);
  transform:translate3d(-100%, 0, 0); animation:spTqReflejo 17s cubic-bezier(.45,0,.35,1) 1.2s infinite;}
#ff-ov .sp-tq-sup {position:absolute; left:0; right:0; top:calc(var(--tq-a) * -1); height:calc(var(--tq-a) * 4); transform-origin:50% 25%; will-change:transform; pointer-events:none;}
#ff-ov .sp-tq-ola {position:absolute; left:0; top:0; width:200%; height:100%; will-change:transform;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 10 C8 3.5 17 0 25 0 S42 3.5 50 10 S67 20 75 20 S92 16.5 100 10 V40 H0 Z'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 10 C8 3.5 17 0 25 0 S42 3.5 50 10 S67 20 75 20 S92 16.5 100 10 V40 H0 Z'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x;
  animation:spTqOla 11s linear infinite;}
#ff-ov .sp-tq-ola i {position:absolute; left:0; top:0; width:50%; height:100%; will-change:transform;
  background:linear-gradient(90deg, #424852 0%, #6b7077 42%, #959a9f 76%, #a7abae 100%); animation:spTqQuieta 11s linear infinite;}
#ff-ov .sp-tq-ola-b {opacity:.5; -webkit-mask-size:25% 100%; mask-size:25% 100%; animation-duration:16s; animation-direction:reverse; translate:0 -1px;}
#ff-ov .sp-tq-ola-b i {animation-duration:16s; animation-direction:reverse;}
#ff-ov .sp-tq-luz {position:absolute; inset:0; overflow:hidden; will-change:opacity;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.35), #000 70%); mask-image:linear-gradient(90deg, rgba(0,0,0,.35), #000 70%);
  animation:spTqRespira 3.6s ease-in-out infinite;}
#ff-ov .sp-tq-luz svg {position:absolute; left:0; top:0; width:200%; height:100%; overflow:visible; will-change:transform; animation:spTqOla 11s linear infinite;}
#ff-ov .sp-tq-luz path {fill:none; vector-effect:non-scaling-stroke; stroke-linecap:round;}
#ff-ov .sp-tq-luz .h {stroke:rgba(255,255,255,.2); stroke-width:7;}
#ff-ov .sp-tq-luz .l {stroke:#fff; stroke-width:1.6;}
#ff-ov .ff-vis .sp-tanque { --tq-w:360px; --tq-h:470px; --tq-in:7px; --tq-aire:4px; --tq-a:6px; position:relative; left:auto; top:auto; flex:none; }
#ff-ov .ff-vis .sp-tq-liq { transform:translate3d(0, 46%, 0); }
#ff-ov.ff-vert .ff-vis .sp-tanque { --tq-w:260px; --tq-h:340px; --tq-in:5px; --tq-aire:3px; --tq-a:5px; }

#ff-ov .ff-cm { display:flex; flex-direction:column; gap:var(--casa-sp-18); align-items:center; }
#ff-ov .ff-cm-fila { display:flex; gap:var(--casa-sp-16); }
#ff-ov .ff-cm-fila:nth-child(2) { flex-direction:row-reverse; }
#ff-ov .ff-cm-p { position:relative; width:92px; height:34px; border-radius:var(--casa-radio-999); background:linear-gradient(90deg, rgba(170,174,176,.1), rgba(170,174,176,.24)); }
#ff-ov .ff-cm-p.ab { 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); }
#ff-ov .ff-cm-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); animation:spLuz 3.6s ease-in-out infinite; }
#ff-ov.ff-vert .ff-cm-p { width:56px; height:22px; } #ff-ov.ff-vert .ff-cm { gap:var(--casa-sp-12); } #ff-ov.ff-vert .ff-cm-fila { gap:var(--casa-sp-10); }

html.n-teclado, html.n-teclado body { overflow:hidden !important; overscroll-behavior:none; }
.noche.con-teclado .noche-escenario { transition:none !important; }
.noche.alto:not(.casa) .np .np-campo { font-size:max(16px, calc(36 * var(--nu))); }
.noche .np-acciones .np-nivel { position:fixed; right:56px; top:61px; font:inherit; font-size:var(--casa-letra-52); line-height:1; color:#F2F2F4; text-shadow:var(--n-brillo); opacity:.8; text-align:right; padding:0; background:none; border:0; transform-origin:right center; z-index:5;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), scale var(--dc-t-lento) var(--dc-ease, ease); }
.noche .np-acciones .np-nivel:empty, .noche .np-acciones .np-punto-nivel { display:none; }
.noche:not(.alto) .np-acciones { top:172px; }
.noche .np-acciones .np-nivel::after { content:'уровень'; display:block; margin-top:var(--casa-sp-6); font-size:var(--casa-letra-20); line-height:1; letter-spacing:.5px; opacity:.6; text-shadow:none; }
@media (any-hover: hover) { .noche .np-acciones .np-nivel:hover { opacity:1; scale:1.06; } }
.noche.alto .np-acciones .np-nivel { right:24px; top:44px; font-size:var(--casa-letra-34); }
.noche.alto .np-acciones .np-nivel::after { font-size:14px; margin-top:var(--casa-sp-4); }
.noche.con-teclado .np-acciones .np-nivel { display:none; }
.ns-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; opacity:.9;
  -webkit-mask-image:radial-gradient(closest-side, #000 55%, transparent 100%); mask-image:radial-gradient(closest-side, #000 55%, transparent 100%); }

:is(#ff-ov, #dg-ov) .ff-tr { position:relative; width:560px; height:430px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:70px; box-sizing:border-box; }
:is(#ff-ov, #dg-ov) .ff-tr-frase { font-family:var(--dc-font); font-size:var(--casa-letra-40); line-height:1.25; letter-spacing:.5px; text-align:center; color:#F2F2F4; }
:is(#ff-ov, #dg-ov) .ff-tr-pal { color:#F2F2F4; text-shadow:var(--casa-brillo-elegido); }
:is(#ff-ov, #dg-ov) .ff-tr-dedo { position:absolute; left:250px; top:120px; width:34px; height:34px; opacity:0; animation:ffTrDedo 5s var(--dc-ease) infinite; }
@keyframes ffTrDedo { 0% { opacity:0; transform:translate(90px, 70px); } 18% { opacity:1; transform:translate(0, 0); } 30% { opacity:1; transform:translate(0, 0) scale(.9); } 42%, 90% { opacity:1; transform:translate(0, 0); } 100% { opacity:0; transform:translate(0, 0); } }
:is(#ff-ov, #dg-ov) .ff-tr .tr-ficha { position:absolute; left:0; right:0; bottom:0; width:auto; border-radius:0; box-shadow:none; background:none; padding:0 var(--casa-sp-8); column-gap:var(--casa-sp-28); align-items:end; opacity:0; transform:translateY(24px); pointer-events:none; animation:ffTrFicha 5s var(--dc-ease) infinite; }
:is(#ff-ov, #dg-ov) .ff-tr .tr-es { font-size:var(--casa-letra-52); line-height:1.05; text-shadow:var(--casa-brillo-elegido); }
:is(#ff-ov, #dg-ov) .ff-tr .tr-ru { margin-top:var(--casa-sp-10); font-size:var(--casa-letra-32); color:rgba(242,242,244,.72); }
:is(#ff-ov, #dg-ov) .ff-tr .tr-guardar { font-size:26px; padding:var(--casa-sp-8) 0; text-shadow:0 0 22px rgba(242,242,244,.45); }
@keyframes ffTrFicha { 0%, 28% { opacity:0; transform:translateY(24px); } 44%, 90% { opacity:1; transform:none; } 100% { opacity:0; transform:none; } }
#ff-ov.ff-vert .ff-tr { width:340px; height:330px; padding-top:var(--casa-sp-40); } #ff-ov.ff-vert .ff-tr-frase { font-size:var(--casa-letra-30); } #ff-ov.ff-vert .ff-tr .tr-es { font-size:var(--casa-letra-38); } #ff-ov.ff-vert .ff-tr .tr-ru { font-size:24px; } #ff-ov.ff-vert .ff-tr-dedo { left:178px; top:84px; }
#ff-ov .ff-cb { position:relative; flex:none; width:700px; height:520px; }
#ff-ov .ff-cb-piz { position:absolute; left:0; top:112px; width:1100px; height:720px; transform:scale(.38); transform-origin:0 0; }   
#ff-ov .ff-cb-tel { position:absolute; left:430px; top:10px; width:700px; height:1242px; transform:scale(.38); transform-origin:0 0; }
#ff-ov.ff-vert .ff-cb { width:340px; height:300px; }
#ff-ov.ff-vert .ff-cb { height:260px; } #ff-ov.ff-vert .ff-cb-piz { left:4px; top:62px; transform:scale(.17); } #ff-ov.ff-vert .ff-cb-tel { left:208px; top:8px; transform:scale(.18); }   
@media (prefers-reduced-motion: reduce) { :is(#ff-ov, #dg-ov) .ff-tr-dedo { animation:none; opacity:1; } :is(#ff-ov, #dg-ov) .ff-tr .tr-ficha { animation:none; opacity:1; transform:none; } }

#sp-ov .sp-ficha-porque { margin-top:var(--casa-sp-14); font-size:var(--casa-letra-20); line-height:1.3; color:rgba(242,242,244,.72); }
#sp-ov.sp-tq-subio .sp-tq-aqui { animation:naceBrilla 5.4s cubic-bezier(.3,0,.2,1) forwards; }

#sp-ov.sp-tq-junto .sp-tq-pantallas { overflow:hidden; scroll-snap-type:none; }
#sp-ov.sp-tq-junto .sp-tq-pantallas::after, #sp-ov.sp-tq-junto .sp-tq-puntos { display:none; }
#sp-ov.sp-tq-junto .sp-tq-p1 { margin-right:0; clip-path:none; }
#sp-ov.sp-tq-junto .sp-tq-p2 { position:absolute; left:990px; top:0; width:390px; flex:none; }
#sp-ov.sp-tq-junto .sp-tanque { --tq-w:380px; --tq-h:560px; --tq-y:170px; --tq-in:7px; --tq-aire:4px; --tq-a:6px; cursor:default; }
#sp-ov.sp-tq-junto .sp-cm-texto { left:60px; right:560px; }
#sp-ov.sp-tq-junto .sp-cm-f { font-size:var(--casa-letra-34); }
#sp-ov.sp-tq-junto .sp-tq-habla, #sp-ov.sp-tq-junto.sp-tq .sp-cm-formas { left:480px; }

#ff-ov { --n-brillo:var(--casa-brillo-elegido); --nu-metal-a:#3D424A; --nu-metal-b:#AAAEB0; --nu-pill-metal:linear-gradient(90deg, var(--nu-metal-a), var(--nu-metal-b)); }

.noche:not(.casa) .np-escribe { width:620px; margin-left:-310px; bottom:138px; }
.noche:not(.casa) .np-pildora { height:64px; border-radius:var(--casa-radio-999); padding:0 68px; background:var(--nu-pill-metal, linear-gradient(90deg, #3D424A, #AAAEB0));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.05), 0 18px 40px rgba(0,0,0,.45), 0 5px 12px rgba(0,0,0,.25); }
.noche:not(.casa) .np-pildora::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.03; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
.noche:not(.casa) .np .np-campo { font-size:max(16px, calc(40 * var(--nu))); text-shadow:0 0 18px rgba(242,242,244,.3); }
.noche:not(.casa) .np-campo::placeholder { color:rgba(242,242,244,.66); }
.noche:not(.casa) .np .np-mic, .noche:not(.casa) .np .np-manda { right:12px; margin-top:-22px; width:44px; height:44px; border-radius:var(--casa-radio-redondo); }
.noche:not(.casa) .np-mic svg, .noche:not(.casa) .np-manda svg { width:24px; height:24px; }
.noche:not(.casa) .np-acciones { left:0; right:0; justify-content:center; top:auto; bottom:58px; gap:44px; font-size:var(--casa-letra-22); white-space:nowrap; }
.noche:not(.casa) .np-acciones .np-punto { display:none; }
.noche:not(.casa) .np-acciones button { opacity:.6; transform-origin:center; transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }
@media (any-hover: hover) { .noche:not(.casa) .np-acciones button:hover { opacity:1; transform:scale(1.06); } }
.noche:not(.casa) .np-acciones button:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
.noche:not(.casa) .np-escena { bottom:236px; }
.noche.alto:not(.casa) .np-escribe { width:342px; margin-left:-171px; bottom:96px; }
.noche.alto:not(.casa) .np-pildora { height:58px; padding:0 54px; }
.noche.alto:not(.casa) .np .np-campo { font-size:max(16px, calc(30 * var(--nu))); }
.noche.alto:not(.casa) .np .np-mic, .noche.alto:not(.casa) .np .np-manda { right:7px; margin-top:-22px; }
.noche.alto:not(.casa) .np-acciones { bottom:34px; gap:var(--casa-sp-26); font-size:15px; }
.noche.alto:not(.casa) .np-escena { bottom:184px; }
.noche.alto.con-teclado:not(.casa) .np-escribe { bottom:12px; }
.noche.alto.con-teclado:not(.casa) .np-escena { bottom:80px; }

#sp-ov .sp-tq-pie { position:absolute; left:0; right:0; top:752px; display:flex; flex-direction:column; align-items:center; gap:var(--casa-sp-4); z-index:3; text-align:center; pointer-events:none; }
#sp-ov .sp-tq-pie[hidden] { display:none; }
#sp-ov .sp-tq-manana { font-size:var(--casa-letra-22); line-height:1.2; color:rgba(242,242,244,.7); text-shadow:var(--n-brillo); }
#sp-ov .sp-tq-formas { font-size:var(--casa-letra-18); line-height:1; padding:var(--casa-sp-8) var(--casa-sp-12) !important; color:#F2F2F4; opacity:.5; pointer-events:auto; transform-origin:center;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }
@media (any-hover: hover) { #sp-ov:not(.sin-raton) .sp-tq-formas:hover { opacity:1; transform:scale(1.06); } }
#sp-ov .sp-tq-formas:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
#sp-ov.sp-vert .sp-tq-pie { top:736px; } #sp-ov.sp-vert .sp-tq-manana { font-size:var(--casa-letra-18); } #sp-ov.sp-vert .sp-tq-formas { font-size:15px; }
#sp-ov.sp-tq-junto .sp-tq-pie { top:748px; }

#ff-ov .ff-vis-piz { opacity:0 !important; }
#ff-ov.on.ff-piz .ff-vis-piz { opacity:1 !important; }
#ff-ov.ff-piz .ff-fono { opacity:0 !important; pointer-events:none; }
#ff-ov .ff-lp .ff-lp-hoja { position:absolute; left:70px; right:70px; top:150px; bottom:50px; }
#ff-ov .ff-lp .ff-lp-t { left:0; top:0; font-size:var(--casa-letra-60); min-height:1em; }
#ff-ov .ff-lp .ff-lp-l { position:relative; margin-top:56px; font-size:var(--casa-letra-100); line-height:1.15; min-height:1.15em; white-space:nowrap; text-shadow:0 8px 26px rgba(20,30,45,.28); }
#ff-ov .ff-lp .ff-lp-t { position:relative; }
#ff-ov .ff-lp .ff-lp-l + .ff-lp-l { margin-top:34px; }
#ff-ov .ff-lp .ff-lp-pie { margin-top:44px; font-size:var(--casa-letra-38); line-height:1.22; max-width:900px; opacity:0; text-shadow:0 4px 14px rgba(20,30,45,.3); }
#ff-ov .ff-lp .ff-lp-pie.ff-lp-nace { animation:dcEntra var(--dc-t-entrada) var(--dc-ease) both; }
#ff-ov .ff-lp-clase { transition:opacity var(--dc-t-salida) var(--dc-ease, ease); }
#ff-ov .ff-lp-clase.ff-lp-fuera { opacity:0; }
#ff-ov.ff-vert .ff-lp .ff-lp-l { font-size:var(--casa-letra-78); } #ff-ov.ff-vert .ff-lp-clase { scale:.92; }

#sp-ov.sp-vert .sp-tq-pantallas { height:844px; padding-bottom:54px; }
#sp-ov .sp-tq-p1 { clip-path:inset(-200px -34px -200px -200px); }
#sp-ov.sp-tq-sin .sp-tq-p1, #sp-ov.sp-tq-junto .sp-tq-p1 { clip-path:none; }
#sp-ov.sp-tq .sp-cm-f { text-shadow:var(--n-brillo); }
#sp-ov:not(.sp-vert) .sp-tq-aqui { margin-top:-8px; }

#ff-ov.ff-sigue .ff-velo { opacity:1; transition:none; }

#ff-ov.on .ff-vis.ff-vis-fuera { opacity:0; scale:.97; transition-duration:var(--dc-t-salida); transition-delay:0s; }
#ff-ov:not(.ff-vert) .ff-texto { left:200px; width:520px; }
#ff-ov:not(.ff-vert) .ff-fono { left:760px; }
#ff-ov:not(.ff-vert) .ff-vis { left:760px; width:600px; }
#ff-ov:not(.ff-vert) .mp-pie { left:200px; right:auto; width:520px; bottom:84px; grid-template-columns:auto 1fr auto; row-gap:var(--casa-sp-14); }
#ff-ov:not(.ff-vert) .mp-barra { grid-column:1 / -1; grid-row:1; }
#ff-ov:not(.ff-vert) .mp-ir { grid-row:2; }
#ff-ov:not(.ff-vert) .mp-antes { grid-column:1; justify-self:start; transform-origin:left center; }
#ff-ov:not(.ff-vert) .mp-luego { grid-column:3; justify-self:end; transform-origin:right center; }

body:has(#ff-ov, #sf-ov, #vt-ov) #sp-ov :is(*, *::before, *::after) { animation-play-state:paused !important; }

#ff-ov .ff-vis[data-vis="diario"] .mp-diario { width:640px; height:520px; }
#ff-ov.ff-vert .ff-vis[data-vis="diario"] .mp-diario { width:350px; height:370px; }
#ff-ov.ff-vert .ff-vis[data-vis="diario"] .dr-pista { top:10px; }

#ff-ov.ff-vert .ff-lienzo { height:var(--ff-h, 844px); }
#ff-ov.ff-vert .ff-vis { top:56px; left:20px; width:350px; height:var(--ff-vh, 400px); }
#ff-ov.ff-vert .ff-fono { top:var(--ff-ftop, -100px); --mp-esc:var(--ff-fesc, .5); }
#ff-ov.ff-vert .ff-texto { top:calc(56px + var(--ff-vh, 400px) + 22px); }
#ff-ov.ff-vert .ff-t { font-size:var(--casa-letra-34); }
#ff-ov.ff-vert .ff-f { font-size:var(--casa-letra-20); }
#ff-ov.ff-vert .mp-pie { bottom:calc(22px + env(safe-area-inset-bottom, 0px) * 0); }

html body #sf-ov.sf-vert .sf-lienzo { height:824px; }
html body #sf-ov.sf-vert .sf-riel { height:524px; }   
html body #sf-ov.sf-vert .sf-sub { margin-bottom:var(--casa-sp-4); }
html body #sf-ov.sf-vert .sf-v { height:auto; margin-top:var(--casa-sp-10); }
html body #sf-ov.sf-vert .sf-ir { margin-top:var(--casa-sp-16); }
html body #sf-ov.sf-vert .of-pie { top:730px; font-size:13px; }
html body #sf-ov.sf-vert .of-pie .of-l { font-size:13px; }
html body #sf-ov.sf-vert .sf-lienzo .sf-puntos, html body #sf-ov.sf-vert .sf-lienzo:has(.of-pie) .sf-puntos { top:774px; }
html body #sf-ov.sf-vert .sf-lienzo .sf-cerrar, html body #sf-ov.sf-vert .sf-lienzo:has(.of-pie) .sf-cerrar { top:790px; }

html:has(:is(#sf-ov.on, #ff-ov.on, #ln-hoja.on, #vt-ov, .vt-ov, #mpj-ov.on)) #dg-ov .dg-velo,
html:has(:is(#ff-ov.on, #ln-hoja.on, #vt-ov, .vt-ov, #mpj-ov.on)) #sf-ov .sf-velo,
html:has(:is(#vt-ov, .vt-ov, #mpj-ov.on)) :is(#ff-ov .ff-velo, #ln-hoja .ln-velo) {
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), -webkit-backdrop-filter 0s linear .75s, backdrop-filter 0s linear .75s; }

#sp-ov.sp-tq-junto .sp-tanque { --tq-h:430px; --tq-y:235px; }
#sp-ov.sp-vert .sp-tanque { --tq-h:340px; --tq-y:267px; }
#sp-ov .sp-tq-nombre { position:absolute; left:0; right:0; top:calc(100% + 14px); text-align:center; font-size:var(--casa-letra-18); line-height:1.2;
  color:rgba(242,242,244,.6); pointer-events:none; }
#sp-ov.sp-vert .sp-tq-nombre { font-size:14px; }
#sp-ov.sp-tq-subio .sp-tq-nombre { animation:naceBrilla 5.4s cubic-bezier(.3,0,.2,1) forwards; }
#sp-ov .sp-tq-aqui { display:none; }
#sp-ov:not(.sp-vert) .sp-tq-habla { top:732px; }
#sp-ov.sp-tq:not(.sp-vert) .sp-cm-formas { top:820px; }