/* Espacio Aula: reutiliza tipografía y paleta accesibles del sitio. */
.aula { padding-block: 1.4rem 4rem; }
.aula-hero { padding: clamp(.6rem, 3vw, 2rem) 0 .4rem; }
.aula-hero h1 { font-size: clamp(2.6rem,7vw,4.2rem); margin: 0 0 .3em; }
.aula-intro { max-width: 54ch; font-size: 1.24rem; line-height: 1.55; }
.aula-libertad { max-width: 54ch; color: var(--texto-suave); }
.aula-hero-acciones,.aula-cierre { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; margin-top:1.5rem; }
.aula-print-nota { margin:.7rem 0 0; }
.aula-pasos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:2rem; margin:2rem 0 2.6rem; padding:1.4rem 0 0; border-top:1px solid var(--borde); }
.aula-pasos h2 { grid-column:1 / -1; font-size:1.35rem; margin:0 0 .6rem; }
.aula-pasos p { margin:0 0 .8rem; color:var(--texto-suave); }
.aula-pasos b { color:var(--texto); }
.aula-seccion-cabeza { display:flex; gap:1.4rem; align-items:end; justify-content:space-between; margin-bottom:1.4rem; }
.aula-seccion-cabeza h2 { margin:.1rem 0 .3rem; }
.aula-seccion-cabeza p:last-child { margin:0; }
.aula-nivel { border:1px solid var(--borde); border-radius:18px; padding:.7rem; display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; min-width:fit-content; }
.aula-nivel legend { font-weight:800; font-size:.9rem; padding:0 .4rem; }
.aula-nivel label { cursor:pointer; font-size:.9rem; }
.aula-nivel input { position:absolute; opacity:0; width:1px; height:1px; }
.aula-nivel span { display:block; border:2px solid var(--borde); border-radius:999px; padding:.5rem .65rem; font-weight:700; }
.aula-nivel input:checked+span { background:var(--acento); color:var(--acento-texto); border-color:var(--acento); }
.aula-nivel input:focus-visible+span { outline:3px solid var(--foco); outline-offset:4px; }
.aula-lista { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.aula-cap { min-width:0; background:var(--superficie); border:1px solid var(--borde); border-radius:24px; overflow:hidden; }
.aula-cap-cabeza { display:flex; align-items:center; gap:1rem; padding:1rem 1rem .6rem; }
.aula-cap-cabeza img { width:108px; height:108px; object-fit:cover; flex:none; border-radius:4px; border:5px solid var(--papel); box-shadow:0 6px 14px -6px rgba(0,0,0,.6); transform:rotate(-2deg); }
html.quieto .aula-cap-cabeza img, html[data-tema="contraste"] .aula-cap-cabeza img { transform:none; }
.aula-cap-cabeza h3 { font-size:1.35rem; margin:0 0 .2rem; }
.aula-cap-eje { margin:0; color:var(--texto-suave); font-size:.95rem; font-style:italic; }
.aula-cap-acciones { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; padding:.2rem 1rem .9rem; border-bottom:1px solid var(--borde); }
.aula-cap-acciones a { display:inline-flex; align-items:center; gap:.35rem; min-height:44px; margin-right:.4rem; font-size:.95rem; font-weight:700; }
.aula-cap-acciones .ico { width:1.1em; height:1.1em; }
.aula-escuchar {border:1px solid var(--borde);border-radius:999px;background:transparent;color:var(--texto);padding:.4rem .85rem;cursor:pointer;min-height:44px;font:700 .9rem var(--letra);display:inline-flex;align-items:center;gap:.4rem;}
.aula-escuchar:hover,.aula-escuchar[aria-pressed="true"] {border-color:var(--acento);}
.aula-escuchar:focus-visible {outline:3px solid var(--foco);outline-offset:2px;}
.aula-escuchar .ico {width:1rem;height:1rem;}

.aula-cap-num { color:var(--texto-suave); font-size:.9rem; margin:0 0 .15rem; font-weight:700; }
.aula-cap-contenido { padding:1rem 1.2rem 1.2rem; }
.aula-propuesta + .aula-propuesta { padding-top:.2rem; }
.aula-propuesta h4 { margin:0 0 .3rem; font-size:1.05rem; font-family:var(--titulos); color:var(--acento); }
html[data-tema="dia"] .aula-propuesta h4 { color:#785000; }
.aula-propuesta p { margin:0 0 .95rem; line-height:1.55; }
.aula-resumen { border-top:1px solid var(--borde); padding-top:.65rem; font-size:.9rem; }
.aula-resumen summary { font-weight:700; cursor:pointer; min-height:40px; }
.aula-resumen p { margin:.7rem 0 0; color:var(--texto-suave); line-height:1.8; }
.aula-adaptaciones { margin:2.8rem 0 0; padding-top:1.6rem; border-top:1px solid var(--borde); max-width:70ch; }
.aula-adaptaciones h2 { margin-bottom:.6rem; }
.aula-adaptaciones ul { padding-left:1.35em; }
.aula-adaptaciones li { margin:.65rem 0; }
@media (max-width:850px) { .aula-pasos { grid-template-columns:1fr; } .aula-seccion-cabeza { align-items:stretch; flex-direction:column; } .aula-nivel { min-width:0; align-self:start; } .aula-lista { grid-template-columns:1fr; } }
@media (max-width:400px) { .aula-hero-acciones .btn { width:100%; } .aula-cap-cabeza img { width:84px; height:84px; } .aula-nivel label { flex:1 1 auto; } }
/* Lo que es sólo para la hoja impresa */
.aula-solo-papel, .aula-papel-cabeza, .aula-papel-pie { display: none; }
.aula-resumen-lineas { margin-top: .6rem; }
.aula-resumen-lineas p { margin: 0 0 .35rem; color: var(--texto); line-height: 1.5; font-size: 1rem; }

/* Diccionario de hechizos: una página de diccionario, en papel */
.aula-hechizos { margin: 2.8rem 0 0; }
.aula-hechizos-cabeza { max-width: 62ch; margin-bottom: 1.2rem; }
.aula-hechizos-cabeza h2 { margin: .1rem 0 .4rem; }
.hechizos-papel { background: var(--papel); color: var(--tinta); border-radius: 4px; padding: .4rem clamp(1rem, 4vw, 2.2rem) 1.6rem; box-shadow: 0 14px 30px -14px rgba(0,0,0,.6); }
.hechizos-lista { list-style: none; margin: 0; padding: 0; columns: 2 320px; column-gap: 2.6rem; column-rule: 1px solid rgba(23, 48, 47, .14); }
.hechizo { break-inside: avoid; display: flex; flex-direction: column; gap: .25rem; padding: 1.1rem 0 1rem; border-bottom: 1px solid rgba(23, 48, 47, .14); }
.hechizo p { margin: 0; }
.hechizo-palabra { font: 900 1.7rem var(--titulos); color: #A33A16; line-height: 1.1; }
.hechizo-silabas { font-style: italic; color: #4B5A57; font-size: 1rem; }
.hechizo-que { line-height: 1.5; }
.hechizo-quien { font-size: .92rem; color: #4B5A57; }
.hechizo-acciones { display: flex; flex-wrap: wrap; gap: .4rem 1rem; align-items: center; padding-top: .35rem; }
.hechizo-acciones a { font-size: .95rem; font-weight: 700; color: #0B5E86; }
.hechizos-papel .aula-escuchar { color: var(--tinta); border-color: rgba(23, 48, 47, .35); }
.hechizos-papel .aula-escuchar:hover, .hechizos-papel .aula-escuchar[aria-pressed="true"] { border-color: var(--tinta); background: rgba(23, 48, 47, .06); }
.hechizos-papel :focus-visible { outline-color: #0B5E86; }
.hechizo-propio { margin-top: 1.4rem; max-width: 60ch; }
.hechizo-propio h3 { margin: 0 0 .4rem; color: #A33A16; }
.hechizo-propio ol { margin: 0 0 1rem; padding-left: 1.3em; }
.hechizo-propio li { margin: .3rem 0; }
.hechizo-propio .btn-borde { color: var(--tinta); border-color: rgba(23, 48, 47, .35); }
.hechizo-propio .btn-borde:hover { background: rgba(23, 48, 47, .06); }
html[data-tema="contraste"] .hechizos-papel { background: #000; color: #fff; border: 2px solid #fff; box-shadow: none; }
html[data-tema="contraste"] .hechizos-papel .hechizo-palabra, html[data-tema="contraste"] .hechizo-propio h3 { color: #FFE500; }
html[data-tema="contraste"] .hechizos-papel .hechizo-silabas, html[data-tema="contraste"] .hechizos-papel .hechizo-quien { color: #fff; }
html[data-tema="contraste"] .hechizos-papel .aula-escuchar, html[data-tema="contraste"] .hechizo-propio .btn-borde { color: #fff; border-color: #fff; }
html[data-tema="contraste"] .hechizo-acciones a { color: #FFE500; }
html[data-tema="contraste"] .hechizos-lista { column-rule-color: #fff; }
html[data-tema="contraste"] .hechizo { border-bottom-color: #fff; }

@media print {
  @page { size: A4; margin: 11mm 13mm; }
  :root, html { color-scheme: light !important; }
  html { font-size: 12.5px !important; }
  html, body { background: #fff !important; color: #111 !important; }
  .barra, .pie, .panel-fondo, .saltar, .toast, .aula-hero, .aula-pasos, .aula-seccion-cabeza, .aula-adaptaciones,
  .aula-cap-acciones, .aula-resumen, .aula-hechizos-cabeza, .hechizos-papel { display: none !important; }
  .aula { padding: 0; width: 100%; max-width: none; }
  .aula-lista { display: block; }
  /* una ficha por hoja, con las dos preguntas, renglones y un recuadro para crear */
  .aula-cap { display: flex !important; flex-direction: column; border: 0 !important; border-radius: 0; background: #fff !important; margin: 0; overflow: visible;
              break-after: page; page-break-after: always; break-inside: avoid; min-height: 268mm; color: #111; }
  .aula-solo-papel { display: block !important; }
  .aula-nivel-etq { display: inline !important; font-weight: 800; }
  .aula-pregunta[hidden] { display: block !important; }
  .aula-papel-cabeza { display: flex !important; justify-content: space-between; gap: 6mm; align-items: flex-end; font-size: 11px; color: #333; border-bottom: 1px solid #999; padding-bottom: 2.5mm; margin-bottom: 4mm; }
  .aula-papel-cabeza span:first-child { font-weight: 800; }
  .aula-linea-corta { display: inline-block; width: 42mm; border-bottom: 1px solid #555; height: 1em; }
  .aula-linea-fecha { width: 26mm; }
  .aula-linea-larga { display: inline-block; width: 110mm; border-bottom: 1px solid #555; height: 1em; }
  .aula-cap-cabeza { padding: 0 0 3mm; border-bottom: 0; gap: 5mm; }
  .aula-cap-cabeza img { display: block !important; width: 32mm; height: 32mm; border-radius: 4mm; border: 1px solid #bbb; }
  .aula-cap-cabeza h3 { font-size: 21px; margin: 0; }
  .aula-cap-num { color: #333 !important; font-size: 12px; }
  .aula-cap-contenido { padding: 0; display: flex; flex-direction: column; flex: 1; }
  .aula-propuesta { border: 0 !important; padding: 0 !important; }
  .aula-propuesta + .aula-propuesta { margin-top: 4mm; display: flex; flex-direction: column; flex: 1; }
  .aula-propuesta h4 { font-size: 15px; margin: 2mm 0 1.5mm; color: #111; }
  .aula-cap-eje { color: #333 !important; font-size: 12px; }
  .aula-cap-cabeza img { transform: none !important; box-shadow: none !important; }
  .aula-propuesta p { margin: 0 0 1.5mm; font-size: 13.5px; line-height: 1.45; color: #111 !important; }
  .aula-renglones { margin: 0 0 3mm; }
  .aula-renglones i { display: block; height: 8.5mm; border-bottom: 1px solid #9a9a9a; }
  .aula-recuadro { display: flex !important; flex: 1; min-height: 70mm; align-items: flex-end; justify-content: flex-end; padding: 2.5mm 4mm; border: 2px dashed #888; border-radius: 5mm; color: #888; font-size: 11px; }
  .aula-papel-pie { display: block !important; margin: 3mm 0 0; font-size: 10px; color: #555; text-align: center; }
  /* la ficha "Mi hechizo" va al final de todas, o sola */
  .aula-hechizos { margin: 0; }
  .aula-ficha-hechizo h3 { font-size: 24px; margin: 1mm 0 3mm; }
  .aula-ficha-hechizo p { font-size: 14px; margin: 0 0 4mm; }
  .aula-campo { line-height: 2; }
  .aula-ficha-hechizo .aula-recuadro { min-height: 110mm; }
  body.imprimir-una .aula-cap:not(.aula-imprimir-esta) { display: none !important; }
  .aula-ficha-hechizo, .aula-imprimir-esta { break-after: auto !important; page-break-after: auto !important; }
}

/* Mantener consignas y controles visibles con texto ampliado. */
.aula { overflow-wrap:anywhere; }
.aula-cap-cabeza { flex-wrap:wrap; }
.aula-nivel { max-width:100%; }
.aula .btn, .aula-escuchar { max-width:100%; white-space:normal; }
.aula-cap-cabeza>div { min-width:0; }