@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-BupoeBnc.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-BIldxhQs.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-CGDVIs8t.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-C5gyHyFo.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-BQmuGLSm.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-DGg9yqR-.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-DjKsw8Wu.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-Cbl_xPe8.woff) format("woff")}:root{--borde-arriba: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--borde-abajo: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));color-scheme:dark;--rosa: #c2255c;--rosa-2: #d6336c;--rosa-claro: #3a1830;--rosa-luz: #ff9cc0;--azul: #1d5fd1;--azul-2: #2563eb;--azul-claro: #15305e;--azul-luz: #9cc2ff;--verde: #087f5b;--verde-2: #0c7c8c;--verde-claro: #0f3a30;--verde-luz: #6fe3b8;--morado: #6b3fd6;--morado-2: #7c4dff;--morado-claro: #2a2160;--morado-luz: #c3adff;--naranja: #b54708;--naranja-2: #c2410c;--naranja-claro: #3a2414;--naranja-luz: #ffb877;--marino: #172344;--dorado: #f2c14e;--oro-1: #ffd22e;--oro-2: #ff9700;--sol: #ffc21a;--sol-claro: #3a3214;--aviso: #ff8a1f;--aviso-claro: #3b2a1a;--aviso-tinta: #ffc48a;--tinta: #f2f6fc;--gris: #a9bbd6;--gris-claro: #223a63;--papel: #10233d;--fondo: #0b1b2f;--fondo-2: #10233d;--tarjeta: #172b4a;--tarjeta-2: #1e3660;--borde: #2a4170;--lienzo: #10233d;--lienzo-texto: #f2f6fc;--lienzo-suave: #a9bbd6;--lienzo-borde: #2a4170;--lienzo-tarjeta: #1e3660;--sombra: 0 5px 0 rgb(0 0 0 / 22%), 0 10px 22px rgb(0 0 0 / 22%);--sombra-chica: 0 4px 0 rgb(0 0 0 / 24%);--acento: var(--azul);--acento-2: var(--azul-2);--acento-claro: var(--azul-claro);--acento-luz: var(--azul-luz);font-family:Nunito,Trebuchet MS,system-ui,sans-serif;font-weight:600;color:var(--tinta);background:var(--fondo)}.sub-preparatoria{--acento: var(--rosa);--acento-2: var(--rosa-2);--acento-claro: var(--rosa-claro);--acento-luz: var(--rosa-luz)}.sub-elemental{--acento: var(--azul);--acento-2: var(--azul-2);--acento-claro: var(--azul-claro);--acento-luz: var(--azul-luz)}.sub-media{--acento: var(--verde);--acento-2: var(--verde-2);--acento-claro: var(--verde-claro);--acento-luz: var(--verde-luz)}.sub-superior{--acento: var(--morado);--acento-2: var(--morado-2);--acento-claro: var(--morado-claro);--acento-luz: var(--morado-luz)}.sub-bgu{--acento: var(--naranja);--acento-2: var(--naranja-2);--acento-claro: var(--naranja-claro);--acento-luz: var(--naranja-luz)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden;overflow-x:clip;background:var(--fondo)}body{font-size:18px;line-height:1.35;background-color:var(--fondo);background-image:radial-gradient(circle at 10% -5%,rgb(47 123 255 / 22%) 0,transparent 42%),radial-gradient(circle at 105% 18%,rgb(255 151 0 / 14%) 0,transparent 34%);background-attachment:fixed}h1,h2,h3,b,strong{font-weight:800}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--sol);outline-offset:2px}.boton,.tecla,.tarjeta,.tema,.chico,.redondo,.pestanas button,.banda-aula,.tarjeta-curso:not(.fija){transition:transform .12s ease,box-shadow .12s ease}.boton:active:not(:disabled),.tecla:active,.tarjeta:active,.tema:active,.chico:active,.redondo:active,.banda-aula:active,.tarjeta-curso:not(.fija):active{transform:translateY(3px) scale(.98);box-shadow:none}.pantalla{max-width:560px;margin:0 auto;padding:calc(8px + var(--borde-arriba)) 16px calc(32px + var(--borde-abajo));min-height:100vh;min-height:100dvh}.cabecera{display:flex;align-items:center;padding:6px 0 10px}.cabecera>*+*{margin-left:10px}.cabecera h1{flex:1;font-size:1.4rem;font-weight:900;margin:0;line-height:1.15;min-width:0;letter-spacing:-.01em}.pantalla[class*=sub-] .cabecera h1{color:var(--acento-luz)}.titulo-firma{flex:1;min-width:0}.firma{margin:1px 0 0;font-size:.8rem;font-weight:700;color:var(--gris);line-height:1.2}.logo{display:flex}.redondo{width:48px;height:48px;flex:none;border-radius:50%;border:2px solid var(--borde);background:var(--tarjeta-2);color:var(--tinta);box-shadow:var(--sombra-chica);font-size:1.15rem;display:grid;place-items:center}.redondo.encendido{background:var(--sol);border-color:var(--sol);color:var(--marino)}.lema{margin:0 0 14px;color:var(--gris)}.subtitulo-tabla{margin:-6px 0 6px;font-weight:800;color:var(--sol);letter-spacing:.01em}.subniveles{display:grid;gap:14px}.tarjeta{display:block;width:100%;position:relative;overflow:hidden;min-height:104px;padding:16px 18px;border:0;border-radius:24px;text-align:left;color:#fff;background-color:var(--acento);background-image:linear-gradient(120deg,var(--acento) 0%,var(--acento-2) 100%);box-shadow:var(--sombra)}.tarjeta:after{content:"";position:absolute;right:-30px;bottom:-46px;width:150px;height:150px;border-radius:50%;background:#ffffff1f;pointer-events:none}.rejilla{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 12px;width:100%;position:relative;z-index:1}.tarjeta .medallon{grid-column:1;grid-row:1 / span 2;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#fff;color:var(--acento)}.tarjeta .nombre{grid-column:2;font-size:1.5rem;font-weight:900;line-height:1.1}.tarjeta .grados{grid-column:2;font-size:.98rem;font-weight:700}.tarjeta .cuantos,.tarjeta .pronto{grid-column:3;grid-row:1 / span 2;font-size:.9rem;font-weight:800;background:#fff;color:var(--acento);border-radius:99px;padding:6px 12px;white-space:nowrap}.tarjeta.apagada{background-color:transparent;background-image:none;color:var(--gris);box-shadow:none;border:2px dashed var(--borde)}.tarjeta.apagada:after{display:none}.tarjeta.apagada .medallon,.tarjeta.apagada .pronto{background:var(--tarjeta-2)}.tarjeta.apagada .medallon{color:var(--gris)}.tarjeta.apagada .pronto{color:var(--gris);grid-column:2;grid-row:3;justify-self:start;margin-top:6px;font-size:.8rem;padding:3px 10px}.tarjeta.apagada .medallon{grid-row:1 / span 3}.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tema-caja{display:flex;flex-direction:column;align-items:flex-start;width:100%}.tema-caja>*+*{margin-top:8px}.tema{display:block;min-height:150px;padding:14px;position:relative;border:1px solid var(--borde);border-radius:22px;background:var(--tarjeta);color:var(--tinta);box-shadow:var(--sombra);text-align:left;line-height:1.2}.tema-titulo{font-weight:800;font-size:1.02rem}.simbolo{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background-color:var(--acento);background-image:linear-gradient(135deg,var(--acento),var(--acento-2));color:#fff}.titulo-categoria{display:flex;align-items:center;font-size:1.05rem;font-weight:800;margin:18px 0 8px}.chip-e{display:inline-block;background:var(--acento);color:#fff;border-radius:10px;padding:2px 8px;margin-right:8px;font-size:.9rem}.progreso{display:block;width:100%;margin:0 0 10px}.progreso-barra{display:block;height:10px;border-radius:99px;background:var(--gris-claro);overflow:hidden}.progreso-lleno{display:block;height:100%;width:100%;border-radius:99px;transform-origin:left center;background-color:var(--acento);background-image:linear-gradient(90deg,var(--acento),var(--acento-2));transition:transform .6s ease}.progreso-texto{display:block;font-size:.8rem;font-weight:700;color:var(--gris);margin-top:3px}.progreso.chica{margin:0}.progreso.chica .progreso-barra{height:7px}.pestanas{display:flex;flex-wrap:wrap;background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:3px;box-shadow:var(--sombra-chica);margin-bottom:10px}.pestanas button{flex:1 1 auto;margin:2px;min-height:46px;border:0;background:transparent;color:var(--gris);border-radius:14px;font-weight:800;padding:4px 6px;font-size:.98rem;line-height:1.1;transition:background-color .2s ease,color .2s ease}.pestanas button.activa{background:var(--acento);color:#fff}.pestanas.chicas{box-shadow:none;background:var(--fondo-2)}.enunciado{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}.enunciado .que{font-size:1.35rem;font-weight:900;word-break:break-word;min-width:0}.acciones{display:flex}.acciones>*+*{margin-left:6px}.chico{min-height:44px;padding:0 14px;border-radius:14px;border:2px solid var(--borde);background:var(--tarjeta-2);color:var(--tinta);box-shadow:var(--sombra-chica);font-weight:800;font-size:.95rem}.chico.sol{background:var(--sol);border-color:var(--sol);color:var(--marino)}.historia{margin:0 0 10px;padding:12px 14px;border-radius:18px;background:var(--tarjeta);box-shadow:var(--sombra-chica);border-left:6px solid var(--acento-luz);font-weight:700;line-height:1.4}.pizarra{background-color:var(--papel);background-image:linear-gradient(rgb(124 147 184 / 14%) 1px,transparent 1px),linear-gradient(90deg,rgb(124 147 184 / 14%) 1px,transparent 1px);background-size:24px 24px;border-radius:20px;border:1px solid var(--borde);box-shadow:var(--sombra);padding:8px 0;overflow-x:auto;overflow-y:hidden;display:block;text-align:center;overscroll-behavior-x:contain}.pizarra svg{display:inline-block;vertical-align:top;max-width:none}.trazo{stroke:var(--tinta);stroke-width:2.5;stroke-linecap:round}.letra{fill:var(--tinta);font-family:Nunito,Trebuchet MS,sans-serif;font-weight:800;-webkit-user-select:none;user-select:none}.rol-operador .letra{fill:var(--gris)}.rol-relleno .letra{fill:#8fa3c6}.rol-llevada .letra{fill:var(--sol)}.rol-nuevo .letra{fill:var(--rosa-luz)}.rol-resultado .letra{fill:var(--verde-luz)}.rol-parcial .letra{fill:var(--azul-luz)}.rol-cociente .letra{fill:var(--morado-luz)}.rol-producto .letra{fill:var(--azul-luz)}.rol-resta .letra{fill:var(--verde-luz)}.rol-bajada .letra{fill:var(--rosa-luz)}.rol-primo .letra{fill:var(--morado-luz)}.rol-encabezado .letra{fill:var(--gris)}.rol-texto .letra{font-weight:700}.fondo-resalta{fill:var(--sol-claro);stroke:var(--sol);stroke-width:2}.fondo-marca{fill:#6b5410}.fondo-rojo{fill:var(--aviso-claro);stroke:var(--aviso);stroke-width:2.5}.tachado{stroke:var(--aviso);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:tachar .35s ease-out both}.casilla{fill:var(--tarjeta-2);stroke:var(--acento-luz);stroke-width:2}.casilla.activa{fill:var(--sol-claro);stroke:var(--sol);stroke-width:3.5;animation:latido 1.3s ease-in-out infinite}.casilla.mal{fill:var(--aviso-claro);stroke:var(--aviso);animation:temblor .3s linear}.casilla.ranura{fill:transparent;stroke:#7f9cc7;stroke-dasharray:5 4;cursor:pointer}.escrito{fill:var(--tinta);pointer-events:none}.escrito-mal{fill:var(--aviso-tinta)}.tono-0{--tono: #9cc2ff}.tono-1{--tono: #ff9cc0}.tono-2{--tono: #6fe3b8}.tono-3{--tono: #ffb877}.celda[class*=tono-] .letra{fill:var(--tono)}.nueva{animation:aparece .32s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:center}.vuela{animation:vuelo .55s ease-in-out both}@keyframes aparece{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes vuelo{0%{transform:translate(var(--dx),var(--dy));opacity:.4}to{transform:none;opacity:1}}@keyframes tachar{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes latido{50%{opacity:.55}}@keyframes temblor{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.pizarra-y-recta>*+*{margin-top:10px}.recta-caja{background:var(--papel);border:1px solid var(--borde);border-radius:20px;box-shadow:var(--sombra);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;text-align:center}.recta-caja svg{display:inline-block;vertical-align:top;max-width:none}.recta-linea{stroke:var(--tinta);stroke-width:3;stroke-linecap:round}.marca line{stroke:var(--tinta);stroke-width:2}.marca text{fill:var(--tinta);font-family:Nunito,sans-serif;font-weight:800;font-size:14px}.marca.cero line{stroke-width:3.5}.marca.cero text{font-size:16px;font-weight:900}.flecha{color:var(--tono)}.trazo-flecha{stroke:var(--tono);stroke-width:5;stroke-linecap:round;transform-box:view-box}.trazo-flecha.dibuja{animation:estirar .6s ease-out both}.flecha .inicio{fill:var(--tono)}.flecha .guia{stroke:var(--tono);stroke-width:1.5;stroke-dasharray:3 4;opacity:.7}.punta{fill:var(--tono)}.blanco{fill:transparent;cursor:pointer}.recta-caja.tocable .blanco:active{fill:#ffc83d59}.toque-mal{fill:var(--aviso-claro);stroke:var(--aviso);stroke-width:3}.toca-recta{margin:0;padding:12px;border-radius:16px;background:var(--tarjeta);text-align:center;font-weight:800;box-shadow:var(--sombra-chica)}@keyframes estirar{0%{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}.explica{position:relative;background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:12px 14px;margin-top:10px;box-shadow:var(--sombra)}.explica p{margin:2px 0;overflow-wrap:anywhere}.explica.exito{background:var(--verde-claro);border-color:var(--verde-luz)}.explica.error{background:var(--aviso-claro);border-left:6px solid var(--aviso)}.cuenta-pasos{font-size:.85rem;color:var(--gris);font-weight:800}.explica.error .cuenta-pasos{color:var(--aviso-tinta)}.cierre{font-weight:800;color:var(--verde-luz)}.cierre.grande{font-size:1.6rem;font-weight:900}.tipo-error{font-weight:800;color:var(--aviso-tinta)}.codigo-explicado{display:block;margin-top:4px;font-size:.88rem;font-weight:700;color:var(--aviso-tinta)}.celebracion{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;z-index:5}.pieza{position:absolute;left:0;top:0;width:10px;height:14px;border-radius:3px;opacity:0;animation:confeti 1.2s cubic-bezier(.2,.7,.3,1) both}.pieza.estrella{width:auto;height:auto;font-size:22px;line-height:1}@keyframes confeti{0%{opacity:0;transform:translate(0) rotate(0) scale(.4)}15%{opacity:1}70%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 60px)) rotate(var(--r)) scale(.9)}}.explica.perfecto .cierre.grande{animation:salta .5s cubic-bezier(.3,1.6,.5,1) both;transform-origin:left center}@keyframes salta{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.mandos>*+*{margin-left:8px}.mandos{display:flex;margin-top:10px;position:sticky;bottom:8px;z-index:2}.mandos.en-form{position:static}.boton{flex:1;min-height:56px;border:0;border-radius:18px;font-weight:900;padding:6px 8px;box-shadow:var(--sombra-chica);line-height:1.1;font-size:1.02rem}.boton.azul{background-color:var(--oro-2);background-image:linear-gradient(90deg,var(--oro-1),var(--oro-2));color:var(--marino)}.boton.sol{background:var(--sol);color:var(--marino)}.boton.suave{background:var(--tarjeta-2);color:var(--tinta);border:2px solid var(--borde)}.boton.ancho{width:100%}.enlace-boton{display:flex;align-items:center;justify-content:center;margin-top:10px;color:inherit;text-decoration:none}.panel-hacer{position:sticky;bottom:0;z-index:3;margin:10px -16px calc(-32px - var(--borde-abajo));padding:8px 16px calc(10px + var(--borde-abajo));background:var(--fondo);border-top:2px solid var(--borde)}.mensaje{min-height:54px;padding:8px 12px;border-radius:16px;background:var(--acento-claro);font-weight:700;font-size:.98rem;line-height:1.25;margin:0 0 8px}.mensaje.con-error{background:var(--aviso-claro);color:var(--aviso-tinta);border-left:6px solid var(--aviso)}.parecido-error{min-height:44px;text-align:left;padding:6px 0 0;color:var(--aviso-tinta)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teclado.opciones{grid-template-columns:repeat(2,1fr)}.tecla{min-height:52px;border:0;border-radius:16px;background:var(--tarjeta-2);color:var(--tinta);box-shadow:var(--sombra-chica);font-size:1.55rem;font-weight:900}.tecla.azul{background-image:linear-gradient(90deg,var(--oro-1),var(--oro-2));color:var(--marino)}.tecla.suave{background:var(--gris-claro)}.tecla.ancha{grid-column:1 / -1;font-size:1.05rem}.tecla.grande{min-height:72px}.enlace{display:block;width:100%;min-height:44px;border:0;background:transparent;color:var(--sol);font-weight:800;text-decoration:underline;font-size:.95rem}.datos,.respuesta{display:grid;gap:10px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:14px;box-shadow:var(--sombra);margin-bottom:10px}.campo{display:grid;gap:4px;font-weight:800}.campo small{font-weight:600;color:var(--gris)}.entrada{width:100%;min-height:56px;font:inherit;font-size:1.4rem;font-weight:800;padding:6px 12px;border-radius:14px;border:2px solid var(--borde);background:var(--fondo-2);color:var(--tinta)}.entrada:focus{outline:0;border-color:var(--sol)}.entrada::placeholder{color:#7f93b5}.con-ojo{position:relative}.con-ojo .entrada{padding-right:58px}.ojo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--tinta)}.ojo:focus-visible{outline:3px solid var(--sol)}.fila-lista{display:flex;align-items:center}.fila-lista>*+*{margin-left:8px}.interruptor{border:1px solid var(--borde);background:var(--tarjeta);border-radius:20px;padding:12px;margin:0 0 12px;box-shadow:var(--sombra-chica);display:grid;gap:8px}.interruptor legend{font-weight:800;padding:0;float:left;width:100%;margin-bottom:6px}.interruptor label>*+*{margin-left:10px}.interruptor label{display:flex;align-items:center;min-height:56px;padding:8px 12px;border:2px solid var(--borde);border-radius:14px;clear:both}.interruptor label.elegida{border-color:var(--sol);background:var(--sol-claro)}.interruptor input{width:24px;height:24px;flex:none;accent-color:var(--oro-2)}.interruptor small{display:block;color:var(--gris)}.practica{display:grid;gap:8px}.marcador{display:flex;justify-content:space-between;font-weight:800;color:var(--gris)}.marcador b{color:var(--tinta)}.pregunta{background:var(--papel);border:1px solid var(--borde);border-radius:20px;box-shadow:var(--sombra);text-align:center;font-size:2.4rem;font-weight:900;padding:18px 8px}.pregunta .hueco{color:var(--sol)}.pregunta.mal .hueco{color:var(--aviso-tinta)}.etiqueta-codigo{display:inline-block;background:var(--aviso);color:var(--marino);border-radius:999px;padding:1px 10px;font-size:.82rem;font-weight:800}.cabeza-error{margin-bottom:4px;font-size:.82rem}.cabeza-error .etiqueta-codigo{margin-left:4px}.banda-aula span{display:block}.banda-aula{display:block;width:100%;text-align:left;border:0;border-radius:20px;padding:12px 14px;margin:4px 0 12px;background:var(--tarjeta);color:var(--tinta);border:1px solid var(--borde);box-shadow:var(--sombra-chica);font:inherit}.banda-aula .accion{font-size:.88rem;font-weight:800;color:var(--sol)}.banda-entrar{margin-bottom:12px}.codigo-curso{text-transform:uppercase;letter-spacing:.12em;font-weight:800}.pregunta-grande{font-size:1.3rem;text-align:center;line-height:1.35;margin:16px 0}.insignias{list-style:none;margin:8px 0;padding:0;display:grid;gap:10px}.insignias.vitrina{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.insignia{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:12px 10px;box-shadow:var(--sombra-chica)}.insignia .medalla{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;background:var(--fondo-2);color:#7f93b5;border:4px dashed var(--borde)}.medalla-codigo{position:absolute;right:-6px;bottom:-4px;background:var(--tarjeta-2);border-radius:99px;padding:0 6px;font-size:.75rem;font-weight:900;color:var(--gris);box-shadow:var(--sombra-chica)}.insignia.ganada .medalla{color:#fff;border:4px solid var(--sol);background-color:var(--morado);background-image:linear-gradient(135deg,var(--morado),var(--azul))}.insignia.ganada .medalla.codigo-E1,.insignia.ganada .medalla.codigo-E4,.insignia.ganada .medalla.codigo-E7{background-color:var(--azul);background-image:linear-gradient(135deg,var(--azul),var(--morado))}.insignia.ganada .medalla.codigo-E2,.insignia.ganada .medalla.codigo-E5,.insignia.ganada .medalla.codigo-E8{background-color:var(--rosa);background-image:linear-gradient(135deg,var(--rosa),var(--naranja))}.insignia.ganada .medalla.codigo-E3,.insignia.ganada .medalla.codigo-E6,.insignia.ganada .medalla.codigo-E9{background-color:var(--verde);background-image:linear-gradient(135deg,var(--verde),var(--verde-2))}.insignia.ganada .medalla-codigo{color:var(--sol)}.insignia .texto{display:flex;flex-direction:column;min-width:0;width:100%}.insignia .texto>*+*{margin-top:2px}.insignia b{font-size:.95rem;line-height:1.2}.insignia small{font-size:.78rem;color:var(--gris)}.insignia .fecha-insignia{color:var(--verde-luz);font-weight:800}.insignia .progreso{margin-top:4px}.insignia.recien{animation:gana .9s cubic-bezier(.3,1.6,.5,1) both}.insignia.recien .medalla{animation:brilla 1.2s ease-in-out .3s 2 both}@keyframes gana{0%{transform:scale(.5) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes brilla{50%{transform:scale(1.12) rotate(6deg)}}.aviso-insignia{margin:0 0 10px;padding:12px;border-radius:18px;background:var(--sol);color:var(--marino);font-weight:900;text-align:center;animation:salta .5s cubic-bezier(.3,1.6,.5,1) both}.tarjeta-curso>span{display:block;margin-top:2px}.tarjeta-curso{display:block;width:100%;text-align:left;border:0;border-radius:16px;padding:12px 14px 12px 16px;margin:8px 0;background:var(--tarjeta);color:var(--tinta);box-shadow:var(--sombra-chica);font:inherit;border-left:6px solid var(--acento-luz)}.tarjeta-curso .nombre{font-size:1.15rem;font-weight:800}.tarjeta-curso .detalle{font-size:.86rem;color:var(--gris)}.codigo-grande{font-size:1.7rem;font-weight:900;letter-spacing:.08em;color:var(--sol)}.tabla-caja{overflow-x:auto;margin-top:10px}.tabla{width:100%;border-collapse:collapse;background:var(--tarjeta);border-radius:12px;font-size:.92rem}.tabla th,.tabla td{text-align:left;padding:8px;border-bottom:1px solid var(--borde);vertical-align:top}.tabla th{font-size:.8rem;color:var(--gris);white-space:nowrap}.tabla tr.con-datos{cursor:pointer}.tenue{color:var(--gris)}.bloque{display:block;font-size:.78rem}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{background:var(--aviso-claro);color:var(--aviso-tinta);border-radius:999px;padding:0 7px;font-size:.78rem;font-weight:800;white-space:nowrap}.alerta{color:var(--aviso-tinta);font-weight:800;font-size:.84rem}.nota-legal{font-size:.84rem;margin:8px 0 0}.legal h2{font-size:1rem;margin:12px 0 2px}.marcador{flex-wrap:wrap}@media (min-width: 720px){.pantalla{max-width:680px}.pantalla.ancha{max-width:920px}body{font-size:19px}}.avatar{display:block;flex:none;border-radius:22%}.emblema{display:block;flex:none}.pequeno{font-size:.85rem}.perfil-rango{background-color:var(--tarjeta);background-image:linear-gradient(135deg,var(--tarjeta-2),var(--tarjeta));border:1px solid var(--borde);border-radius:24px;box-shadow:var(--sombra);padding:14px;margin:0 0 14px;display:grid;gap:8px}.perfil-cabeza{display:flex;align-items:center}.perfil-cabeza>*+*{margin-left:14px}.avatar-boton{border:0;padding:0;background:none;border-radius:22%;min-width:48px;min-height:48px}.perfil-texto{display:grid;gap:6px;min-width:0}.perfil-apodo{font-size:1.15rem;font-weight:900}.perfil-nivel{display:flex;align-items:center}.perfil-nivel>*+*{margin-left:8px}.perfil-botones{display:flex;flex-wrap:wrap;margin:4px -4px 0}.perfil-botones .boton{margin:4px;flex:1 1 140px}.vista-avatar{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 12px}.vista-avatar>*{margin:0 14px 10px 0}.apodo{border:1px solid var(--borde);background:var(--tarjeta);border-radius:20px;padding:12px;margin:0 0 12px;box-shadow:var(--sombra-chica);min-width:0}.apodo legend{font-weight:800;padding:0;float:left;width:100%;margin-bottom:6px}.apodo-campos{clear:both;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,.9fr);gap:8px;margin-bottom:8px}.apodo-campos .campo{min-width:0}.apodo-campos .entrada{font-size:1rem;min-height:48px;padding:6px 8px}.ranura h3{margin:12px 0 6px;font-size:1rem;font-weight:900}.opciones-piezas{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.pieza-avatar{display:grid;justify-items:center;gap:4px;padding:8px 4px;min-height:48px;border:3px solid transparent;border-radius:18px;background:var(--tarjeta);box-shadow:var(--sombra-chica);font:inherit;color:var(--tinta)}.pieza-avatar.elegida{border-color:var(--sol)}.pieza-avatar.bloqueada{background:var(--fondo-2);box-shadow:none}.pieza-avatar.bloqueada .avatar{filter:grayscale(1);opacity:.45}.pieza-nombre{font-size:.82rem;font-weight:800;text-align:center;line-height:1.15}.pieza-pista{font-size:.72rem;font-weight:700;color:var(--gris);text-align:center;line-height:1.15}.tabla-pilas{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.tabla-pilas li{display:flex;align-items:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:8px 10px;box-shadow:var(--sombra-chica)}.tabla-pilas li>*+*{margin-left:10px}.tabla-pilas li.yo{outline:3px solid var(--sol)}.tabla-pilas .puesto{width:26px;text-align:center;font-weight:900;font-size:1.1rem;flex:none}.tabla-pilas .quien{flex:1;min-width:0;overflow-wrap:anywhere}.tabla-pilas .puntos{text-align:right;flex:none}.reto-ejercicio{display:grid;gap:10px}.enunciado-reto{font-size:1.5rem;font-weight:900;margin:0;overflow-wrap:anywhere}.mini-rango{display:inline-flex;align-items:center;white-space:nowrap}.mini-rango>*+*{margin-left:6px}.quien-docente{display:inline-flex;align-items:center}.quien-docente>*+*{margin-left:8px}.perfil-docente{display:flex;align-items:center;background:var(--tarjeta);border-radius:20px;padding:10px;margin:0 0 10px;box-shadow:var(--sombra-chica)}.perfil-docente>*+*{margin-left:12px}.subida-rango{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#040a14b8;padding:calc(16px + var(--borde-arriba)) 16px calc(16px + var(--borde-abajo))}.subida-caja{display:grid;justify-items:center;gap:10px;background-color:var(--tarjeta-2);background-image:linear-gradient(160deg,var(--tarjeta-2),var(--tarjeta));border:3px solid var(--sol);border-radius:28px;padding:22px 26px;box-shadow:0 0 0 6px #ffc21a2e,var(--sombra);font-size:1.3rem;text-align:center;animation:subir-rango .7s cubic-bezier(.2,1.4,.4,1) both}.subida-caja .emblema{animation:brillo-rango 1.2s ease-in-out .3s both}@keyframes subir-rango{0%{transform:scale(.6) translateY(30px);opacity:0}to{transform:none;opacity:1}}@keyframes brillo-rango{0%{transform:rotate(-8deg) scale(.9)}50%{transform:rotate(6deg) scale(1.08)}to{transform:none}}.actualizar-aviso{max-width:560px;margin:0 auto;padding:calc(8px + var(--borde-arriba)) 16px 0}.actualizar-obligatoria{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:var(--fondo);padding:calc(16px + var(--borde-arriba)) 16px calc(16px + var(--borde-abajo));overflow-y:auto}.actualizar-caja{width:100%;max-width:520px;background:var(--tarjeta);border-radius:20px;box-shadow:var(--sombra);padding:14px 16px;border-left:6px solid var(--sol)}.actualizar-obligatoria .actualizar-caja{border-left-color:var(--aviso)}.actualizar-caja h2{margin:0 0 6px;font-size:1.15rem;font-weight:900}.actualizar-caja p{margin:0 0 10px}.actualizar-caja .boton+.boton{margin-top:8px}.pasos-permiso{margin:0 0 12px;padding-left:22px}.pasos-permiso li{margin-bottom:4px}.zona-peligro{margin-top:18px}.zona-peligro summary{cursor:pointer;font-weight:800;color:#ff9a9a;padding:8px 0}.boton.peligro{background:#b42318;color:#fff}.pie-legal{text-align:center;margin:14px 0 0;font-size:.9rem}.pie-legal.tenue{color:var(--gris)}@media (orientation: landscape) and (max-height: 560px){.panel-hacer{position:static;margin-bottom:0}.tecla{min-height:44px}.tecla.grande{min-height:52px}.mandos{position:static}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.celebracion{display:none}}select.entrada{appearance:none;-webkit-appearance:none;font-size:1.05rem;background-image:linear-gradient(45deg,transparent 50%,var(--sol) 50%),linear-gradient(135deg,var(--sol) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}.enunciado .que{color:var(--tinta)}.interruptor>span,label.interruptor{color:var(--tinta)}label.interruptor{display:flex;align-items:center}label.interruptor>*+*{margin-left:10px}.insignia:not(.ganada) b{color:var(--gris)}.firma b{color:var(--sol)}.banda-aula.jugador{display:flex;align-items:center;padding:10px 12px;background-image:linear-gradient(120deg,var(--tarjeta-2),var(--tarjeta))}.banda-aula.jugador>*+*{margin-left:12px}.banda-aula.jugador .quien{flex:1;min-width:0}.banda-aula.jugador .nivel{display:flex;align-items:center;font-weight:900;color:var(--sol);font-size:.95rem}.banda-aula.jugador .nivel>*+*{margin-left:6px}.racha{display:inline-block;background:#ff8a1f2e;color:var(--naranja-luz);border:1px solid var(--aviso);border-radius:99px;padding:1px 10px;font-size:.82rem;font-weight:900;white-space:nowrap}.racha.grande{font-size:1rem;padding:4px 14px;margin:6px 0 2px;animation:salta .5s cubic-bezier(.3,1.6,.5,1) both}.tema-escena{border-color:var(--acento-luz)}.simbolo-escena{font-size:1.6rem;font-weight:900;line-height:1}.tema-resumen{color:var(--gris);font-weight:700;line-height:1.2}.pestanas button small{display:block;font-size:.68rem;font-weight:700;opacity:.85;margin-top:1px}.escena{background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;box-shadow:var(--sombra);padding:10px;display:grid;gap:8px}.escena-cabeza{font-size:.92rem;color:var(--gris)}.escena-cabeza b{color:var(--tinta)}.escena-lienzo{display:block;width:100%;aspect-ratio:5 / 3;border-radius:14px;background:var(--lienzo);border:1px solid var(--borde);touch-action:pan-y}.escena-paso{background:var(--fondo-2);border-radius:14px;padding:8px 10px;min-height:76px;line-height:1.3;font-size:.96rem;overflow-wrap:anywhere}.escena-etiqueta{display:inline-block;background:#ffc21a29;color:var(--sol);border-radius:99px;padding:1px 10px;font-size:.78rem;font-weight:900;margin-right:4px}.escena-formula{margin-top:6px;padding:6px 8px;border-radius:10px;background:var(--tarjeta-2);font-weight:900;font-size:1.02rem;text-align:center;overflow-x:auto;white-space:pre-wrap}.escena-error{background:var(--aviso-claro);color:var(--aviso-tinta);border-left:6px solid var(--aviso);border-radius:14px;padding:8px 10px;font-size:.94rem;font-weight:700}.escena-controles{display:flex;justify-content:center}.escena-controles>*+*{margin-left:8px}.escena-boton{width:48px;height:48px;flex:none;border-radius:16px;border:2px solid var(--borde);background:var(--tarjeta-2);color:var(--tinta);font-size:1rem;font-weight:900;box-shadow:var(--sombra-chica)}.escena-boton.principal{width:64px;background-image:linear-gradient(90deg,var(--oro-1),var(--oro-2));border-color:var(--oro-2);color:var(--marino);font-size:1.2rem}.escena-boton.activo{border-color:var(--sol);background:var(--sol-claro)}.escena-tiempo{width:100%;min-height:28px;accent-color:var(--oro-2);margin:0}.escena-capas{display:flex;flex-wrap:wrap;justify-content:center}.escena-chip{margin:2px 4px;min-height:44px;padding:0 12px;border-radius:99px;border:2px solid var(--borde);background:transparent;color:var(--gris);font-weight:800;font-size:.84rem}.escena-chip.activo{color:var(--tinta);border-color:var(--acento-luz)}.escena-lecturas{display:flex;flex-wrap:wrap}.escena-valor{margin:2px 4px 2px 0;padding:3px 10px;border-radius:12px;background:var(--fondo-2);font-size:.86rem}.escena-valor i{color:var(--gris);font-style:normal}.escena-valor.pedida{background:#ffc21a29;border:1px solid var(--sol)}.escena-valor.pedida b{color:var(--sol)}.escena-medido{margin:0;font-size:.95rem;color:var(--gris)}.escena-medido b{color:var(--sol)}.escena-nota,.escena-notas{font-size:.84rem;color:var(--gris);margin:0}.escena-notas summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800}.escena-notas p{margin:2px 0 6px}.panel-tu{background:var(--tarjeta);border:2px solid var(--sol);border-radius:20px;padding:12px;margin-top:10px;box-shadow:var(--sombra);display:grid;gap:8px}.pregunta-tu{margin:0;font-size:1.12rem;font-weight:900;line-height:1.25;overflow-wrap:anywhere}.visor-tu{min-height:56px;border-radius:14px;border:3px solid var(--sol);background:var(--sol-claro);display:grid;place-items:center;font-size:1.8rem;font-weight:900;letter-spacing:.04em}.visor-tu.mal{border-color:var(--aviso);background:var(--aviso-claro);color:var(--aviso-tinta);animation:temblor .3s linear}.opciones-tu{display:grid;gap:8px}.opciones-tu .boton{font-size:1.15rem;text-align:center}.elementos-tu{display:flex;flex-wrap:wrap;justify-content:center}.ficha{margin:4px;min-width:52px;min-height:52px;padding:0 12px;border-radius:16px;border:2px solid var(--borde);background:var(--tarjeta-2);color:var(--tinta);font-size:1.3rem;font-weight:900;box-shadow:var(--sombra-chica)}.ficha.elegida{border-color:var(--sol);background:var(--sol);color:var(--marino)}.puntos-paso{display:flex;flex-wrap:wrap;justify-content:center;margin:8px 0 0}.puntos-paso i{width:9px;height:9px;margin:2px 3px;border-radius:50%;background:var(--gris-claro);transition:transform .2s ease,background-color .2s ease}.puntos-paso i.hecho{background:var(--acento-luz)}.puntos-paso i.actual{background:var(--sol);transform:scale(1.5)}.avance-ver{display:flex;align-items:center;margin-top:6px}.avance-ver .puntos-paso{flex:1;min-width:0;margin:0;justify-content:flex-start}.chip-lenta{flex:none;min-height:44px;padding:0 12px;margin-left:8px;border-radius:99px;border:2px solid var(--borde);background:transparent;color:var(--gris);font-weight:800;font-size:.84rem}.chip-lenta.activo{border-color:var(--sol);background:var(--sol-claro);color:var(--tinta)}.mandos .boton{min-width:0}.halo{fill:#ffc21a29;stroke:var(--sol);stroke-width:1.5;opacity:0}.pizarra.animada .halo{animation:halo 1.6s ease-out both}.pizarra.animada .fondo-resalta{animation:pulso 1.1s ease-in-out infinite}.pizarra.animada .vuela{animation:vuelo-arco .85s cubic-bezier(.45,0,.3,1) both;transform-box:fill-box;transform-origin:center}.pizarra.animada .vuela .letra{animation:brillo-vuelo .85s ease-out both}.pizarra.animada .nueva.rol-resta,.pizarra.animada .nueva.rol-cociente,.pizarra.animada .nueva.rol-producto,.pizarra.animada .nueva.rol-parcial{animation:cae .42s cubic-bezier(.3,1.5,.5,1) both}.pizarra.animada .nueva.rol-resultado{animation:aparece .42s cubic-bezier(.3,1.8,.5,1) both}.pizarra.lenta .vuela,.pizarra.lenta .vuela .letra{animation-duration:2s}.pizarra.lenta .nueva{animation-duration:.9s}@keyframes halo{0%{opacity:0}18%{opacity:1}70%{opacity:1}to{opacity:.55}}@keyframes pulso{50%{fill-opacity:.55;stroke-width:3.5}}@keyframes vuelo-arco{0%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:.9}45%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5 - 22px)) scale(1.55);opacity:1}to{transform:none;opacity:1}}@keyframes brillo-vuelo{0%,60%{filter:drop-shadow(0 0 5px var(--sol))}to{filter:none}}@keyframes cae{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.tarjeta .rejilla{grid-template-rows:auto auto auto}.tarjeta .medallon{grid-row:1 / span 3}.tarjeta .cuantos{grid-column:2;grid-row:3;justify-self:start;margin-top:6px;white-space:normal;padding:4px 12px}.perfil-rango .progreso-lleno{background-color:var(--oro-2);background-image:linear-gradient(90deg,var(--oro-1),var(--oro-2))}