@layer theme;@layer base{:root{--hv-tarjeta:#fffdf9;--hv-linea:#0e0e1029;--hv-filete:var(--tinta);--hv-sombra-color:var(--tinta);--hv-sombra:6px 6px 0 var(--hv-sombra-color);--hv-sombra-p:4px 4px 0 var(--hv-sombra-color);--hv-sombra-viva:6px 6px 0 var(--acento);--hv-radio:10px;--hv-radio-control:6px;--hv-rapido:.12s;--hv-medio:.2s;--hv-lento:.35s;--hv-salida:cubic-bezier(.16, 1, .3, 1);--hv-muelle:cubic-bezier(.34, 1.3, .64, 1);--hv-tinta-fija:#0e0e10;--hv-papel-fijo:#f5f3ef}html:has(.marco-app[data-tema=oscuro]){--hv-tarjeta:var(--fondo-2);--hv-linea:var(--linea);--hv-filete:var(--filete);--hv-sombra-color:var(--tono-sombra)}}@layer components{.hv-tarjeta{background:var(--hv-tarjeta);border:1px solid var(--hv-linea);border-radius:var(--hv-radio)}.hv-tarjeta--destacada,.hv-tarjeta--viva{border:2px solid var(--hv-filete);box-shadow:var(--hv-sombra)}.hv-tarjeta--viva{box-shadow:var(--hv-sombra-viva)}.hv-antetitulo{font:800 .72rem/1.2 var(--f-interfaz);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin:0}.hv-display{font-family:var(--f-titulo);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:400;line-height:.94}.hv-datos{font:600 .82rem/1.4 var(--f-interfaz);color:var(--tinta-suave);margin:0}.hv-datos strong{font-family:var(--f-numeros);color:var(--tinta);font-size:1.05em;font-weight:400}.hv-etiqueta{border:1.5px solid var(--hv-filete);background:var(--hv-tarjeta);color:var(--tinta);font:800 .7rem/1 var(--f-interfaz);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.42rem;padding:.3rem .62rem .3rem .52rem;display:inline-flex}.hv-etiqueta__punto{background:var(--tinta);border-radius:999px;flex:none;width:.52rem;height:.52rem}.hv-etiqueta svg{flex:none;width:.9rem;height:.9rem}.hv-etiqueta--viva .hv-etiqueta__punto{background:var(--acento)}.hv-etiqueta--pronto,.hv-etiqueta--cerrada{color:var(--tinta-suave);border-style:dashed}.hv-etiqueta--verificado{border-color:var(--exito);color:var(--exito)}.hv-etiqueta--pendiente{border-color:var(--aviso);color:var(--aviso)}.hv-etiqueta--sobre-tinta{color:var(--hv-papel-fijo);background:0 0;border-color:#ffffff80}.hv-etiqueta--sobre-tinta .hv-etiqueta__punto{background:var(--acento)}.hv-rotulado{isolation:isolate;display:inline-block;position:relative}.hv-rotulado__trazo{z-index:-1;pointer-events:none;width:122%;height:152%;color:var(--acento);position:absolute;top:-26%;left:-11%;overflow:visible}.hv-rotulado__trazo path{fill:none;stroke:currentColor;stroke-width:max(2.5px,.085em);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@keyframes hv-rotular{0%{stroke-dasharray:1 1;stroke-dashoffset:1px}to{stroke-dasharray:1 1;stroke-dashoffset:0}}.ef-movimiento .hv-rotulado__trazo path{animation:hv-rotular .75s var(--ef-curva-trazo,cubic-bezier(.65, .05, .36, 1)) .3s backwards}.hv-sello{--t:1.5rem;width:var(--t);height:var(--t);border:2px solid var(--hv-filete);background:var(--hv-tarjeta);color:var(--tinta);font-family:var(--f-numeros);font-size:calc(var(--t) * .56);border-radius:999px;flex:none;place-items:center;line-height:1;display:inline-grid}.hv-sello--m{--t:2.2rem}.hv-sello--l{--t:3.6rem;border-width:3px}.hv-sello[data-nivel="2"]{border-color:var(--acento)}.hv-sello[data-nivel="3"]{border-color:var(--tinta);background:var(--tinta);color:var(--fondo)}.hv-sello[data-nivel="4"],.hv-sello[data-nivel="5"]{border-color:var(--hv-filete);background:var(--acento);color:var(--sobre-acento)}.hv-sello[data-nivel="5"]{box-shadow:0 0 0 2px var(--hv-tarjeta), 0 0 0 4px var(--acento)}.hv-anillo{--t:2.75rem;width:var(--t);height:var(--t);flex:none;place-items:center;display:inline-grid;position:relative}.hv-anillo--l{--t:6.5rem}.hv-anillo svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hv-anillo__pista,.hv-anillo__arco{fill:none;stroke-width:4px}.hv-anillo__pista{stroke:var(--hv-linea)}.hv-anillo__arco{stroke:var(--acento);stroke-linecap:round}.hv-anillo__numero{font-family:var(--f-numeros);font-size:calc(var(--t) * .42);line-height:1}.hv-progreso{align-items:center;gap:.6rem;display:flex}.hv-barra{background:var(--hv-linea);border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.hv-barra__relleno{inset-block:0;border-radius:inherit;background:var(--acento);position:absolute;left:0}.hv-progreso__texto{min-width:2.6rem;font-family:var(--f-numeros);text-align:right;flex:none;font-size:.95rem}.hv-avatar{flex:none;display:inline-flex;position:relative}.hv-avatar__sello{--t:1.05rem;box-shadow:0 0 0 2px var(--hv-tarjeta);border-width:1.5px;position:absolute;bottom:-.38rem;right:-.38rem}.hv-avatar__sello[data-nivel="5"]{box-shadow:0 0 0 2px var(--hv-tarjeta), 0 0 0 3.5px var(--acento)}.hv-avatar__en-linea{border:2px solid var(--hv-tarjeta);background:var(--exito);border-radius:999px;width:.65rem;height:.65rem;position:absolute;top:0;right:0}.hv-escalera{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.hv-peldano{grid-template-columns:2.2rem minmax(0,1fr);gap:.9rem;display:grid;position:relative}.hv-peldano:not(:last-child):before{content:"";background:var(--hv-linea);width:2px;position:absolute;top:2.4rem;bottom:-1rem;left:calc(1.1rem - 1px)}.hv-peldano--conquistado:not(:last-child):before{background:var(--acento)}.hv-peldano__riel{padding-top:.15rem}.hv-peldano__tarjeta{gap:.8rem;min-width:0;padding:clamp(.9rem,2.4vw,1.25rem);display:grid}.hv-peldano--conquistado .hv-peldano__tarjeta{gap:.35rem;padding-block:.75rem}.hv-peldano--cerrado .hv-peldano__tarjeta{background:0 0;border-style:dashed}.hv-peldano__cabeza{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.hv-peldano__nombre{font:800 1.08rem/1.2 var(--f-interfaz);letter-spacing:-.01em;margin:0}.hv-peldano--actual .hv-peldano__nombre{font-family:var(--f-titulo);text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:400;line-height:.95}.hv-peldano__cabeza .hv-datos{flex-basis:100%}.hv-peldano__linea{color:var(--tinta-suave);margin:0;font-size:.88rem}.hv-peldano__premios{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hv-premio{border:1px solid var(--hv-linea);border-radius:var(--hv-radio-control);background:var(--fondo);align-content:start;gap:.4rem;padding:.85rem .95rem;display:grid}.hv-peldano--cerrado .hv-premio{color:var(--tinta-suave)}.hv-premio__titulo{font:700 .95rem/1.3 var(--f-interfaz);margin:0}.hv-premio__texto{color:var(--tinta-suave);margin:0;font-size:.86rem;line-height:1.45}.hv-premio--misterio .hv-premio__titulo{font-family:var(--f-titulo);letter-spacing:.12em;font-size:2rem;font-weight:400;line-height:1}.hv-peldano__faltan{margin:0;font-size:.95rem}.hv-peldano__faltan strong{font-family:var(--f-numeros);color:var(--acento-texto);font-size:1.5rem;font-weight:400}.hv-clasificacion{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.hv-fila{border-radius:var(--hv-radio-control);border:2px solid #0000;grid-template-columns:2rem auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.25rem;padding:.45rem .8rem .45rem .6rem;display:grid}.hv-fila--yo{border-color:var(--hv-filete);background:var(--hv-tarjeta);box-shadow:4px 4px 0 var(--acento)}.hv-fila__puesto{font-family:var(--f-numeros);text-align:center;font-size:1.15rem}.hv-fila[data-puesto="1"] .hv-fila__puesto,.hv-fila[data-puesto="2"] .hv-fila__puesto,.hv-fila[data-puesto="3"] .hv-fila__puesto{color:var(--acento-texto)}.hv-fila__nombre{align-items:center;gap:.5rem;min-width:0;font-weight:700;display:flex}.hv-fila__nombre span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hv-fila__tu{background:var(--tinta);color:var(--fondo);font:800 .65rem/1 var(--f-interfaz);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:.15rem .45rem}.hv-fila__puntos{font-family:var(--f-numeros);white-space:nowrap;font-size:1.1rem}.hv-fila__puntos small{font:600 .72rem/1 var(--f-interfaz);color:var(--tinta-suave);margin-left:.2rem}.hv-niveles{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,1.75rem);padding:clamp(1.1rem,3vw,1.75rem);display:grid}.hv-niveles__dentro{justify-items:start;gap:.55rem;min-width:0;display:grid}.hv-niveles__nivel{font-size:clamp(2.2rem,7vw,3.4rem)}@media (max-width:30rem){.hv-niveles{grid-template-columns:minmax(0,1fr);justify-items:start}}.hv-celebracion{background:var(--hv-tinta-fija);width:100%;max-width:none;height:100%;max-height:none;color:var(--hv-papel-fijo);border:0;margin:0;padding:0}.hv-celebracion::backdrop{background:var(--hv-tinta-fija)}.hv-celebracion__dentro{min-height:100%;padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom));text-align:center;align-content:center;justify-items:center;gap:1.1rem;display:grid}.hv-celebracion__sello{aspect-ratio:1;width:clamp(9rem,32vw,12rem);color:var(--hv-papel-fijo);--ef-vuelta:24s;place-items:center;display:grid;position:relative}.hv-celebracion__numero{aspect-ratio:1;background:var(--acento);width:48%;color:var(--hv-tinta-fija);font-family:var(--f-numeros);border-radius:999px;place-items:center;font-size:clamp(2.6rem,9vw,3.6rem);line-height:1;display:grid}.hv-celebracion__antes{font-family:var(--f-mano);color:var(--marca-naranja-claro);margin:0;font-size:1.5rem}.hv-celebracion__titulo{color:var(--acento);margin:0;font-size:clamp(2.8rem,11vw,5.5rem)}.hv-celebracion__premios{text-align:left;gap:.6rem;width:min(100%,30rem);margin:.5rem 0 0;padding:0;list-style:none;display:grid}.hv-celebracion__premios li{border-radius:var(--hv-radio-control);border:1.5px solid #ffffff59;padding:.8rem 1rem}.hv-celebracion__premios strong{font-size:1rem;display:block}.hv-celebracion__premios span{color:#ffffffb8;font-size:.88rem}.hv-curso{color:inherit;transition:transform var(--hv-medio) var(--hv-muelle), box-shadow var(--hv-medio) var(--hv-salida);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}a.hv-curso:hover{box-shadow:8px 8px 0 var(--hv-sombra-color);transform:translate(-2px,-2px)}a.hv-curso:focus-visible{outline:3px solid var(--enfoque);outline-offset:3px}.hv-curso__portada{aspect-ratio:16/9;background:var(--hv-tinta-fija);color:var(--hv-papel-fijo);align-content:end;gap:.3rem;padding:.9rem 1rem;display:grid;position:relative}@media (max-width:40rem){.hv-curso__portada{aspect-ratio:5/2}}.hv-curso__numero{font-family:var(--f-numeros);color:#0000;-webkit-text-stroke:1.5px #ffffff59;font-size:3.4rem;line-height:1;position:absolute;top:.5rem;right:.85rem}.hv-curso__nombre{color:var(--acento);font-size:clamp(1.55rem,3vw,1.9rem)}.hv-curso__estado{justify-self:start;margin-bottom:.2rem}.hv-curso--cerrado .hv-curso__portada{background:repeating-linear-gradient(-45deg, #ffffff0f 0 10px, transparent 10px 20px), var(--hv-tinta-fija)}.hv-curso--cerrado .hv-curso__nombre{color:#ffffffb8}.hv-curso__cuerpo{align-content:start;gap:.55rem;padding:.95rem 1rem 1.05rem;display:grid}.hv-curso__titulo{font:800 1.05rem/1.25 var(--f-interfaz);margin:0}.hv-curso__texto{color:var(--tinta-suave);margin:0;font-size:.9rem;line-height:1.45}.hv-visor{aspect-ratio:16/9;border:2px solid var(--hv-filete);border-radius:var(--hv-radio);width:100%;box-shadow:var(--hv-sombra);background:var(--hv-tinta-fija);color:var(--hv-papel-fijo);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.hv-visor__esquinas{pointer-events:none;position:absolute;inset:4cqi}.hv-visor__esquinas i{border:2px solid #f5f3efd9;width:4.6cqi;height:4.6cqi;position:absolute}.hv-visor__esquinas i:first-child{border-bottom:0;border-right:0;top:0;left:0}.hv-visor__esquinas i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.hv-visor__esquinas i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.hv-visor__esquinas i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.hv-visor__rec{font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:.45rem;margin:0;font-size:clamp(11px,1.9cqi,14px);font-weight:800;line-height:1;display:flex;position:absolute;top:6.4cqi;left:6.6cqi}.hv-visor__punto{background:var(--acento);border-radius:999px;width:.75em;height:.75em}.hv-visor__rotulo{color:#ffffffa8;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(10px,1.55cqi,12.5px);font-weight:700;line-height:1;position:absolute;top:6.4cqi;right:6.6cqi}.hv-visor__nota{color:#ffffffbd;font-family:var(--f-mano);text-align:center;margin:-6cqi 0 0;font-size:clamp(1.1rem,3.2cqi,1.6rem)}.hv-visor__subtitulo{inset-inline:8cqi;color:#fff;letter-spacing:-.01em;text-align:center;text-transform:uppercase;text-wrap:balance;text-shadow:.05em 0 var(--hv-tinta-fija), -.05em 0 var(--hv-tinta-fija), 0 .05em var(--hv-tinta-fija), 0 -.05em var(--hv-tinta-fija), .035em .035em var(--hv-tinta-fija), -.035em -.035em var(--hv-tinta-fija), .035em -.035em var(--hv-tinta-fija), -.035em .035em var(--hv-tinta-fija), 0 .09em 0 var(--hv-tinta-fija);margin:0;font-size:clamp(15px,3.5cqi,33px);font-weight:900;line-height:1.12;position:absolute;bottom:8cqi}.hv-visor__dicha{background:var(--acento);color:var(--hv-tinta-fija);text-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.14em;padding:0 .14em}.hv-visor__play{aspect-ratio:1;background:var(--hv-papel-fijo);width:clamp(54px,12cqi,100px);color:var(--hv-tinta-fija);border-radius:999px;place-items:center;margin-top:-7cqi;display:grid;box-shadow:0 10px 30px #00000059}.hv-visor__play svg{fill:currentColor;width:44%;margin-left:8%}.hv-visor--con-play .hv-visor__nota{top:55%;margin:0;font-size:clamp(1rem,2.5cqi,1.45rem);position:absolute;inset-inline:0}.hv-visor--con-capitulos .hv-visor__subtitulo{bottom:9.6cqi}.hv-visor__capitulos{inset-inline:4cqi;gap:6px;display:flex;position:absolute;bottom:3.3cqi}.hv-visor__capitulos i{background:#ffffff47;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.hv-visor__capitulos i:first-child:after{content:"";background:var(--acento);transform-origin:0;position:absolute;inset:0;transform:scaleX(.45)}@container (max-width:34rem){.hv-visor__rotulo,.hv-visor__nota{display:none}}@keyframes hv-latir{50%{opacity:.25}}.ef-movimiento .hv-etiqueta--viva .hv-etiqueta__punto,.ef-movimiento .hv-etiqueta--sobre-tinta .hv-etiqueta__punto,.ef-movimiento .hv-visor__punto{animation:1.2s step-end infinite hv-latir}@keyframes hv-capitulo{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ef-movimiento .hv-visor__capitulos i:first-child:after{animation:6s linear .4s both hv-capitulo}}@layer utilities;
