.pantalla-cana{background-color:var(--tinta);padding:clamp(.35rem,.9vw,.7rem)}.pantalla-cana-lienzo{aspect-ratio:16/9;border-radius:calc(var(--pieza) * 300 / 730);background-color:#000;overflow:clip}.pantalla-cana-lienzo iframe{border:0;width:100%;height:100%;display:block}
.hero-parallax-pista,.hero-abajo{--agua-alto:#1d99e3;--agua-hondo:#1366e0;--arena-fondo:#f2ef97;--escena:66.667vw}.hero-parallax-pista{--colchon:17vw;--fuga:calc(100svh + var(--colchon));--recorrido:calc(77svh + 13vw);height:100svh;position:relative}@media (max-aspect-ratio:1){.hero-parallax-pista,.hero-abajo{--escena:169vw}.hero-parallax-pista{--colchon:40vw}}.hero-parallax-escenario{clip-path:inset(0 0 -200vh);isolation:isolate;background-image:linear-gradient(to bottom, var(--agua-alto) 0%, #1b91e2 12%, #1a89e1 25%, #1883e2 38%, #177ce2 50%, #1676e2 62%, #156fe1 75%, #1469e1 88%, var(--agua-hondo) 100%);height:100lvh;position:relative}.hero-parallax-escenario:before{content:"";z-index:-1;background:var(--agua-alta);opacity:0;pointer-events:none;position:absolute;inset:0}.hero-parallax-escena{left:0;right:0;bottom:calc(-1 * var(--colchon));height:var(--escena);position:absolute}.hero-parallax-capa{position:absolute;inset:0}.hero-parallax-panza{left:0;right:0;top:calc(100% - var(--escena) * 700 / 2048);height:var(--escena);position:absolute}.hero-parallax-firma{--pie-arrecife:.704;top:calc(100% - var(--escena) * 700 / 2048 + var(--escena) * var(--pie-arrecife));background:var(--crema);border:var(--trazo) solid var(--tinta);border-radius:var(--r);width:max-content;max-width:calc(100% - 2rem);box-shadow:var(--dura);text-align:center;margin:clamp(1.2rem,4vw,3rem) auto 0;padding:clamp(.85rem,2.4vw,1.15rem) clamp(1.5rem,5vw,2.4rem);line-height:1.6;position:absolute;left:0;right:0;rotate:-1.8deg}.hero-parallax-firma .firma-rotulo,.hero-parallax-firma .firma-nombres,.hero-parallax-firma .firma-fuentes{display:block}.hero-parallax-firma .firma-fuentes{max-width:34ch;font-size:var(--t-chico);color:var(--tinta-2);text-wrap:balance;border-top:2px solid #070f2a29;border-top:2px solid lab(4.82214% 3.80925 -18.5947/.16);margin:.75rem auto 0;padding-top:.7rem;line-height:1.45}.hero-parallax-firma .firma-fuentes a{color:var(--marino);text-underline-offset:.18em;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .12s}.hero-parallax-firma .firma-fuentes a:hover{color:var(--marca-rosa)}@media (max-aspect-ratio:1){.hero-parallax-firma{margin-top:10vw}}.hero-parallax-panza-sigue{height:calc(var(--recorrido) + 100svh);background-color:var(--arena-fondo);background-image:url(/parallax/arena-mota.webp);background-size:calc(var(--escena) * 768 / 2048);margin-top:-1px;position:absolute;top:100%;left:0;right:0}.hero-parallax-capa img,.hero-parallax-panza img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}@media (max-aspect-ratio:1){.hero-parallax-capa img,.hero-parallax-panza img{object-position:66% 100%}}.hero-parallax-capa[data-capa=arrecife] img:first-child{--asiento:1.5vw;translate:0 var(--asiento)}.hero-parallax-flores{position:absolute;inset:0}.hero-parallax-flor{--desenfoque:0px;left:var(--x);top:var(--y);width:calc(var(--tam) * 2);height:auto;filter:blur(calc(var(--desenfoque) * 2));display:block;position:absolute;translate:-25% -25%;scale:.5}@keyframes hero-flor-gira{to{rotate:360deg}}@media (prefers-reduced-motion:no-preference){.hero-parallax-flor{animation:hero-flor-gira var(--giro) linear infinite}.hero-parallax-flor[data-reves]{animation-direction:reverse}}.hero-parallax-burbujas{pointer-events:none;--base:max(min(2.6vw, 4.6svh), 2.2svh);position:absolute;inset:0;overflow:hidden}.hero-parallax-burbuja{left:var(--x);font-size:calc(var(--base) * var(--tam));opacity:0;background:radial-gradient(circle at 34% 30%,#ffffff8c 0 14%,#ffffff38 48%,#ffffff1c 100%);border:.06em solid #0d133099;border-radius:50%;width:1em;height:1em;position:absolute;bottom:0;box-shadow:inset 0 0 0 .055em #ffffffb8}.hero-parallax-burbuja:after{content:"";background:#fffc;border-radius:50%;width:.24em;height:.19em;position:absolute;top:.16em;left:.2em;rotate:-25deg}@keyframes hero-burbuja{0%{opacity:0;translate:0}4%{opacity:1}14%{translate:calc(var(--deriva) * .75) -15.12svh}28%{translate:calc(var(--deriva) * 1) -30.24svh}45%{translate:calc(var(--deriva) * .45) -48.6svh}62%{translate:calc(var(--deriva) * -.35) -66.96svh}80%{translate:calc(var(--deriva) * -.55) -86.4svh}to{translate:calc(var(--deriva) * -.2) -108svh}}@media (prefers-reduced-motion:no-preference){.hero-parallax-burbuja{animation:hero-burbuja var(--dura) linear var(--demora) 1 both}}.hero-parallax-marca{--marca-alto:.76;left:0;right:0;bottom:calc(var(--marca-alto) * 100%);font-family:var(--fuente-cartel), "Arial Black", sans-serif;text-align:center;white-space:nowrap;color:var(--marca-rosa);-webkit-text-stroke:.055em var(--marca-uva);paint-order:stroke fill;text-shadow:.035em .045em 0 var(--marca-uva);font-size:min(9.5vw,13svh);font-weight:400;line-height:1;position:absolute;rotate:-1.8deg}@media (max-aspect-ratio:1){.hero-parallax-marca{--marca-alto:.85;white-space:normal;font-size:min(18vw,21svh);line-height:.86}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-parallax-pista{height:calc(100svh + var(--recorrido));view-timeline:--pista block}.hero-parallax-escenario{position:sticky;top:0}.hero-parallax-escenario:before{--lavado:.4;animation:linear both hero-lava;animation-timeline:--pista;animation-range:contain contain 55%}.hero-parallax-capa,.hero-parallax-panza,.hero-parallax-firma,.hero-parallax-flores,.hero-parallax-marca{--salir:max(0px, var(--fuga) - (1 - var(--hasta)) * var(--escena));--viaje:calc(var(--salir) / var(--cuando));--hasta:1;animation:linear both hero-sube;animation-timeline:--pista;animation-range:contain}.hero-parallax-flores[data-plano=lejos]{--salir:46svh;--cuando:1.8}.hero-parallax-flores[data-plano=medio]{--salir:44svh;--cuando:1.25}.hero-parallax-flores[data-plano=cerca]{--salir:42svh;--cuando:.8}.hero-parallax-capa[data-capa=fondo-marino]{--viaje:var(--recorrido)}.hero-parallax-capa[data-capa=arrecife],.hero-parallax-panza,.hero-parallax-firma{--viaje:calc(var(--recorrido) + .2 * var(--escena))}.hero-parallax-capa[data-capa=salvavidas]{--viaje:calc(var(--recorrido) + .4 * var(--escena))}.hero-parallax-marca{--salir:calc(var(--fuga) - var(--marca-alto) * var(--escena) + 1.571vw);--cuando:1.8}}}@keyframes hero-lava{0%{opacity:var(--lavado)}to{opacity:0}}@keyframes hero-sube{0%{translate:0}to{translate:0 calc(-1 * var(--viaje))}}.hero-abajo{--aula-escala:clamp(13rem, min(21vw, 30svh), 21rem);--maestra-ancho:var(--aula-escala);--maestra-alto:calc(var(--maestra-ancho) / .709);--maestra-cuelga:.35;--alumnos-ancho:calc(var(--aula-escala) * 2.8);--alumnos-alto:calc(var(--alumnos-ancho) / 1.535);--alumnos-solape:calc(var(--aula-escala) * 1.1);--alumnos-pisa:calc(var(--aula-escala) * 1.05);--pantalla-corrida:0px;--aula-aire:calc(var(--aula-escala) * .06);--maestra-pisa:calc(var(--aula-escala) * .19);--zocalo-sube:calc(var(--aula-escala) * .38);--piso-alto:max(calc(var(--aula-escala) * .85), calc(var(--alumnos-pisa) + var(--alumnos-ancho) * .12));--paneo-antes:calc(var(--aula-escala) * .5);--zocalo-tabla:clamp(1.7rem, 3.4vw, 3.2rem);--aire-arriba:0rem;--cana-grueso:clamp(15px, 1.7vw, 24px);--riel-alto:calc(var(--cana-grueso) / .6);z-index:1;background-color:var(--arena-fondo);background-image:url(/parallax/arena-mota.webp);background-size:calc(var(--escena) * 768 / 2048);padding:var(--aire-arriba) clamp(1rem, 5vw, 4.5rem) 0;margin-top:calc(-1 * var(--paneo-antes));position:relative}.hero-aula{z-index:1;margin-top:0;margin-bottom:clamp(2rem,5vw,4rem);position:relative}.hero-abajo .hero-pizarron{padding:clamp(1.4rem,4vw,3.6rem)}.hero-abajo .hero-pizarron h2{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem)}.pizarron-opciones{grid-template-rows:auto auto auto;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(1.8rem,4vw,2.6rem) clamp(1rem,3vw,2.6rem);margin-top:clamp(.8rem,2.4vw,2.2rem);display:grid}.pizarron-opcion{cursor:url(/pizarron/tiza-cursor-64.png) 3 60,pointer;cursor:image-set(url(/pizarron/tiza-cursor-64.png) 1x, url(/pizarron/tiza-cursor-128.png) 2x) 3 60, pointer;grid-row:span 3;grid-template-rows:subgrid;text-align:center;color:inherit;border-radius:var(--r-chico,10px);justify-items:center;row-gap:.35rem;text-decoration:none;transition:transform .12s cubic-bezier(.22,1,.36,1),opacity .12s;display:grid}.pizarron-opcion:hover{transform:translateY(-3px)}.pizarron-opcion:active{transform:translateY(1px)}.pizarron-opcion:focus-visible{outline:2px solid var(--tiza);outline-offset:4px}.pizarron-tiza{opacity:.86;align-self:end;width:100%;max-width:17rem;height:auto;margin-bottom:clamp(.5rem,1.5vw,1.2rem);transition:opacity .12s}.pizarron-opcion:hover .pizarron-tiza{opacity:1}.pizarron-opcion strong{font-family:var(--fuente-pintada), sans-serif;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.15rem,3.2vw,1.4rem);font-weight:700;line-height:1.1}.pizarron-ir{font-family:var(--fuente-dato), monospace;font-weight:500;font-size:var(--t-dato);letter-spacing:.12em;text-transform:uppercase}.hero-pantalla{margin-top:clamp(1.2rem,3vw,2.6rem)}.hero-alumnos{left:calc(50% + var(--pantalla-corrida) + min(28rem, 50%) - var(--alumnos-solape));bottom:calc(-1 * (var(--maestra-alto) * var(--maestra-cuelga) + var(--alumnos-pisa)));z-index:2;width:var(--alumnos-ancho);pointer-events:none;height:auto;display:none;position:absolute;scale:-1 1}.hero-maestra{right:clamp(2rem,6vw,9rem);bottom:calc(-1 * (var(--maestra-alto) * var(--maestra-cuelga) + var(--maestra-pisa)));z-index:2;width:var(--maestra-ancho);pointer-events:none;height:auto;position:absolute}@media (min-width:60rem){.hero-pizarron .pizarron-opciones{padding-right:clamp(4rem,9vw,9rem)}.hero-aula{margin-bottom:0}}@media (max-width:59.99rem){.hero-abajo{overflow-x:clip}.hero-aula{flex-direction:column;display:flex}.hero-pizarron{order:1}.hero-maestra{order:2}.hero-pantalla{--pantalla-baja:clamp(14rem, 56vw, 22rem);margin-top:calc(clamp(1.2rem, 3vw, 2.6rem) + var(--pantalla-baja));margin-bottom:calc(-1 * var(--pantalla-baja));order:3}.hero-alumnos{order:4}.hero-maestra,.hero-alumnos{z-index:auto;height:auto;margin-inline:auto;display:block;position:static}.hero-alumnos{margin-inline:calc((100% - var(--alumnos-mobil)) / 2)}.hero-maestra{width:min(13rem,44vw);margin-block:clamp(1.6rem,5vw,2.4rem) clamp(.4rem,1.5vw,.8rem)}.hero-alumnos{--alumnos-mobil:min(46rem, 134vw);--alumnos-aire:clamp(3.5rem, 11vw, 5.5rem);--alumnos-baja:clamp(11rem, 36vw, 17rem);width:var(--alumnos-mobil);margin-block:calc(var(--alumnos-aire) + var(--alumnos-baja)) calc(var(--alumnos-mobil) / 1.535 * -.34 - var(--alumnos-baja))}}.pizarron-lienzo{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-pizarron{-webkit-user-select:none;user-select:none}.hero-pizarron>:not(.pizarron-lienzo){z-index:1;position:relative}.aula-suelo{margin-inline:calc(-1*clamp(1rem,5vw,4.5rem));margin-top:calc(var(--aula-aire) - var(--zocalo-sube));z-index:0;position:relative}.aula-zocalo{height:calc(var(--maestra-alto) * var(--maestra-cuelga) - var(--aula-aire) + var(--zocalo-sube));background:url(/aula/zocalo.webp) repeat-x;background-size:calc(var(--zocalo-tabla) * 4) 100%;background-position:0 100%;position:relative}.aula-zocalo:before{content:"";height:var(--riel-alto);background:url(/marco/cana-tramo.webp) 0 0/auto 100% repeat-x;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.aula-piso{height:var(--piso-alto);background:url(/aula/piso.webp) 0 0/auto 100% repeat-x}@media (max-width:59.99rem){.aula-zocalo{height:calc(clamp(3.5rem, 12vw, 7rem) + var(--zocalo-sube))}}.pasillo{position:relative}@supports (animation-timeline:view()){@media (min-width:64rem) and (prefers-reduced-motion:no-preference){.pasillo{--paneo:calc(100vw + 8rem);--pasillo-recorrido:calc(var(--paneo) / 1.25);height:calc(100svh + var(--pasillo-recorrido));view-timeline:--pasillo block;overflow:visible clip}.pasillo-camara{padding-top:var(--paneo-antes);--viaje-x:0px;--viaje-y:var(--pasillo-recorrido);flex-direction:column;justify-content:flex-end;min-height:100svh;margin-inline:calc(-1*clamp(1rem,5vw,4.5rem));padding-inline:clamp(1rem,5vw,4.5rem);display:flex;position:relative;overflow-x:clip}.pasillo-camara:before{content:"";inset:0;right:calc(-1 * var(--paneo));z-index:-1;background-color:var(--arena-fondo);background-image:url(/parallax/arena-mota.webp);background-size:calc(var(--escena) * 768 / 2048);background-position:0 calc(-1 * var(--aire-arriba));position:absolute}.pasillo-camara .hero-aula{--pantalla-corrida:calc(var(--paneo) - 4vw)}.pasillo-camara .hero-alumnos{display:block}.pasillo-camara .hero-pantalla{left:var(--pantalla-corrida);right:calc(-1 * var(--pantalla-corrida));margin-top:0;position:absolute;top:50%;translate:0 -50%}.pasillo-camara:before,.pasillo-camara .hero-aula,.pasillo-camara .aula-zocalo,.pasillo-camara .aula-piso{--viaje-x:var(--paneo);--viaje-y:0px}.pasillo-camara .aula-zocalo,.pasillo-camara .aula-piso{width:calc(100% + var(--viaje-x))}.pasillo-camara,.pasillo-camara:before,.pasillo-camara .hero-aula,.pasillo-camara .aula-zocalo,.pasillo-camara .aula-piso{animation:linear both pasillo-camina;animation-timeline:--pasillo;animation-range:contain}}}@keyframes pasillo-camina{to{transform:translate(calc(-1 * var(--viaje-x)), var(--viaje-y))}}@media (max-width:380px){.hero-abajo{padding-top:280px}}@media (min-width:381px) and (max-width:560px){.hero-abajo{padding-top:150px}}@media (min-width:561px) and (max-width:1000px){.hero-abajo{padding-top:380px}}