/* La ilustración acompaña una situación o un gesto de práctica. */
.oral-ilustracion{background:none;border:0;box-shadow:none;padding:0;max-width:540px;margin:12px auto 22px}
.oral-ilustracion-medio{max-width:400px}.oral-ilustracion-detalle{max-width:290px}
.oral-ilustracion img{object-fit:contain;background:none;border:0;box-shadow:none}
.ilustracion-situacion{max-width:410px;margin:0 auto 18px}
.ilustracion-contextual{margin:4px auto 18px}
.ilustracion-apoyo{max-width:230px;margin:0 0 12px auto;float:right;width:34%}
.seccion-cuerpo{display:flow-root}
.seccion-cuerpo > .tabla-scroll,.seccion-cuerpo > pre,.seccion-cuerpo > h3,.seccion-cuerpo > h4{clear:both}
@media(min-width:1000px){
 .ilustracion-contextual.oral-ilustracion-medio,.ilustracion-contextual.oral-ilustracion-detalle{float:right;width:39%;max-width:270px;margin:0 0 14px 24px}
 .ilustracion-situacion.oral-ilustracion-medio{float:right;width:44%;max-width:330px;margin:0 0 12px 24px}
}
@media(max-width:640px){
 .oral-ilustracion{max-width:100%;margin:6px auto 18px}
 .ilustracion-situacion{max-width:330px;margin-top:0}
 .oral-ilustracion-medio{max-width:330px}.oral-ilustracion-detalle{max-width:240px}
 .ilustracion-apoyo{float:none;width:65%;max-width:220px;margin:0 auto 14px}
}
@media print{.oral-ilustracion{break-inside:avoid;max-width:320px}.pronunciacion-ilustracion{max-width:130px}}

/* Un ejemplo completo conserva su figura antes de que empiece el siguiente. */
.seccion-cuerpo .ilustracion-contextual.ilustracion-ejemplo{float:none;width:100%;max-width:420px;margin:2px auto 22px}

/* Palabras concretas: imagen en la fila de estudio, nunca en opciones de prueba. */
.vocabulario-ilustrado-imagen{display:block;width:124px;max-width:100%;height:auto;object-fit:contain;margin:8px auto 2px;background:none;border:0;box-shadow:none}

/* La figura que cierra una tabla ocupa su propia línea. */
.ilustracion-apoyo.ilustracion-tras-tabla{float:none;clear:both;width:min(240px,72%);margin:18px auto 22px}

/* Miniaturas de igual tamaño: los dibujos acompañan a la palabra. */
.vocabulario-con-imagen{position:relative}
.vocabulario-con-imagen .vocabulario-ilustrado-imagen{width:80px;height:80px;object-fit:contain;margin:6px auto}
.vocabulario-sprite{display:block;background-image:url('/norsk/curso/ilustraciones/curso/vocabulario-objetos-v1.webp');background-size:300% 300%;background-repeat:no-repeat}
html.es-app .seccion-bloques tr.vocabulario-con-imagen{padding-left:102px;min-height:102px}
html.es-app .vocabulario-con-imagen .vocabulario-ilustrado-imagen{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin:0;width:80px;height:80px}

/* Las láminas de estudio se leen completas, después de su explicación o tabla. */
.oral-ilustracion.ilustracion-lamina{float:none;clear:both;width:100%;max-width:540px;margin:18px auto 26px}
.ilustracion-lamina > img{display:block;width:100%;height:auto}
.lamina-cuadricula{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.lamina-celda{font-family:var(--sg);font-size:1rem;line-height:1.4;color:var(--noche);text-align:center;break-inside:avoid}
.lamina-celda > span{display:block;overflow-wrap:anywhere}
.lamina-celda-imagen{position:relative;overflow:hidden;width:100%;margin-bottom:8px}
.lamina-celda-imagen > img{position:absolute;display:block;max-width:none;margin:0;object-fit:fill}
.lamina-celda [lang=nb]{font-weight:600}
.lamina-pie{margin-top:12px;font-family:var(--sg);font-size:1rem;line-height:1.4;color:var(--noche);text-align:center}
.lamina-pie > span{display:block}
.lamina-pie [lang=nb]{font-weight:600}
@media print{.oral-ilustracion.ilustracion-lamina{max-width:320px}}