/* 01 · Identidad: cancha nocturna, papel claro, cuatro colores propios. */
:root{color-scheme:dark;--fondo:#0b1220;--panel:#131e30;--linea:#293449;--texto:#f3f0e7;--suave:#abb4c5;--oro:#f5ca64;--azul:#75b8e5;--rojo:#ea8175;--verde:#92c9a1;--amarillo:#f4ce70;font-family:Arial,Helvetica,sans-serif;background:var(--fondo);color:var(--texto);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;overflow-x:clip}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty;line-height:1.65}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button,input,select{min-height:46px}button{transition:transform .18s,background-color .18s,border-color .18s}button:active:not(:disabled){transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--oro);outline-offset:5px}[hidden]{display:none!important}.saltar{position:fixed;top:-70px;left:16px;z-index:50;padding:15px;background:var(--oro);color:#111}.saltar:focus{top:12px}.etiqueta{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.7;color:var(--oro)}.punto{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--oro);margin-right:8px}.mensaje,.ayuda,.nota{color:var(--suave);font-size:13px;line-height:1.7}.error{font-size:13px;line-height:1.7;color:#ffb8ad}.principal,.secundario,.enlace-boton{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;font-weight:700}.principal{padding:16px 20px;background:var(--oro);color:#101623;border:1px solid var(--oro);border-radius:5px;min-height:52px}.principal:hover:not(:disabled){background:#ffdc87}.secundario{padding:12px 17px;border:1px solid var(--linea);background:transparent;border-radius:5px;color:var(--texto);font-size:12px}.secundario:hover{border-color:var(--suave)}.enlace-boton{padding:4px 0;color:var(--oro);background:transparent;font-size:12px}.cabecera-seccion{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.cabecera-seccion h2{margin:0;font-size:25px;letter-spacing:-.04em}.estado-directo{font-size:11px;line-height:1.6;color:var(--suave);text-align:right}.estado-directo.en-vivo{color:var(--verde)}.estado-directo.en-vivo:before{content:'';display:inline-block;background:var(--verde);width:6px;height:6px;border-radius:50%;margin-right:7px}main{max-width:1240px;margin:auto;padding:0 42px}.vista{animation:aparecer .3s ease both;min-width:0}.numero-editorial{font-size:9px;letter-spacing:.18em;color:var(--suave)}
/* 02 · Dos escudos y navegación persistente, con objetivos de toque grandes. */
.cabecera{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1400px;margin:auto;padding:19px 42px;border-bottom:1px solid var(--linea)}.marca{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:.11em;font-weight:900;font-size:17px}.marca img{object-fit:contain;filter:drop-shadow(0 2px 9px #0005)}.submarca{display:block;font-size:9px;letter-spacing:.2em;margin-top:5px}.colegio{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.13em;line-height:1.7;text-align:right;color:var(--suave)}.colegio b{color:var(--texto)}.colegio img{object-fit:contain;border-radius:50%;border:3px solid #fff;outline:1px solid #ffffff30;outline-offset:3px}.instalar{background:transparent;color:var(--texto);border:1px solid var(--linea);border-radius:40px;padding:10px 20px;font-size:11px}.instalar span{margin-right:8px;font-size:18px;color:var(--oro)}.instalar:hover{border-color:var(--oro)}.navegacion{display:flex;justify-content:center;gap:22px;position:sticky;top:0;z-index:15;background:#0b1220f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}.navegacion button{position:relative;padding:18px 12px;color:var(--suave);border:0;background:none;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.035em}.navegacion button span{margin-right:6px;color:var(--oro)}.navegacion button[aria-current=page]{color:var(--texto)}.navegacion button[aria-current=page]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--oro)}
/* 03 · Acceso, con el escudo como objeto principal. */
.acceso{display:grid;grid-template-columns:1.25fr .9fr;gap:70px;padding:65px 0 70px;align-items:center}.presentacion{position:relative;min-height:570px;padding-top:15px}.presentacion h1{position:relative;z-index:2;font-size:clamp(66px,8.9vw,115px);font-weight:950;line-height:.92;letter-spacing:-.075em;margin:23px 0 25px}.presentacion h1 span{color:var(--oro);font-style:italic}.bajada{position:relative;z-index:2;color:var(--suave);font-size:15px;line-height:1.8}.orbita{overflow:hidden;border-radius:50%;position:absolute;right:-20px;bottom:25px;width:315px;height:315px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#edbd3f10 0%,transparent 68%)}.orbita img{object-fit:contain;width:143px;height:203px;filter:drop-shadow(0 20px 25px #0007);animation:flotar 7s ease-in-out infinite}.anillo{position:absolute;inset:10px;border:1px solid #f5ca6425;border-radius:50%;transform:rotate(-20deg)}.anillo-a:after{content:'';position:absolute;width:8px;height:8px;background:var(--oro);border-radius:50%;top:51px;left:33px;box-shadow:0 0 16px #f5ca6440}.anillo-b{inset:30px;transform:rotate(30deg);border-style:dashed;border-color:#ffffff15}.orbita-nombre{position:absolute;bottom:0;font-size:7px;letter-spacing:.23em;color:var(--suave)}.presentacion .numero-editorial{position:absolute;bottom:20px;left:0;writing-mode:vertical-rl}.formulario{background:var(--texto);color:#111c2b;border:1px solid #fff;border-radius:9px;padding:34px;position:relative}.formulario:before{content:'';position:absolute;top:-1px;left:30px;width:54px;height:5px;background:var(--oro)}.formulario .etiqueta{color:#68604a}.formulario h2{font-size:39px;line-height:1.05;letter-spacing:-.055em;margin:17px 0}.formulario .ayuda,.formulario .nota,.formulario .mensaje{color:#555e6b}.formulario label{color:#263245}.formulario input{background:#fffdf8;border-color:#cad0d4;color:#111c2b}.formulario .ver{color:#354357}.formulario .principal{width:100%;background:#12223b;border-color:#12223b;color:white;margin-top:24px}.formulario .principal:hover{background:#243b59}.formulario .nota{border-top:1px solid #d4d7d4;padding-top:18px;margin-bottom:0}.formulario .error{color:#a5262b}.formulario label,label{display:block;font-size:12px;font-weight:700;margin:19px 0 8px}input,select{width:100%;border:1px solid var(--linea);border-radius:5px;padding:13px 14px;background:#0c1524;color:var(--texto);font-size:14px}input::placeholder{color:#8c95a5}.campo-clave{position:relative}.campo-clave input{padding-right:86px}.ver{position:absolute;right:3px;top:1px;height:44px;border:0;background:none;font-size:11px;padding:0 12px}
/* 04 · Marcador. Nunca se muestran números de demostración. */
.espacio{padding:48px 0 34px}.bienvenida{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.bienvenida h1{font-size:clamp(38px,5.3vw,64px);line-height:1.02;letter-spacing:-.055em;margin-bottom:18px}.bienvenida em,.apertura em{font-family:Georgia,serif;font-weight:400;color:var(--oro)}#identificacion{font-size:11px;color:var(--suave);overflow-wrap:anywhere}.marcador{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.puntaje-casa{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:14px;padding:22px 18px;background:var(--panel);border-bottom:3px solid var(--casa)}.puntaje-casa img{height:66px;width:50px;object-fit:contain;grid-column:2;grid-row:1/3}.puntaje-casa h3{font-size:13px;margin:0;color:var(--casa)}.puntaje-casa strong{font-size:39px;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1}.puntaje-casa small{display:block;font-size:9px;color:var(--suave);margin-top:6px;letter-spacing:.1em}.franja-personal{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--linea);padding:26px 0;margin-bottom:26px;gap:24px}.franja-personal>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.franja-personal strong{font-size:45px;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.franja-personal>div>span:last-child{font-size:12px;color:var(--suave)}.franja-personal p{font-size:11px;color:var(--suave);margin:0;max-width:260px}.atajos{display:grid;grid-template-columns:1fr 1fr;gap:22px}.atajo-test{border:0;border-radius:6px;padding:30px;text-align:left;background:var(--oro);color:#132039;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}.atajo-test:after{content:'?';position:absolute;right:20px;top:0;font:italic 220px Georgia,serif;color:#18243b0c;line-height:1}.atajo-test .etiqueta{color:#4c4938}.atajo-test strong{font-size:45px;letter-spacing:-.06em;line-height:1}.atajo-test>span:last-child{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.07em}.atajo-test b{font-size:22px;margin-left:50px}.juegos-vacio{padding:30px;background:var(--panel);border-radius:6px}.juegos-vacio h2{font-size:33px;letter-spacing:-.05em;line-height:1.07}.juegos-vacio p{font-size:12px;color:var(--suave);max-width:340px}.mi-historial{margin-top:28px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}summary{cursor:pointer;padding:19px 0;font-size:13px;list-style:none}summary span{float:right;color:var(--oro)}.movimiento{padding:16px 0;border-bottom:1px solid var(--linea);display:flex;justify-content:space-between;gap:20px;font-size:12px}.movimiento p{margin:0;font-size:12px}.movimiento small{display:block;color:var(--suave);font-size:10px;margin-top:4px}.movimiento strong{font-variant-numeric:tabular-nums;color:var(--verde);white-space:nowrap}.movimiento strong.negativo{color:var(--rojo)}.atajo-admin{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.atajo-admin>span{font-size:9px;letter-spacing:.16em;color:var(--oro)}.atajo-admin button{background:none;border:0;color:var(--suave);font-size:12px;text-align:right}
/* 05 · Las cuatro casas: fichas cromáticas, sin tarjetas dentro de tarjetas. */
.casas{padding:35px 0 60px;border-top:1px solid var(--linea)}.titulo-casas{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:30px}.titulo-casas h2{font-size:35px;letter-spacing:-.045em;line-height:1.1;margin:0;max-width:430px}.titulo-casas .etiqueta{padding-top:8px;max-width:180px}.lista-casas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chaminade{--casa:var(--amarillo);--tinte:#f5ca6412}.adela{--casa:var(--verde);--tinte:#92c9a112}.otilio{--casa:var(--azul);--tinte:#75b8e512}.gapp{--casa:var(--rojo);--tinte:#ea817512}.casa{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;text-align:center;padding:18px 14px 23px;border:1px solid var(--linea);border-top:2px solid var(--casa);border-radius:4px;background:linear-gradient(180deg,var(--tinte),transparent);color:var(--texto)}.casa:hover{transform:translateY(-5px);border-color:var(--casa)}.casa-numero{font-size:8px;color:var(--casa);letter-spacing:.1em;align-self:flex-start}.casa img{width:88px;height:117px;object-fit:contain;margin:20px 0 16px;transition:transform .35s}.casa:hover img{transform:rotate(-3deg) scale(1.06)}.casa h3{font-size:23px;letter-spacing:-.04em;margin:0 0 10px}.casa p{font-size:11px;color:var(--suave);margin-bottom:17px}.casa>span:last-of-type{font-size:7px;letter-spacing:.06em;color:var(--casa);line-height:1.8}.casa>b{position:absolute;right:13px;top:16px;font-size:15px;color:var(--casa)}
/* 06 · Historias: lectura editorial, fuentes a mano y columna legible. */
.apertura{padding:50px 0 30px;max-width:800px}.apertura h1{font-size:clamp(39px,5.4vw,66px);line-height:1.05;letter-spacing:-.06em;margin:20px 0}.apertura>p:last-child{font-size:14px;color:var(--suave);max-width:550px}.selector-historias{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:5px 0 36px}.selector-historias button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--linea);color:var(--suave);background:none;border-radius:5px;padding:10px;font-size:11px}.selector-historias button[aria-pressed=true]{border-color:var(--casa);color:var(--casa);background:var(--tinte)}.selector-historias img{width:26px;height:37px;object-fit:contain}.articulo{display:grid;grid-template-columns:230px 1fr;gap:65px;padding:12px 0 70px;align-items:start}.articulo-aside{position:sticky;top:100px;border-top:2px solid var(--casa);padding-top:25px}.articulo-aside img{width:130px;height:180px;object-fit:contain;display:block;margin:0 auto 25px}.articulo-aside p{font-size:11px;color:var(--suave)}.articulo-aside strong{color:var(--casa);font-size:13px}.articulo-cuerpo{max-width:690px}.articulo-cuerpo h2{font-size:38px;line-height:1.1;letter-spacing:-.055em;margin-bottom:20px}.articulo-cuerpo .copete{font-size:19px;line-height:1.7;color:var(--texto)}.articulo-cuerpo h3{font-size:20px;letter-spacing:-.025em;margin:33px 0 16px;color:var(--casa)}.articulo-cuerpo p{font-size:15px;line-height:1.95;color:#c0c7d3}.articulo-cuerpo .pregunta-final{font:italic 27px/1.5 Georgia,serif;color:var(--texto);border-left:3px solid var(--casa);padding-left:23px;margin-top:28px}.fuentes{border-top:1px solid var(--linea);margin-top:30px;padding-top:20px}.fuentes h3{font-size:12px;margin-top:0}.fuentes li{font-size:11px;color:var(--suave);margin-bottom:9px}.fuentes a{text-underline-offset:4px}.nota-fuentes{font-size:11px!important}
/* 07 · Test: un foco por pregunta y respuestas de buen tamaño. */
.test-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:center;padding:60px 0}.test-intro h1{font-size:clamp(48px,6.3vw,77px);line-height:.98;letter-spacing:-.065em}.test-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--oro)}.test-intro p{font-size:14px;color:var(--suave);max-width:500px}.test-intro img{width:220px;height:310px;object-fit:contain;margin:auto;filter:drop-shadow(0 12px 38px #d4a52822)}.test-datos{display:flex;gap:22px;font-size:10px;color:var(--oro);letter-spacing:.07em;margin:25px 0}.test-aviso{font-size:11px!important;max-width:450px}.test-caja{max-width:760px;margin:auto;padding:45px 0 70px}.test-barra{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--oro);margin-bottom:15px}.test-caja progress{width:100%;height:4px;border:0;border-radius:4px;background:var(--panel);color:var(--oro);accent-color:var(--oro)}progress::-webkit-progress-bar{background:var(--panel);border-radius:4px}progress::-webkit-progress-value{background:var(--oro);border-radius:4px}.test-caja h2{font-size:clamp(23px,3.1vw,35px);line-height:1.3;letter-spacing:-.04em;margin:35px 0 25px}.test-opciones{display:grid;gap:11px}.test-opcion{display:flex;align-items:center;gap:17px;text-align:left;padding:19px 21px;background:var(--panel);color:var(--texto);border:1px solid var(--linea);border-radius:5px;font-size:13px;line-height:1.7}.test-opcion>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid #637084;border-radius:50%;font-size:10px;color:var(--suave)}.test-opcion:hover,.test-opcion.elegida{border-color:var(--oro);background:#253044}.test-opcion.elegida>span{background:var(--oro);color:#111;border-color:var(--oro)}.test-opcion:disabled{opacity:1;cursor:wait}.test-navegar{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.test-resultado{max-width:800px;margin:0 auto;padding:50px 0 65px;text-align:center}.test-resultado h1{font-size:50px;letter-spacing:-.05em;margin:20px 0}.resultado-escudos{display:flex;justify-content:center;gap:25px}.resultado-escudos img{width:115px;height:160px;object-fit:contain;animation:revelar .7s both}.test-resultado .descripcion{color:var(--suave);max-width:550px;margin:20px auto;font-size:14px}.afinidades{display:grid;gap:17px;max-width:480px;margin:35px auto;text-align:left}.afinidad-fila{display:grid;grid-template-columns:90px 1fr 46px;align-items:center;gap:12px;font-size:12px;color:var(--casa)}meter{width:100%;height:9px;appearance:none;background:var(--panel);border:0;border-radius:5px}meter::-webkit-meter-bar{background:var(--panel);border:0}meter::-webkit-meter-optimum-value{background:var(--casa)}meter::-moz-meter-bar{background:var(--casa)}.afinidad-fila strong{text-align:right;font-variant-numeric:tabular-nums}.test-botones{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:28px}.test-estado{font-size:12px;line-height:1.7;color:var(--suave)}.espera-test{padding:80px 15px;text-align:center}.espera-test strong{display:block;font:italic 36px Georgia,serif;margin:20px}.girando{width:40px;height:40px;border:2px solid var(--linea);border-top-color:var(--oro);border-radius:50%;animation:girar 1s linear infinite;margin:auto}
/* 08 · Coordinación: registro legible en teléfono, sin tablas que se desborden. */
.resumen-admin{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin-bottom:35px}.resumen-admin>div{padding:25px 15px;border-right:1px solid var(--linea)}.resumen-admin>div:last-child{border:0}.resumen-admin strong{display:block;font-size:38px;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.resumen-admin span{font-size:11px;color:var(--suave)}.panel-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:45px;padding-bottom:35px}.registro h2,.registro-puntos h2{font-size:25px;letter-spacing:-.04em}.registro-puntos{padding:25px;background:var(--panel);border-radius:6px;align-self:start}.registro-puntos .principal{width:100%;margin-top:24px}.evento{position:relative;border-bottom:1px solid var(--linea);padding:19px 0 19px 24px}.evento:before{content:'';width:6px;height:6px;background:var(--azul);border-radius:50%;position:absolute;top:26px;left:0}.evento.puntos:before{background:var(--verde)}.evento p{font-size:12px;margin-bottom:7px;overflow-wrap:anywhere}.evento .evento-correo{font-size:11px;color:var(--suave)}.evento small{font-size:10px;color:var(--suave)}.evento strong{color:var(--oro);font-variant-numeric:tabular-nums}.vacio{font-size:13px;color:var(--suave);line-height:1.8;padding:25px 0}.alumno-fila{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--linea);font-size:12px;overflow-wrap:anywhere}.alumno-fila small{font-size:10px;color:var(--suave);display:block;margin-top:7px}.alumnos{padding-bottom:55px}.dato-pendiente{border:1px dashed var(--linea);padding:20px;color:var(--suave);font-size:13px;line-height:1.7}
/* 09 · Instalación: pasos claros, cierre y foco atrapado por dialog nativo. */
dialog{width:min(500px,calc(100vw - 32px));border:1px solid #667085;border-radius:12px;background:#f3f0e7;color:#132039;padding:34px;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#020610cc;backdrop-filter:blur(6px)}dialog h2{font-size:45px;letter-spacing:-.06em;line-height:1.05;margin:18px 0}dialog>p{font-size:13px}dialog .etiqueta{color:#77704e}dialog .nota{color:#5c6572}.cerrar-dialogo{position:absolute;right:8px;top:8px;width:44px;background:none;border:0;color:#132039;font-size:28px}.opciones-dispositivo{display:flex;gap:10px;margin:24px 0}.opciones-dispositivo button{flex:1;border:1px solid #abb3b6;border-radius:5px;background:none;color:#213047;font-size:12px}.opciones-dispositivo button[aria-pressed=true]{background:#17283f;color:white;border-color:#17283f}dialog li{font-size:13px;line-height:1.8;margin-bottom:13px}dialog ol{padding-left:22px}.registro select{max-width:300px;margin-bottom:10px}
/* 10 · Pie, movimiento y celulares. */
footer{max-width:1400px;margin:auto;padding:28px 42px 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--linea);font-size:8px;letter-spacing:.1em;color:var(--suave)}footer a{text-underline-offset:5px;letter-spacing:0;font-size:10px}@keyframes aparecer{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flotar{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes revelar{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes girar{to{transform:rotate(360deg)}}
@media(max-width:1000px){.acceso{gap:35px}.presentacion h1{font-size:90px}.orbita{width:260px;height:260px;right:-15px;bottom:30px}.orbita img{width:120px;height:170px}.formulario{padding:28px}.marcador{grid-template-columns:repeat(2,1fr)}.panel-grid{gap:25px}.articulo{gap:35px;grid-template-columns:175px 1fr}.casa>span:last-of-type{font-size:6px}.casa h3{font-size:21px}}
@media(max-width:700px){main{padding:0 20px}.cabecera{padding:14px 20px;gap:12px}.marca{font-size:12px;gap:9px}.marca img{width:32px;height:45px}.submarca{font-size:7px;letter-spacing:.13em}.colegio span{display:none}.colegio img{width:38px;height:38px}.instalar{font-size:9px;padding:7px 11px;min-height:40px}.instalar span{font-size:15px;margin-right:3px}.navegacion{gap:0;justify-content:space-evenly}.navegacion button{font-size:9px;padding:16px 6px;min-height:52px}.navegacion button span{display:none}.navegacion button[aria-current=page]:after{left:6px;right:6px}.acceso{grid-template-columns:1fr;gap:25px;padding:25px 0 38px}.presentacion{min-height:318px;padding-top:7px}.presentacion h1{font-size:75px;max-width:300px;margin:20px 0}.presentacion .etiqueta{font-size:8px;max-width:235px}.bajada{font-size:12px;max-width:220px}.orbita{width:175px;height:175px;right:-15px;bottom:8px}.orbita img{width:84px;height:118px}.anillo-a{inset:4px}.anillo-a:after{top:20px;left:15px;width:5px;height:5px}.anillo-b{inset:20px}.orbita-nombre{display:none}.presentacion .numero-editorial{display:none}.formulario{padding:25px}.formulario h2{font-size:33px}.formulario .ayuda{font-size:12px}.formulario .nota{font-size:11px}.titulo-casas{display:block;margin-bottom:24px}.titulo-casas .etiqueta{max-width:none;font-size:8px}.titulo-casas h2{font-size:29px}.lista-casas{grid-template-columns:repeat(2,1fr);gap:12px}.casa{padding:15px 10px 19px}.casa img{height:100px;width:76px;margin:18px 0 13px}.casa h3{font-size:23px}.casa p{font-size:10px}.casa>span:last-of-type{font-size:6px}.casa-numero{font-size:7px}.casa>b{right:10px;top:11px}.bienvenida{align-items:flex-start;gap:8px}.bienvenida h1{font-size:39px}.bienvenida .secundario{padding:8px 10px;font-size:9px}.espacio{padding-top:30px}.bienvenida .etiqueta{font-size:8px}#identificacion{font-size:10px;max-width:240px}.cabecera-seccion{gap:10px}.cabecera-seccion h2{font-size:22px}.estado-directo{font-size:9px;max-width:115px}.marcador{gap:10px}.puntaje-casa{padding:18px 13px;gap:14px 7px}.puntaje-casa img{width:37px;height:51px}.puntaje-casa strong{font-size:33px}.puntaje-casa h3{font-size:12px}.franja-personal{align-items:flex-start;flex-direction:column;gap:8px;padding:22px 0}.franja-personal>div{gap:10px}.franja-personal .etiqueta{font-size:8px}.franja-personal strong{font-size:35px}.franja-personal p{max-width:none}.atajos{grid-template-columns:1fr;gap:15px}.atajo-test{padding:25px}.atajo-test strong{font-size:42px}.juegos-vacio{padding:25px}.juegos-vacio h2{font-size:31px}.atajo-admin{align-items:flex-start;flex-direction:column;gap:2px}.atajo-admin button{text-align:left;font-size:11px;padding-left:0}.apertura{padding:32px 0 20px}.apertura h1{font-size:40px}.apertura>p:last-child{font-size:12px}.selector-historias{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:25px}.selector-historias button{justify-content:flex-start;font-size:10px;padding:10px}.selector-historias img{width:23px;height:32px}.articulo{display:block}.articulo-aside{position:static;display:grid;grid-template-columns:75px 1fr;gap:18px;align-items:center;margin-bottom:25px;padding-top:20px}.articulo-aside img{width:65px;height:90px;margin:0;grid-row:1/3}.articulo-aside p{margin:0;font-size:10px}.articulo-aside strong{font-size:12px}.articulo-cuerpo h2{font-size:34px}.articulo-cuerpo .copete{font-size:17px}.articulo-cuerpo p{font-size:14px;line-height:1.9}.articulo-cuerpo .pregunta-final{font-size:23px}.test-intro{grid-template-columns:1fr;gap:15px;padding:30px 0 45px;position:relative}.test-intro>div{position:relative;z-index:1}.test-intro h1{font-size:53px;max-width:330px}.test-intro>img{position:absolute;right:0;top:135px;width:105px;height:150px;opacity:.18}.test-intro p{max-width:310px;font-size:13px}.test-datos{font-size:9px;gap:13px}.test-caja{padding:32px 0 50px}.test-caja h2{font-size:23px;margin:27px 0 22px}.test-opcion{padding:15px 14px;gap:12px;font-size:12px;line-height:1.65}.test-opcion>span{height:25px;width:25px;font-size:9px}.test-resultado{padding:30px 0 50px}.test-resultado h1{font-size:40px}.resultado-escudos{gap:14px;flex-wrap:wrap}.resultado-escudos img{width:100px;height:140px}.test-resultado .descripcion{font-size:13px}.test-botones{gap:9px}.test-botones button{font-size:11px}.afinidad-fila{grid-template-columns:80px 1fr 43px;font-size:11px;gap:10px}.panel-grid{grid-template-columns:1fr;gap:30px}.resumen-admin strong{font-size:28px}.resumen-admin span{font-size:9px}.resumen-admin>div{padding:18px 10px}.registro-puntos{padding:23px}.alumno-fila{grid-template-columns:1fr;font-size:11px}.registro .enlace-boton{font-size:10px}.registro select{max-width:100%}.evento{padding-left:18px}.evento p{font-size:11px}.evento .evento-correo{font-size:10px}footer{padding:24px 20px 28px;flex-wrap:wrap;font-size:7px;gap:17px}footer a{font-size:9px}.movimiento{font-size:11px;gap:10px}dialog{padding:29px 25px}dialog h2{font-size:39px}}
@media(max-width:359px){.marca{font-size:10px}.submarca{font-size:6px}.cabecera{padding-left:15px;padding-right:15px}.instalar{font-size:8px;padding-left:8px;padding-right:8px}.colegio img{width:32px;height:32px}.presentacion h1{font-size:66px}.orbita{width:140px;height:140px;right:-9px;bottom:2px}.orbita img{width:69px;height:98px}.casa h3{font-size:21px}.casa p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbita img{transform:none}}

/* Correcciones de revisión: foco programático y carga estable. */
[tabindex="-1"]:focus{outline:none}.puntaje-casa-esqueleto{padding:22px 18px;min-height:132px;background:var(--panel);border-bottom:3px solid var(--casa)}.puntaje-casa-esqueleto h3{font-size:13px;color:var(--casa)}.puntaje-casa-esqueleto strong{font-size:39px;color:var(--suave)}#estado-directo-admin{display:inline-block;margin-left:12px}

.registro-puntos summary{font-size:25px;font-weight:700;letter-spacing:-.04em;padding:0 0 18px}.registro-puntos summary span{font-size:15px}.registro-puntos .etiqueta{margin-top:16px}@media(max-width:700px){.registro-puntos{grid-row:1}.registro-puntos:not([open]){padding:18px 22px}.registro-puntos:not([open]) summary{font-size:18px;padding:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.registro-puntos[open] summary{font-size:22px}}