.fd-hoy { --fd-top:calc(env(safe-area-inset-top, 0px) + 164px); --fd-ancho:min(calc(100vw - 32px), 560px);
  position:absolute; z-index:30; top:var(--fd-top); left:50%; translate:-50% 0; width:var(--fd-ancho); box-sizing:border-box; padding:var(--casa-sp-24) var(--casa-sp-26) var(--casa-sp-22);
  opacity:0; filter:blur(9px); translate:-50% 10px; pointer-events:none;
  transition:opacity var(--dc-t-entrada) var(--dc-ease, ease), filter var(--dc-t-entrada) var(--dc-ease, ease), translate var(--dc-t-entrada) var(--dc-ease, ease);
  color:#F2F2F4; text-align:center; }
.fd-hoy.fd-ver { opacity:1; filter:none; translate:-50% 0; pointer-events:auto; }
.fd-etq { display:none; }
.fd-es { font-family:var(--dc-font, 'Coolvetica', 'DM Sans', sans-serif); font-weight:var(--dc-weight, 400); font-size:clamp(26px, 6.6vw, 34px); line-height:1.1;
  letter-spacing:-.005em; text-wrap:balance; text-shadow:0 0 22px rgba(255,255,255,.38), 0 0 2px rgba(255,255,255,.5); }
.fd-clave { background:var(--hl-y, rgba(255,213,105,.62)); color:#16161A; text-shadow:none; border-radius:var(--casa-radio-6); padding:0 .12em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.fd-ctx { margin-top:var(--casa-sp-12); font-size:14px; line-height:1.35; opacity:.6; }
.fd-ru { margin-top:var(--casa-sp-8); font-size:14px; line-height:1.4; opacity:.78; }

.fd-hoy .fd-pildora { display:block; margin:var(--casa-sp-18) auto 0; padding:var(--casa-sp-6) var(--casa-sp-10); border:0; background:none; cursor:pointer; transform-origin:center;
  font-family:var(--dc-font, 'Coolvetica', 'DM Sans', sans-serif); font-size:var(--casa-letra-30); line-height:1.2; color:#F2F2F4; text-shadow:var(--n-brillo, 0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14));
  transition:scale var(--dc-t-lento) var(--dc-ease, ease); }
@media (any-hover: hover) { .fd-hoy .fd-pildora:hover { scale:1.09; } }
.fd-hoy .fd-pildora:active { scale:.985; transition-duration:var(--dc-t-press); }
@media (min-width: 900px) {
  .fd-hoy { --fd-top:226px; padding:var(--casa-sp-28) 34px var(--casa-sp-26); }
  .fd-es { font-size:var(--casa-letra-40); }
  .fd-ctx, .fd-ru { font-size:16px; }
  .fd-hoy .fd-pildora { font-size:var(--casa-letra-34); }
}
@media (prefers-reduced-motion: reduce) { .fd-hoy { filter:none; translate:-50% 0; transition:opacity var(--dc-t-salida) var(--dc-ease); } }

.of-pie { margin:var(--casa-sp-14) auto 0; width:min(92%, 560px); text-align:center; color:var(--dc-ink, #F2F2F4); }
.of-pie .of-l { font-size:14px; line-height:1.4; opacity:.72; margin-top:var(--casa-sp-6); }
.of-pie .of-solo { opacity:.95; font-size:15px; }
.of-pie .of-uso, .of-pie .of-meta { font-size:12px; opacity:.5; }
.of-pie .of-gratis { margin-top:var(--casa-sp-12); opacity:.6; font-size:13px; }
#sf-ov .of-pie { position:absolute; left:170px; right:170px; top:780px; width:auto; margin:0; text-wrap:balance; font-size:13px; line-height:1.45;
  opacity:0; filter:blur(12px); scale:.97; transition:opacity var(--dc-t-salida) var(--dc-ease, ease), filter var(--dc-t-salida) var(--dc-ease, ease), scale var(--dc-t-salida) var(--dc-ease, ease); }
#sf-ov.on .of-pie { opacity:1; filter:none; scale:1; transition-duration:.9s; transition-delay:.62s; }
#sf-ov .of-pie .of-l { display:inline; margin:0; font-size:13px; line-height:1.45; opacity:.62; }
#sf-ov .of-pie .of-l + .of-l::before { content:" "; }
#sf-ov .of-pie .of-solo { opacity:.9; }
#sf-ov .of-pie .of-uso { opacity:.45; }
#sf-ov .of-pie .of-gratis { display:block; margin-top:var(--casa-sp-6); opacity:.55; }
#sf-ov .of-pie .of-gratis::before { content:none; }
#sf-ov .sf-lienzo:has(.of-pie) .sf-cerrar { top:860px; }

#sf-ov.sf-vert .of-pie { left:14px; right:14px; top:672px; font-size:10.5px; line-height:1.3; }
#sf-ov.sf-vert .of-pie .of-l { font-size:10.5px; line-height:1.3; }
#sf-ov.sf-vert .of-pie .of-gratis { margin-top:var(--casa-sp-4); }
#sf-ov.sf-vert .sf-lienzo:has(.of-pie) .sf-puntos { top:792px; }
#sf-ov.sf-vert .sf-lienzo:has(.of-pie) .sf-cerrar { top:812px; }
@media (prefers-reduced-motion: reduce) { #sf-ov .of-pie { filter:none; scale:1; transition:opacity var(--dc-t-salida) var(--dc-ease); } }
.vt-ov .of-gratis { margin-top:var(--casa-sp-10); }
.of-camino { margin:var(--casa-sp-26) 0 var(--casa-sp-6); display:flex; flex-direction:column-reverse; gap:var(--casa-sp-10); }
.of-piso { display:flex; align-items:center; gap:var(--casa-sp-14); opacity:.28; filter:blur(1.5px); transition:opacity var(--dc-t-lento) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease); }
.of-piso.of-on { opacity:1; filter:none; }
.of-piso-n { flex:0 0 34px; font-family:var(--dc-font, 'Coolvetica', 'DM Sans', sans-serif); font-size:var(--casa-letra-20); letter-spacing:.02em; text-shadow:0 0 14px rgba(255,255,255,.35); }
.of-puntos { display:flex; flex-wrap:wrap; gap:3px; }
.of-puntos i { width:7px; height:7px; border-radius:var(--casa-radio-redondo); background:rgba(255,255,255,.14); transition:background var(--dc-t-lento) var(--dc-ease, ease), box-shadow var(--dc-t-lento) var(--dc-ease, ease); }
.of-puntos i.of-luz { background:linear-gradient(135deg, #E4E9F0, #9AA6BA); box-shadow:0 0 8px rgba(255,255,255,.55); }
.of-texto, .of-empezar { opacity:0; filter:blur(9px); scale:.97; transition:opacity var(--dc-t-viaje) var(--dc-ease, ease), filter var(--dc-t-viaje) var(--dc-ease, ease), scale var(--dc-t-viaje) var(--dc-ease, ease); }
.cam-f-caja.of-listo .of-texto, .cam-f-caja.of-listo .of-empezar { opacity:1; filter:none; scale:1; }
.cam-f-caja.of-listo .of-empezar { transition-delay:.15s; }
.of-empezar { pointer-events:none; }
.cam-f-caja.of-listo .of-empezar { pointer-events:auto; }
@media (prefers-reduced-motion: reduce) { .of-piso, .of-puntos i, .of-texto, .of-empezar { transition:none; filter:none; scale:1; } }

#pu { --pu-k:1; --pu-brillo:0 0 calc(22px * var(--pu-k)) rgba(242,242,244,.42), 0 0 calc(64px * var(--pu-k)) rgba(242,242,244,.14);
  position:fixed; inset:0; z-index:var(--casa-capa-puerta); pointer-events:none; overflow:hidden; color:#F2F2F4;
  font-family:var(--dc-font, 'Coolvetica', sans-serif); font-weight:var(--dc-weight, 400); letter-spacing:var(--dc-tracking, normal);
  -webkit-tap-highlight-color:transparent; }

#pu .pu-velo { position:absolute; left:0; right:0; bottom:0; height:44%;
  background:linear-gradient(to top, rgba(11,11,13,.94) 0%, rgba(11,11,13,.84) 30%, rgba(11,11,13,.46) 66%, rgba(11,11,13,0) 100%);
  animation:dcEntraLigera var(--dc-t-viaje) var(--dc-ease, ease) both; --dc-sube:0px; transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }
#pu .pu-caja { position:absolute; left:0; right:0; bottom:0; display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:0 calc(60px * var(--pu-k)) calc(58px * var(--pu-k)); box-sizing:border-box; }
#pu .pu-caja > * { pointer-events:auto; animation:dcEntra var(--dc-t-viaje) var(--dc-ease, ease) var(--d, 0s) both;
  transition:opacity var(--dc-t-lento) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }

#pu .pu-t { font-size:calc(64px * var(--pu-k)); line-height:1; letter-spacing:-.01em; text-shadow:var(--pu-brillo); }
#pu .pu-sub { margin-top:calc(14px * var(--pu-k)); font-size:calc(22px * var(--pu-k)); line-height:1.25; color:rgba(242,242,244,.62); }
#pu .pu-q { margin-top:calc(34px * var(--pu-k)); font-size:calc(26px * var(--pu-k)); line-height:1.2; text-shadow:0 0 calc(18px * var(--pu-k)) rgba(242,242,244,.3); }

#pu .pu-pils { margin-top:calc(20px * var(--pu-k)); display:flex; flex-wrap:wrap; justify-content:center; gap:calc(16px * var(--pu-k)); }
#pu .pu-pil { position:relative; box-sizing:border-box; width:calc(372px * var(--pu-k)); min-height:calc(72px * var(--pu-k));
  padding:calc(10px * var(--pu-k)) calc(30px * var(--pu-k)); border:0; border-radius:var(--casa-radio-999); cursor:pointer;
  font:inherit; font-size:calc(20px * var(--pu-k)); line-height:1.15; text-wrap:balance; color:#F2F2F4;
  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 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); }
#pu .pu-pil::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.03; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
#pu .pu-pil { transition:scale var(--dc-t-salida) var(--dc-ease, ease), filter var(--dc-t-lento) var(--dc-ease, ease), opacity var(--dc-t-lento) var(--dc-ease, ease), transform var(--dc-t-lento) var(--dc-ease, ease); }
@media (any-hover: hover) { #pu:not(.sin-raton) .pu-pil:hover { scale:1.06; } #pu:not(.sin-raton) .pu-pils:has(.pu-pil:hover) .pu-pil:not(:hover) { opacity:.45; } }
#pu .pu-pil:active { scale:.985; transition-duration:var(--dc-t-press); }
#pu .pu-pil:focus-visible, #pu .pu-mirar:focus-visible { outline:none; scale:1.06; }

#pu .pu-mirar { margin-top:calc(22px * var(--pu-k)); padding:calc(6px * var(--pu-k)) calc(16px * var(--pu-k)); border:0; background:none; cursor:pointer;
  font:inherit; font-size:calc(20px * var(--pu-k)); line-height:1.2; color:rgba(242,242,244,.6); }
@media (any-hover: hover) { #pu:not(.sin-raton) .pu-mirar:hover { color:#F2F2F4; } }

#pu.pu-alto .pu-velo { height:64%; }
#pu.pu-alto .pu-caja { padding:0 calc(20px * var(--pu-k)) calc(62px * var(--pu-k) + env(safe-area-inset-bottom, 0px)); }
#pu.pu-alto .pu-t { font-size:calc(38px * var(--pu-k)); }
#pu.pu-alto .pu-sub { margin-top:calc(8px * var(--pu-k)); font-size:calc(15px * var(--pu-k)); }
#pu.pu-alto .pu-q { margin-top:calc(22px * var(--pu-k)); font-size:calc(18px * var(--pu-k)); }
#pu.pu-alto .pu-pils { margin-top:calc(14px * var(--pu-k)); flex-direction:column; flex-wrap:nowrap; align-items:stretch; width:100%;
  max-width:calc(350px * var(--pu-k)); gap:calc(10px * var(--pu-k)); }
#pu.pu-alto .pu-pil { width:100%; min-height:calc(54px * var(--pu-k)); padding:calc(8px * var(--pu-k)) calc(22px * var(--pu-k)); font-size:calc(16px * var(--pu-k)); }
#pu.pu-alto .pu-mirar { margin-top:calc(12px * var(--pu-k)); font-size:calc(15px * var(--pu-k)); }

#pu.pu-fuera .pu-velo, #pu.pu-ida .pu-velo { opacity:0; }
#pu.pu-fuera .pu-caja > *, #pu.pu-ida .pu-caja > * { opacity:0; filter:blur(9px); transform:translateY(10px); pointer-events:none; animation:none; }
@media (prefers-reduced-motion: reduce) {
  #pu .pu-velo, #pu .pu-caja > * { animation:none !important; }
  #pu.pu-fuera .pu-caja > *, #pu.pu-ida .pu-caja > * { filter:none; transform:none; }
}

html.pu-leccion #noche { z-index:var(--casa-capa-sala-tras-leccion) !important; }
html.pu-leccion #noche * { animation-play-state:paused !important; }
html.pu-leccion-tapada #noche, html.pu-leccion-tapada #noche * { visibility:hidden !important; }
html.pu-leccion #pu { display:none; }

#vt-ov .pu-prueba { display:flex; flex-direction:column; align-items:flex-start; }
#vt-ov .pu-prueba.nace > * { animation:dcEntra var(--dc-t-lento) var(--dc-ease, ease) both; }
#vt-ov .pu-prueba.nace > :nth-child(2) { animation-delay:.06s; }
#vt-ov .pu-prueba.nace > :nth-child(3) { animation-delay:.14s; }
#vt-ov .pu-prueba.nace > :nth-child(n+4) { animation-delay:.22s; }
#vt-ov .pu-p-frase { font-size:var(--dc-fs-60, 44px); line-height:1.12; max-width:22ch; }
#vt-ov .pu-p-ops { display:flex; flex-direction:column; align-items:flex-start; margin-top:var(--dc-sp-24, 18px); }
#vt-ov .pu-p-op { opacity:.82; }
#vt-ov .pu-p-basta { margin-top:var(--dc-sp-14, 10px); }

#vt-ov :is(.pu-p-frase, .pu-frase, .pu-regalo) { text-wrap:balance; }
#vt-ov .pu-frase { font-size:var(--dc-fs-80, 56px); line-height:1.05; max-width:16ch; }
#vt-ov .pu-regalo { font-size:var(--dc-fs-60, 44px); line-height:1.12; max-width:20ch; }
@media (max-width:700px) {
  #vt-ov .pu-p-frase { font-size:var(--dc-fs-60, 44px); }
  #vt-ov .pu-regalo { font-size:var(--dc-fs-40, 30px); }
  #vt-ov .pu-frase { font-size:var(--dc-fs-60, 40px); }
}

#bn { --bn-k:1; position:fixed; inset:0; z-index:var(--casa-capa-banner); pointer-events:none; overflow:hidden; color:#F2F2F4;
  font-family:var(--dc-font, 'Coolvetica', sans-serif); font-weight:var(--dc-weight, 400); letter-spacing:.5px; -webkit-tap-highlight-color:transparent; }
#bn .bn-velo { position:absolute; left:0; right:0; bottom:0; height:calc(330px * var(--bn-k)); opacity:0;
  background:linear-gradient(to top, rgba(10,10,12,.96) 0%, rgba(10,10,12,.96) 52%, rgba(10,10,12,.7) 74%, rgba(10,10,12,0) 100%);   
  transition:opacity var(--dc-t-entrada) var(--dc-ease, ease); }
#bn.bn-on .bn-velo { opacity:1; }
#bn .bn-velo::after { content:""; position:absolute; inset:0; opacity:.035; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }   
#bn .bn-caja { position:absolute; left:0; right:0; bottom:calc(46px * var(--bn-k)); display:flex; align-items:center; justify-content:space-between;
  padding:0 calc(100px * var(--bn-k)); box-sizing:border-box; }
#bn .bn-izq { text-align:left; }
#bn .bn-t { font-size:calc(30px * var(--bn-k)); line-height:1.12; white-space:nowrap; text-shadow:0 0 calc(30px * var(--bn-k)) rgba(242,242,244,.4), 0 0 calc(90px * var(--bn-k)) rgba(242,242,244,.15); }
#bn .bn-ir { margin-top:calc(14px * var(--bn-k)); padding:calc(6px * var(--bn-k)) 0; border:0; background:none; cursor:pointer; font:inherit; letter-spacing:inherit; color:inherit;
  font-size:calc(34px * var(--bn-k)); line-height:1.2; transform-origin:left center; text-shadow:0 0 calc(22px * var(--bn-k)) rgba(242,242,244,.42), 0 0 calc(64px * var(--bn-k)) rgba(242,242,244,.14);
  transition:transform var(--dc-t-lento) var(--dc-ease, ease); }
#bn .bn-acc { display:flex; align-items:baseline; gap:calc(36px * var(--bn-k)); }
#bn .bn-izq > * { opacity:0; }
#bn.bn-on .bn-izq > * { animation:dcEntra var(--dc-t-entrada) var(--dc-ease, ease) both; pointer-events:auto; }
#bn.bn-on .bn-izq > .bn-acc { animation-delay:.12s; }
@media (any-hover: hover) { #bn .bn-ir:hover { transform:scale(1.09); } }
#bn .bn-ir:active { transform:scale(.985); transition-duration:var(--dc-t-press); }

#bn .bn-der { display:flex; flex-direction:column; gap:calc(16px * var(--bn-k)); align-items:flex-end; }
#bn .bn-fila { display:flex; gap:calc(14px * var(--bn-k)); }
#bn .bn-fila:nth-child(2) { flex-direction:row-reverse; }
#bn .bn-p { position:relative; width:calc(70px * var(--bn-k)); height:calc(26px * var(--bn-k)); border-radius:var(--casa-radio-999); opacity:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(170,174,176,.1), rgba(170,174,176,.24)); }
#bn .bn-p::after { content:""; position:absolute; inset:0; border-radius:inherit; opacity:.05; pointer-events:none; background-image:var(--grano, none); background-size:128px 128px; }
#bn .bn-p.bn-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); }
#bn .bn-p.bn-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); }
#bn.bn-on .bn-p { animation:dcEntra var(--dc-t-entrada) var(--dc-ease, ease) calc(.25s + var(--i) * 70ms) both; }
#bn.bn-on .bn-p.bn-p-aqui { animation:dcEntra var(--dc-t-entrada) var(--dc-ease, ease) calc(.25s + var(--i) * 70ms) both, spLuz 3.6s ease-in-out 1.6s infinite; }
#bn .bn-x { padding:calc(6px * var(--bn-k)) 0; border:0; background:none; cursor:pointer; font:inherit; letter-spacing:inherit; color:#F2F2F4; opacity:0; font-size:calc(20px * var(--bn-k)); transition:opacity var(--dc-t-lento) var(--dc-ease, ease); }
#bn.bn-on .bn-x { opacity:.55; animation:none; pointer-events:auto; transition-delay:.9s; }
@media (any-hover: hover) { #bn.bn-on .bn-x:hover { opacity:1; } }

#bn.bn-ida, #bn.bn-fuera { pointer-events:none; }
#bn.bn-ida .bn-velo, #bn.bn-fuera .bn-velo { opacity:0; transition-duration:var(--dc-t-salida); }
#bn.bn-ida :is(.bn-izq > *, .bn-p, .bn-x), #bn.bn-fuera :is(.bn-izq > *, .bn-p, .bn-x) { animation:dcSale var(--dc-t-salida) var(--dc-ease, ease) forwards; pointer-events:none; }

#bn.bn-alto .bn-velo { height:calc(470px * var(--bn-k)); }
#bn.bn-alto .bn-caja { flex-direction:column-reverse; align-items:center; justify-content:flex-end; gap:calc(18px * var(--bn-k)); padding:0 calc(24px * var(--bn-k)); bottom:calc(58px * var(--bn-k) + env(safe-area-inset-bottom, 0px)); }
#bn.bn-alto .bn-izq { max-width:calc(330px * var(--bn-k)); text-align:center; }
#bn.bn-alto .bn-acc { justify-content:center; }
#bn.bn-alto .bn-t { font-size:calc(24px * var(--bn-k)); white-space:normal; text-wrap:balance; }
#bn.bn-alto .bn-ir { font-size:calc(26px * var(--bn-k)); transform-origin:center; }
#bn.bn-alto .bn-der { align-items:center; gap:calc(10px * var(--bn-k)); }
#bn.bn-alto .bn-fila { gap:calc(10px * var(--bn-k)); }
#bn.bn-alto .bn-p { width:calc(48px * var(--bn-k)); height:calc(17px * var(--bn-k)); }
@media (prefers-reduced-motion: reduce) { #bn.bn-on :is(.bn-izq > *, .bn-p) { animation:none !important; opacity:1; } }

html.sp-oculto #bn :is(*, *::before, *::after) { animation-play-state:paused !important; }   

#bn { transition:opacity var(--dc-t-salida) var(--dc-ease); }
body:has(#ff-ov, #sf-ov, #vt-ov, #muro, #sp-ov, #ln-hoja, #cuenta-ov, #aviso-ov.abierto) #bn { opacity:0; pointer-events:none; }
body:has(#ff-ov, #sf-ov, #vt-ov, #muro, #sp-ov, #ln-hoja, #cuenta-ov, #aviso-ov.abierto) #bn * { pointer-events:none !important; }

#bn.bn-on .bn-izq > *, #bn.bn-on .bn-p { animation-name:dcEntraLigera; }
#bn.bn-on .bn-p.bn-p-aqui { animation-name:dcEntraLigera, spLuz; }
#bn.bn-ida :is(.bn-izq > *, .bn-p, .bn-x), #bn.bn-fuera :is(.bn-izq > *, .bn-p, .bn-x) { animation-name:dcSaleLigera; }

#bn.bn-alto .bn-t { font-size:calc(22px * var(--bn-k)); }
#bn.bn-alto .bn-ir { font-size:calc(22px * var(--bn-k)); }
#bn.bn-alto .bn-x { font-size:calc(18px * var(--bn-k)); }

:root {
  --casa-brillo-suave:   0 0 22px rgba(242,242,244,.3);                                              
  --casa-brillo-elegido: 0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14);             
  --casa-brillo-titulo:  0 0 30px rgba(242,242,244,.4), 0 0 90px rgba(242,242,244,.15);              
  --casa-brillo-metal:   0 0 12px rgba(255,255,255,.5), 0 0 36px rgba(255,255,255,.2), 0 0 80px rgba(255,255,255,.08);   
  
  --casa-aire-suave:22px; --casa-aire-elegido:64px; --casa-aire-titulo:90px; --casa-aire-metal:80px;
}

html.sin-desenfoque {
  --casa-brillo-suave:   0 0 22px rgba(242,242,244,.3);
  --casa-brillo-elegido: 0 0 22px rgba(242,242,244,.42), 0 0 64px rgba(242,242,244,.14);
  --casa-brillo-titulo:  0 0 30px rgba(242,242,244,.4), 0 0 90px rgba(242,242,244,.15);
  --casa-brillo-metal:   0 0 12px rgba(255,255,255,.5), 0 0 36px rgba(255,255,255,.2), 0 0 80px rgba(255,255,255,.08);
}

:root {
  
  --casa-capa-clase-cajon: 300;            
  --casa-capa-sala-tras-leccion: 1100;     
  --casa-capa-telon: 1150;                 
  --casa-capa-leccion-carga: 1199;         
  --casa-capa-leccion: 1200;               
  --casa-capa-traductor-anclado: 1255;     
  --casa-capa-leccion-mandos: 1260;        
  --casa-capa-temas: 1290;                 
  --casa-capa-temas-panel: 1320;
  --casa-capa-destello: 1400;              
  
  --casa-capa-sala: 2200;                  
  --casa-capa-banner: 2290;                
  --casa-capa-puerta: 2300;                
  --casa-capa-invitacion: 2350;
  --casa-capa-pantalla: 2400;              
  --casa-capa-doroga: 2440;                
  --casa-capa-ventana: 2450;               
  --casa-capa-hoja: 2460;                  
  --casa-capa-hoja-encima: 2470;           
  --casa-capa-aviso: 2600;                 
  
  --casa-capa-traductor: 4000;             
  --casa-capa-flota: 6000;                 
  --casa-capa-vuelo: 8999;                 
  --casa-capa-mundo: 9000;                 
  --casa-capa-mundo-nota: 9100;            
  --casa-capa-palabra: 9300;               
  --casa-capa-traductor-libre: 9400;       
  --casa-capa-muro: 9600;                  
  --casa-capa-bienvenida: 9650;            
  --casa-capa-medidor: 9999;               
  --casa-capa-pista: 99990;                
  --casa-capa-pizarra-mandos: 1000000;     
  
  --casa-capa-tope-franja: 2147481500;     
  --casa-capa-tope-aviso: 2147482000;      
  --casa-capa-tope-clases: 2147483000;     
  --casa-capa-tope: 2147483647;            
}

:root {
  --casa-letra-18: 18px;
  --casa-letra-20: 20px;
  --casa-letra-22: 22px;
  --casa-letra-30: 30px;
  --casa-letra-32: 32px;
  --casa-letra-34: 34px;
  --casa-letra-38: 38px;
  --casa-letra-40: 40px;
  --casa-letra-46: 46px;
  --casa-letra-50: 50px;
  --casa-letra-52: 52px;
  --casa-letra-56: 56px;
  --casa-letra-60: 60px;
  --casa-letra-68: 68px;
  --casa-letra-78: 78px;
  --casa-letra-80: 80px;
  --casa-letra-100: 100px;
  --casa-letra-120: 120px;
  --casa-letra-140: 140px;
  --casa-letra-163: 163px;
  --casa-radio-redondo: 50%;
  --casa-radio-4: 4px;
  --casa-radio-5: 5px;
  --casa-radio-6: 6px;
  --casa-radio-10: 10px;
  --casa-radio-14: 14px;
  --casa-radio-16: 16px;
  --casa-radio-18: 18px;
  --casa-radio-20: 20px;
  --casa-radio-22: 22px;
  --casa-radio-24: 24px;
  --casa-radio-28: 28px;
  --casa-radio-30: 30px;
  --casa-radio-100: 100px;
  --casa-radio-999: 999px;
  --casa-sp-2: 2px;
  --casa-sp-4: 4px;
  --casa-sp-6: 6px;
  --casa-sp-8: 8px;
  --casa-sp-10: 10px;
  --casa-sp-12: 12px;
  --casa-sp-14: 14px;
  --casa-sp-16: 16px;
  --casa-sp-18: 18px;
  --casa-sp-20: 20px;
  --casa-sp-22: 22px;
  --casa-sp-24: 24px;
  --casa-sp-26: 26px;
  --casa-sp-28: 28px;
  --casa-sp-30: 30px;
  --casa-sp-40: 40px;
}

:root {
  --dc-ease:          cubic-bezier(.42, 0, .18, 1);   
  --dc-t-entrada:     .85s;                           
  --dc-t-salida:      .32s;                           
  --dc-t-lento:       .7s;                            
  --dc-t-viaje:       .9s;                            
  --dc-t-press:       .22s;                           
  --dc-ease-destello: cubic-bezier(.3, 0, .2, 1);     
  --dc-t-destello:    5.4s;
  --dc-t-respira:     6s;                             
  --dc-ease-bucle:    cubic-bezier(.37, 0, .63, 1);   
}

[data-plantilla="tarjetas"].casa-riel-chica [data-tarjeta] { transform-origin:50% 0; }

.casa-cmp { container-type:inline-size; font-family:var(--dc-font); font-weight:400; letter-spacing:.5px; color:#F2F2F4; }
.casa-cmp-fila { display:grid; grid-template-columns:repeat(var(--cmp-n, 4), minmax(0, 1fr)); align-items:center; column-gap:var(--casa-sp-8); padding:var(--casa-sp-12) 0; }   
.casa-cmp-fila.casa-cmp-cab { border-top:0; padding-top:0; }
.casa-cmp-q { grid-column:1 / -1; font-size:var(--casa-letra-18); line-height:1.3; color:rgba(242,242,244,.55); padding-bottom:var(--casa-sp-6); }
.casa-cmp-cab .casa-cmp-q, .casa-cmp-pie .casa-cmp-q { display:none; }
.casa-cmp-plan, .casa-cmp-c { text-align:center; min-width:0; overflow-wrap:anywhere; }
.casa-cmp-plan { font-size:var(--casa-letra-22); line-height:1.15; }
.casa-cmp-c { font-size:var(--casa-letra-18); line-height:1.3; min-height:22px; display:flex; align-items:center; justify-content:center; }
.casa-cmp-si { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

.casa-cmp-no { display:block; width:.8em; height:3px; border-radius:2px; background:var(--nu-pill-metal, linear-gradient(90deg, #3D424A, #AAAEB0)); opacity:.42; }
.casa-cmp-precio { font-size:var(--casa-letra-18); }   
.casa-cmp-plan.casa-cmp-mio { text-shadow:var(--casa-brillo-elegido); }

.casa-cmp-en-celda .casa-cmp-c { overflow-wrap:normal; text-wrap:balance; }
.casa-cmp-en-celda.casa-cmp-con-pares .casa-cmp-todo { display:none; }
.casa-cmp-en-celda .casa-cmp-par + .casa-cmp-par { margin-top:var(--casa-sp-40); }
.casa-cmp-en-celda .casa-cmp-fila { column-gap:var(--casa-sp-20); }
.casa-cmp-en-celda .casa-cmp-c:not(.casa-cmp-precio) { color:rgba(242,242,244,.86); }

.casa-cmp-precio-arriba { border-top:0; padding-top:var(--casa-sp-4); }
.casa-cmp-botones { border-top:0; padding-top:var(--casa-sp-18); }
.casa-cmp-ir { font:inherit; color:#F2F2F4; background:none; border:0; margin:0; padding:var(--casa-sp-6) var(--casa-sp-4); cursor:pointer; letter-spacing:inherit; font-size:var(--casa-letra-22); line-height:1.2;
  text-shadow:var(--casa-brillo-elegido); transition:transform var(--dc-t-lento) var(--dc-ease); }
@media (any-hover: hover) { .casa-cmp-ir:hover { transform:scale(1.06); } }
.casa-cmp-ir:active { transform:scale(.985); transition-duration:var(--dc-t-press); }
.casa-cmp:has(.casa-cmp-mio) :is(.casa-cmp-plan, .casa-cmp-c):not(.casa-cmp-mio) { opacity:.42; }
@container (min-width: 600px) {
  .casa-cmp-fila { grid-template-columns:minmax(0, 1.4fr) repeat(var(--cmp-n, 4), minmax(0, 1fr)); column-gap:var(--casa-sp-16); padding:13px 0; }   
  .casa-cmp-q { grid-column:auto; font-size:var(--casa-letra-22); padding-bottom:0; }
  .casa-cmp-cab .casa-cmp-q, .casa-cmp-pie .casa-cmp-q { display:block; }
  .casa-cmp-plan { font-size:var(--casa-letra-30); }
  .casa-cmp-c { font-size:var(--casa-letra-20); }
  .casa-cmp-precio { font-size:var(--casa-letra-22); }
  .casa-cmp-en-celda .casa-cmp-fila { grid-template-columns:repeat(var(--cmp-n, 4), minmax(0, 1fr)); column-gap:32px; }
  .casa-cmp-en-celda.casa-cmp-con-pares .casa-cmp-todo { display:block; }
  .casa-cmp-en-celda .casa-cmp-pares { display:none; }
  .casa-cmp-ir { font-size:var(--casa-letra-30); }
}

.casa-cmp.casa-cmp-tarjeta { container-type:normal; align-self:stretch; margin-top:var(--casa-sp-10); }
.casa-cmp.casa-cmp-tarjeta .casa-cmp-fila { display:flex; align-items:center; justify-content:center; padding:var(--casa-sp-8) 0; }
.casa-cmp.casa-cmp-tarjeta .casa-cmp-c { width:100%; font-size:var(--casa-filas-letra, var(--casa-letra-18)); line-height:1.25; }
[data-plantilla="tarjetas"] [data-tarjeta] > .sf-carta { transform-origin:50% 0; }

.casa-cmp-tarjeta .casa-cmp-corto, [data-filas-corto] .casa-cmp-tarjeta .casa-cmp-largo { display:none; }
[data-filas-corto] .casa-cmp-tarjeta .casa-cmp-corto { display:inline; }

#casa-mu { position:fixed; inset:0; z-index:var(--casa-capa-mundo); overflow-y:auto; background:linear-gradient(#2C2D2E, #0A0A0C);
  font-family:var(--dc-font); font-weight:400; letter-spacing:.5px; color:#F2F2F4; }
#casa-mu .casa-mu-in { padding:56px 56px 120px; }
#casa-mu .casa-mu-t { margin:0; font-size:var(--casa-letra-50); font-weight:400; line-height:1.1; text-shadow:var(--casa-brillo-titulo); }
#casa-mu .casa-mu-f { margin:var(--casa-sp-12) 0 0; font-size:var(--casa-letra-20); line-height:1.3; color:rgba(242,242,244,.55); }
#casa-mu .casa-mu-s { margin:56px 0 var(--casa-sp-20); font-size:var(--casa-letra-30); font-weight:400; text-shadow:var(--casa-brillo-suave); }
#casa-mu .casa-mu-fila { display:flex; flex-wrap:wrap; gap:32px; align-items:flex-start; }

#casa-mu .casa-mu-marco { margin:0; --e:calc(1 / 3); width:calc(var(--vw) * var(--e) * 1px); }
#casa-mu .casa-mu-hueco { position:relative; width:calc(var(--vw) * var(--e) * 1px); height:calc(var(--vh) * var(--e) * 1px); }
#casa-mu .casa-mu-pant { position:absolute; left:0; top:0; transform:scale(var(--e)); transform-origin:0 0; background:linear-gradient(#2C2D2E, #0A0A0C);
  outline:3px solid rgba(242,242,244,.3); }
#casa-mu .casa-mu-sala { position:absolute; left:0; top:0; transform-origin:0 0; }
#casa-mu .casa-mu-z { position:absolute; box-sizing:border-box; border:1px solid rgba(242,242,244,.42); }
#casa-mu .casa-mu-z > span { position:absolute; left:8px; top:6px; font-size:var(--casa-letra-22); line-height:1; color:rgba(242,242,244,.55); white-space:nowrap; }
#casa-mu .casa-mu-z.casa-mu-carta { border-color:#AAAEB0; background:rgba(242,242,244,.06); }
#casa-mu .casa-mu-z.casa-mu-riel { border-style:dashed; }
#casa-mu .casa-mu-z.casa-mu-riel > span { top:auto; bottom:6px; }
#casa-mu .casa-mu-z.casa-mu-barra { border-style:dashed; border-color:rgba(242,242,244,.3); }
#casa-mu .casa-mu-barra-p { position:absolute; height:52px; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:var(--casa-sp-28); align-items:center;
  font-size:var(--casa-letra-22); }
#casa-mu .casa-mu-barra-p > i { height:6px; border-radius:3px; background:linear-gradient(90deg, #3D424A, #AAAEB0) 0 0 / calc(var(--f) * 100%) 100% no-repeat,
  rgba(242,242,244,.12); }
#casa-mu .casa-mu-barra-p > .apagada { opacity:.16; }
#casa-mu figcaption { margin-top:var(--casa-sp-10); font-size:var(--casa-letra-18); line-height:1.3; color:rgba(242,242,244,.55); }
#casa-mu .casa-mu-cmp { margin-bottom:var(--casa-sp-40); }
#casa-mu .casa-mu-ancha { flex:1 1 640px; max-width:1000px; }
#casa-mu .casa-mu-estrecha { flex:0 0 342px; width:342px; }
#casa-mu .casa-mu-abrir { display:flex; flex-wrap:wrap; gap:var(--casa-sp-8) 36px; }
#casa-mu .casa-mu-abrir button { font:inherit; font-size:var(--casa-letra-30); line-height:1.2; color:#F2F2F4; background:none; border:0; padding:var(--casa-sp-6) 0; cursor:pointer; }
@media (max-width: 699px) {
  #casa-mu .casa-mu-in { padding:34px var(--casa-sp-24) 96px; }
  #casa-mu .casa-mu-t { font-size:var(--casa-letra-38); }
  #casa-mu .casa-mu-marco { --e:calc(342 / var(--vw)); }
  #casa-mu .casa-mu-ancha { flex-basis:100%; }
  #casa-mu .casa-mu-abrir button { font-size:var(--casa-letra-22); }
}

.sf-comun.sf-comun-peq { font-size:var(--casa-letra-20); line-height:1.3; color:rgba(242,242,244,.55); text-align:center; }