.escena-ilustracion { clear: both; margin: 0 0 16px; }
.escena-ilustracion img { display: block; width: 100%; height: auto; max-height: 250px; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 6px; background: var(--superficie-2); }
.historias-bitacora { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.historias-bitacora h4 { margin-top: 0; }
.escena-ilustracion figcaption { margin-top: 4px; font: 11px/1.4 system-ui; color: var(--tinta-suave); text-align: right; }
@media (max-width: 600px) { .escena-ilustracion img { max-height: 180px; } }