:root{color:#12322f;font-synthesis:none;background:#ecfdf5;font-family:Inter,ui-rounded,system-ui,sans-serif}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:grid}.tarjeta{background:#fff;border:1px solid #99f6e4;border-radius:1.5rem;width:min(34rem,100vw - 3rem);padding:2rem;box-shadow:0 1rem 3rem #0f766e1f}.marca{font-size:3rem}h1{margin:.5rem 0}dl div{border-bottom:1px solid #ccfbf1;justify-content:space-between;padding:.5rem 0;display:flex}dd{font-weight:800}.nota{color:#475569;font-size:.9rem}.tab-container{border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;display:flex}.tab-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:.75rem;font-weight:600;transition:all .2s}.tab-btn.activo{color:#0f766e;border-bottom:2px solid #0f766e}.input-grupo{flex-direction:column;margin-bottom:1rem;display:flex}.input-grupo label{color:#334155;text-align:left;margin-bottom:.375rem;font-size:.875rem;font-weight:600}.input-grupo input,.input-grupo select{border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.625rem;font-size:1rem;transition:border-color .2s}.input-grupo input:focus,.input-grupo select:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e1a}.consentimiento-caja{text-align:left;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;max-height:12rem;margin-bottom:1rem;padding:.75rem;font-size:.85rem;line-height:1.4;overflow-y:auto}.checkbox-grupo{align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}.checkbox-grupo input{margin-top:.25rem}.checkbox-grupo label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;font-size:.85rem}.btn-secundario{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:all .2s}.btn-secundario:hover{background:#f1f5f9;border-color:#94a3b8}.error-alerta{color:#991b1b;text-align:left;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.flex-row{gap:1rem;display:flex}.flex-row>*{flex:1}.titulo-seccion{color:#0f766e;margin-top:1.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.perfil-lista{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.perfil-item-container{align-items:center;gap:.5rem;display:flex}.perfil-item-container button{flex:1}.cerrar-sesion-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.5rem;width:100%;margin-top:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.cerrar-sesion-btn:hover{background:#dc2626}.enlace-offline{color:#0f766e;cursor:pointer;margin-top:1.5rem;font-size:.9rem;text-decoration:underline;display:block}.volver-auth-btn{width:100%;margin-top:1rem}:root{--tinta:#173b3a;--tinta-suave:#52706f;--papel:#fffdf8;--menta:#dff7ee;--menta-fuerte:#0f766e;--menta-oscura:#0b5b56;--cielo:#eaf4ff;--durazno:#fff0dc;--borde:#bfe6db;--sombra:0 1.25rem 3rem #105b5321}*{box-sizing:border-box}body{color:var(--tinta);background:radial-gradient(circle at 12% 12%,#ffffffd9 0 5rem,#0000 5.1rem),radial-gradient(circle at 90% 82%,#caf4e799 0 8rem,#0000 8.1rem),linear-gradient(145deg,#f1fff9,#eef7ff)}#app{place-items:center;width:100%;min-height:100vh;padding:clamp(1rem,3vw,2.5rem);display:grid}.inicio-card,.sesion-card{border:1px solid var(--borde);background:var(--papel);width:min(46rem,100%);box-shadow:var(--sombra);border-radius:2rem;padding:clamp(1.3rem,4vw,2.6rem)}.inicio-card{text-align:center}.inicio-card h1,.sesion-card h1{color:#123f3b;letter-spacing:-.035em;margin:.35rem 0 .75rem;font-size:clamp(2rem,6vw,3.25rem);line-height:1.03}.inicio-card h2{margin-top:2rem;font-size:clamp(1.15rem,3vw,1.5rem)}.ceja{color:var(--menta-fuerte);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:850}.bajada{max-width:35rem;color:var(--tinta-suave);margin:.5rem auto 1.5rem;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.55}.perfiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}button,.enlace-adulto{min-height:3rem;font:inherit;border-radius:1rem;font-weight:800}button{cursor:pointer;border:1px solid #0000}button:focus-visible,input:focus-visible,textarea:focus-visible,.enlace-adulto:focus-visible{outline-offset:.18rem;outline:.22rem solid #fbbf24}button:disabled{cursor:wait;opacity:.58}.principal{color:#fff;background:var(--menta-fuerte);padding:.8rem 1.25rem;box-shadow:0 .45rem #09544f}.principal:hover{background:var(--menta-oscura);transform:translateY(1px);box-shadow:0 .3rem #073f3b}.principal:active{box-shadow:none;transform:translateY(.25rem)}.cabecera-paso{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.chip{border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .75rem;font-size:.82rem;font-weight:850;display:inline-flex}.chip.tema{color:#0b5d52;background:var(--menta)}.chip.repaso{color:#245783;background:var(--cielo)}.paso-sesion{color:var(--tinta-suave);font-size:.88rem;font-weight:750}.pregunta{margin:.5rem 0 1.4rem!important;font-size:clamp(1.45rem,4vw,2.15rem)!important;line-height:1.22!important}.pregunta.demo{margin-top:1.4rem!important;font-size:clamp(1.15rem,3vw,1.5rem)!important}.ilustracion-item{background:#fff;border:1px solid #d9e9e4;border-radius:1.4rem;place-items:center;min-height:8rem;margin:.75rem 0 1.25rem;padding:1rem;display:grid;overflow:hidden}.ilustracion-item svg{width:min(100%,30rem);max-height:18rem;display:block}.opciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.opcion{min-height:4rem;color:var(--tinta);background:#fff;border-color:#9ed8ca;padding:.85rem 1rem;box-shadow:0 .25rem #c3e8df}.opcion:hover{border-color:var(--menta-fuerte);background:#f0fff9}.respuesta-form{gap:.8rem;display:grid}.respuesta-form input,.respuesta-form textarea,.autochequeo textarea{width:100%;color:var(--tinta);font:inherit;background:#fff;border:2px solid #b9d9d2;border-radius:1rem;font-size:1.1rem}.respuesta-form input{min-height:3.5rem;padding:0 1rem}.respuesta-form textarea,.autochequeo textarea{resize:vertical;min-height:8rem;padding:1rem;line-height:1.5}.respuesta-form button,.autochequeo button{color:#fff;background:var(--menta-fuerte);padding:.75rem 1rem}.saltear{color:var(--tinta-suave);text-underline-offset:.2rem;background:0 0;margin:1.35rem auto 0;padding:.6rem .8rem;text-decoration:underline;display:block}.feedback,.ejemplo-resuelto,.aviso-publicacion{border-radius:1.2rem;padding:1rem 1.1rem;line-height:1.55}.feedback{background:var(--menta)}.feedback.pista{background:var(--durazno);border-left:.35rem solid #ee9b28}.ejemplo-resuelto{white-space:pre-line;background:var(--cielo)}.aviso-publicacion{color:#6d4919;background:var(--durazno);margin-top:1.5rem}.centro{text-align:center}.centro .principal{margin-top:.8rem}.autochequeo h2{margin:0 0 1rem;font-size:clamp(1.45rem,4vw,2.15rem);line-height:1.22}.autochequeo h3{color:var(--menta-fuerte);margin:1.25rem 0 .35rem}.respuesta-esperada{background:var(--cielo);border-radius:1rem;padding:1rem;line-height:1.55}.acciones-autochequeo{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.acciones-autochequeo button:not(.acierto){color:var(--tinta);background:#fff;border-color:#9ed8ca}.error-sesion{color:#8b1d1d;background:#fff1f1;border:1px solid #f4aaaa;border-radius:.9rem;margin-top:1rem;padding:.85rem 1rem}.enlace-adulto{color:var(--menta-oscura);justify-content:center;align-items:center;padding:.7rem 1rem;display:inline-flex}@media (width<=36rem){#app{align-items:start;padding:.65rem}.inicio-card,.sesion-card{border-radius:1.4rem;min-height:calc(100vh - 1.3rem)}.perfiles,.opciones{grid-template-columns:1fr}.cabecera-paso{margin-bottom:1rem}}@media (prefers-reduced-motion:no-preference){.inicio-card,.sesion-card{animation:.22s ease-out entrada-suave}@keyframes entrada-suave{0%{opacity:0;transform:translateY(.35rem)}}}