/* Estilos propios del módulo estudiante (AL-01, EV-04, AL-02, AL-03, SYS-03). Usa los tokens de rubria.css.
   Diseño primero a 390 px: alternativas como filas táctiles de 48 px, sin tablas anchas. */
.aula .paso-i>div{min-width:0}
.aula-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:.74rem}
.aula-pts{font-size:.9rem;white-space:nowrap}
.aula-objetivo{display:block;margin-top:6px;font:400 1rem/1.35 var(--serif);color:var(--tinta)}
.aula-objetivo .lbl{margin-right:4px}
.aula-urgente .core{background:var(--hoja-calida)}
.aula-datos{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:8px 14px;margin:0;font-size:.86rem}
.aula-datos dt{font:400 .6rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.aula-datos dd{margin:0;min-width:0}
.aula-instrucciones p{margin:0 0 .55em;font:400 1.08rem/1.42 var(--serif)}
.aula-det{padding:12px 16px;border-radius:var(--r-md);background:var(--bandeja);box-shadow:0 0 0 1px var(--bandeja-borde)}
.aula-det summary{cursor:pointer;font:400 .66rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2)}
.aula-det[open] summary{margin-bottom:10px}

/* Pregunta: una hoja por pregunta, número y puntaje a la vista */
.aula-lista{display:flex;flex-direction:column;gap:14px}
.aula-preg{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:var(--r-lg);background:var(--hoja);box-shadow:var(--luz),var(--sombra),0 0 0 1px var(--bandeja-borde);min-width:0}
.aula-preg-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.76rem}
.aula-n{font:500 .7rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta)}
.aula-marca{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--tinta3)}
.aula-marca::before{content:"";width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tinta3)}
.aula-marca.on{color:var(--ok-tinta)}.aula-marca.on::before{background:var(--ok);box-shadow:none}
.aula-enunciado{margin:0;font:400 1.22rem/1.4 var(--serif);color:var(--tinta);overflow-wrap:anywhere}
.aula-enunciado p{margin:0 0 .4em}.aula-enunciado p:last-child{margin:0}
.aula-pista{margin:0;font-size:.78rem}
.aula-ops{display:flex;flex-direction:column;gap:8px}
.aula-op{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border-radius:var(--r-md);background:var(--bandeja);box-shadow:0 0 0 1px var(--bandeja-borde);cursor:pointer;font-size:.95rem;line-height:1.35;transition:background-color var(--t) var(--spring),box-shadow var(--t) var(--spring)}
.aula-op:hover{background:var(--hover)}
.aula-op input{flex:none;width:1.15rem;height:1.15rem;margin:0;accent-color:var(--violeta)}
.aula-op:has(input:checked){background:var(--violeta-piso);box-shadow:0 0 0 1.5px var(--violeta)}
.aula-op:has(input:focus-visible){box-shadow:0 0 0 2px var(--petrol-claro),0 0 0 6px rgba(52,152,145,.18)}
.aula-op:has(input:disabled){cursor:default}
.aula-letra{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--hoja);box-shadow:0 0 0 1px var(--linea2);font:500 .74rem/1 var(--mono)}
.aula-juicios{display:flex;flex-direction:column;gap:12px}
.aula-juicio{border:0;margin:0;padding:0;min-width:0}
.aula-juicio legend{padding:0;margin-bottom:8px;font-size:.95rem;line-height:1.4}
.aula-vf{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aula-op-c{justify-content:center}
.aula-pares{display:flex;flex-direction:column;gap:10px}
.aula-par{display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.aula-par .campo,.aula-campo .campo{width:100%;font-size:1rem}
.aula-par .campo{height:2.75rem}
.aula-campo{display:flex;flex-direction:column;gap:6px}
.aula-breve{display:flex;align-items:center;gap:10px}
.aula-breve .campo{height:2.75rem}
.aula-espacio{display:inline-block;width:8.5rem;max-width:100%;height:2.2rem;margin:2px 4px;font:400 1rem var(--sans);vertical-align:baseline}
.aula-nota{margin:0;font-size:.86rem;color:var(--tinta2)}
.aula-nota .lbl{display:block;margin-bottom:2px}

/* Estímulo con tabla (pictogramas, datos): legible a 390 px sin desbordar la página */
.aula-estimulo{margin:0;padding:14px 16px;border-radius:var(--r-md);background:var(--bandeja);box-shadow:0 0 0 1px var(--bandeja-borde)}
.aula-estimulo figcaption{font-size:.86rem;margin-bottom:6px}
.aula-estimulo p{margin:0 0 .5em;font-size:.9rem;line-height:1.45}
.aula-fuente{font-size:.72rem!important;margin:8px 0 0!important}
.aula-tabla-env{overflow-x:auto;margin-top:6px}
.aula-tabla{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--hoja);border-radius:var(--r-sm)}
.aula-tabla th,.aula-tabla td{padding:8px 10px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.aula-tabla thead th{font:400 .6rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2)}
.aula-tabla tbody th{font-weight:500}

/* Portafolio */
.aula-resumen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aula-resumen .kpi-m small{font-size:.9rem;color:var(--tinta2);margin-left:2px}
.aula-item .cab .num{margin-left:auto}
.aula-item-enunciado{font-size:1rem!important}
.aula-retro{margin:6px 0 0!important;padding:10px 12px;border-radius:var(--r-md);background:var(--ok-piso);font:400 .86rem/1.45 var(--sans)!important;color:var(--tinta)!important}
.aula-retro .lbl{display:block;margin-bottom:2px}

/* Bandeja de ayuda (Convivencia y Dirección) */
.aula-quien{font-weight:500;font-size:.95rem}
.aula-texto p{margin:0 0 .4em;font:400 1.1rem/1.4 var(--serif)}
.aula-atenciones .hilo{padding:10px 0}
.aula-atenciones .hilo p{font:400 .88rem/1.45 var(--sans)}

@media (max-width:760px){
  .aula-preg{padding:16px 14px;border-radius:var(--r-md)}
  .aula .cab-der{width:100%;justify-content:space-between}
  .aula .paso-i{grid-template-columns:minmax(0,1fr)}
  .aula .paso-i>.btn{justify-self:start}
  .aula-datos{grid-template-columns:minmax(0,1fr);gap:2px}
  .aula-datos dd{margin-bottom:8px}
  .aula-enunciado{font-size:1.15rem}
}