body .ta-boton-v2:not(.ta-boton-v2--secundario),body .pn-pie .ej-btn {
  color:#fff;background:#0b1f4d;border-color:#0b1f4d;
}
body main :is(button,input,select,textarea,[role="button"]):focus-visible,
body :is(a,summary):focus-visible {
  outline:3px solid #0a3a96;outline-offset:3px;box-shadow:0 0 0 2px #fff;
}
body :is(main,.material-cabeza,.material-contenido,.mi,.pn,.ta-interaccion,.libros-contexto){min-width:0;max-width:100%;overflow-wrap:anywhere;}
/* L3 (QC SUBIDA2 2026-10-18): el `anywhere` heredado de main PARTE palabras en las
   tablas de teoría a 320 px («Interv/alo», «Quanti/dade»). La envoltura
   .ta-tabla-wrap ya está pensada para scroll horizontal (role=region,
   tabindex=0, aria-label): se restaura el corte normal y la tabla escrolea
   en vez de romper palabras por la mitad. */
body .ta-tabla-wrap,body .ta-tabla-wrap :is(th,td,caption){overflow-wrap:normal;word-break:normal;}
body .material-cabeza > :not(.aula-fondo){min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere;}
body :is(button,input,select,textarea,a,summary){max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;}
body .barra{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;}
body .barra .menu{flex-shrink:0;}
body .barra .menu>summary{white-space:nowrap;overflow-wrap:normal;max-width:none;}
body .mi-etapas{flex-wrap:wrap;gap:8px;}
body.colegio-home .cabecera h1,body.colegio-home .cabecera h1 span{max-width:100%;overflow-wrap:anywhere!important;}
body .colegio :is(.practica,.practica-cuerpo,.reto,.reto-opciones){min-width:0;max-width:100%;box-sizing:border-box;}
body .colegio .reto-opciones{flex-wrap:wrap;}
body .colegio .escena-viva{width:100%;height:100%;object-fit:cover;}
body .colegio :is(.dir-planta h3,.dir-planta h3 a,.directorio h2){overflow-wrap:anywhere;}
body .mi :is(input,select,textarea),body .pn-inp {min-width:0;max-width:100%;}
body .mi-depositar {min-height:44px;width:100%;white-space:normal;color:#0b1f4d;background:#fff;border:2px solid #4a5a72;border-radius:8px;}
body .mi-movimiento {min-height:1.5em;color:inherit;overflow-wrap:anywhere;}
body .colegio .dir-planta {position:static;display:block;margin:0;min-width:0;}
body .colegio .dir-planta h3 {font-size:20px;line-height:1.3;margin:0 0 12px;}
body .colegio .dir-planta h3 a {display:flex;align-items:center;gap:10px;}
body .colegio .dir-planta ul {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
body .colegio .dir-planta li {margin:0;max-width:100%;}
body .colegio .dir-planta li a {display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:1rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere;}
body .colegio .guias {display:none}
/* Los rótulos del edificio (.planta/.aula) se conservan visibles: son la
   portada aprobada y ya tienen área de interacción de 44px (colegio.css).
   Solo se ocultan las guías decorativas (aria-hidden). */
.colegio .directorio {position:relative;left:auto;top:auto;width:auto;min-height:0;height:auto;margin:24px 16px;padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;background:#fff;border:2px solid #dbe6f4;border-radius:16px;}
body .colegio .directorio h2 {grid-column:1 / -1;margin:0;font-size:2rem;}
@media(min-width:1100px) {
 body .colegio .portada {aspect-ratio:auto;padding-top:0;display:flex;flex-direction:column;}
 body .colegio .cabecera{position:relative;inset:auto;width:auto;max-width:100%;margin:24px 16px;}
 body .colegio .escenario {position:relative;inset:auto;height:auto;width:100%;aspect-ratio:2688/1277;overflow:hidden;}
}
@media(max-width:1099.99px) {body .colegio .directorio {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:599.99px) {body .colegio .directorio {grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce) {
 body *,body *::before,body *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
 body .escena-viva,body .aula-viva {display:none!important;}
}