/* El contenido se organiza con texto y separadores, dentro del mismo temario. */
.teoria-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.temario [hidden]{display:none!important}
.teoria-controles{display:flex;align-items:stretch;gap:20px;margin:24px 0 12px;border-bottom:1px solid rgba(14,27,38,.3)}
.teoria-controles label{display:block;min-width:0}
.teoria-busca{flex:1}
.teoria-selector{flex:0 0 auto;max-width:48%}
.teoria-controles input,.teoria-controles select{font:400 16px/1.5 var(--sg);width:100%;min-width:0;min-height:48px;padding:10px 0;color:var(--noche);background:transparent;border:0;border-radius:0;box-shadow:none}
.teoria-controles input::placeholder{color:var(--tinta-suave);opacity:1}
.teoria-controles select{padding-right:4px;cursor:pointer}
.teoria-controles input:focus-visible,.teoria-controles select:focus-visible{outline:2px solid var(--fiordo);outline-offset:3px}
.teoria-cuenta{font:400 .83rem/1.5 var(--sg);color:var(--tinta-suave);margin:20px 0 0}
.teoria-resultado{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:16px;width:100%;padding:24px 0;text-align:left;color:var(--noche);font:inherit;background:none;border:0;border-bottom:1px solid rgba(14,27,38,.16);border-radius:0;box-shadow:none;text-decoration:none;cursor:pointer}
.teoria-resultado.cerrada{cursor:default}
.teoria-resultado:focus-visible{outline:2px solid var(--fiordo);outline-offset:3px}
.teoria-nivel{font:500 .85rem/1.6 var(--sg);color:var(--fiordo);padding-top:2px}
.teoria-resultado-texto{min-width:0}
.teoria-resultado-titulo{display:block;font:500 1.06rem/1.45 var(--sg)}
.teoria-etiqueta{display:block;font:400 .85rem/1.5 var(--sg);color:var(--tinta-suave);margin-top:5px;white-space:normal}
.teoria-resultado .teoria-alcance{display:block;margin-top:10px;font:400 .94rem/1.6 var(--sg);color:var(--noche)}
.teoria-flecha{color:var(--fiordo);font:400 1.1rem/1.5 var(--sg)}
.teoria-acceso{display:block;font:400 .82rem/1.5 var(--sg);color:var(--tinta-suave);margin-top:10px}
.teoria-resumen{margin:18px 0 14px;max-width:65ch;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.teoria-temas{font:400 .9rem/1.6 var(--sg);color:var(--fiordo);margin:0 0 8px}
.teoria-alcance{font-size:1rem;line-height:1.65;margin:0;color:var(--noche)}
.lesson .btn.leccion-teoria,html.es-app .lesson .btn.leccion-teoria{min-height:44px;padding:8px 0;margin:0 0 12px;border:0;border-radius:0;background:none;box-shadow:none;font-weight:500;text-align:left;color:var(--fiordo);text-decoration:underline;text-underline-offset:4px;transform:none}
/* Web: la misma búsqueda vive dentro del temario ya existente. */
.biblioteca .temario-titulo{font:500 1.7rem/1.4 var(--sg);margin:30px 0 24px}
.biblioteca .teoria-controles{margin-top:0}
.biblioteca .bloque{padding-top:34px}
.biblioteca .bloque-cab{display:block;margin-bottom:12px}
.biblioteca .bloque-num,.biblioteca .cuenta,.biblioteca .bloque-tit p{display:none}
.biblioteca .bloque-tit h2{font:500 1.25rem/1.5 var(--sg);margin:0}
.biblioteca .item .marca-est{border:0;border-radius:0;background:none;box-shadow:none;padding:0;font-weight:400}
@media(hover:hover){.teoria-resultado:is(a,button):hover .teoria-resultado-titulo{color:var(--fiordo);text-decoration:underline;text-underline-offset:3px}}
@media(max-width:420px){.teoria-controles{gap:10px}.teoria-resultado{grid-template-columns:38px minmax(0,1fr) 12px;gap:10px}.teoria-controles input,.teoria-controles select{font-size:14px}.teoria-controles input{font-size:16px}.teoria-selector{max-width:44%}}
@media(prefers-contrast:more){.teoria-etiqueta,.teoria-cuenta,.teoria-acceso{color:var(--noche)}}

/* Práctica auditiva integrada en la página, con una sola decisión cada vez. */
.pronunciacion-oido{clear:both;padding:16px 0 24px;margin:16px 0 28px;border-bottom:1px solid var(--linea-clara)}
.pronunciacion-oido [hidden]{display:none!important}
.pronunciacion-oido h3,.pronunciacion>h3{font:500 1.18rem/1.5 var(--sg);margin:0 0 10px}
.pronunciacion-oido p{max-width:64ch;line-height:1.65}
.pronunciacion-oido-progreso{font:400 .88rem/1.5 var(--sg);color:var(--tinta-suave)}
.pronunciacion-oido .pronunciacion-acciones{gap:12px}
.pronunciacion-oido .pronunciacion-acciones button{min-width:90px;font-size:1.1rem}
.pronunciacion-oido .pronunciacion-mas{display:block;text-align:left;height:auto;padding:8px 0}
.complemento-explicacion h3{font:500 1.12rem/1.5 var(--sg);margin:32px 0 12px}

.complemento-explicacion h4{font:500 1rem/1.55 var(--sg);margin:24px 0 8px}