/* El encuadre completo ocupa la sección, sin márgenes ni recortes. */
.video-muestra {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    color-scheme: dark;
    isolation: isolate;
}

.video-muestra__video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #000;
}

.video-muestra__video:focus-visible {
    outline: 3px solid var(--color-naranja, #ffa529);
    outline-offset: -3px;
}

/* En escritorio, dejar el encuadre libre incluso si el video está pausado. */
@media (min-width: 1101px) {
    .video-muestra-en-pantalla .cabecera,
    .video-muestra-en-pantalla .cabecera__logo,
    .video-muestra-en-pantalla .indice-navegacion {
        visibility: hidden;
        pointer-events: none;
    }
}