/* stylescaixa3.css - Estilos para dar autonomia à caixa3 */

.video-player-container {
    padding: 0;
    height: 400px; /* Define a altura da caixa */
    overflow: hidden; /* Garante que o conteúdo não transborde */
}

.video-player-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Novo: Alteração de Largura para a Caixa 3 */
.box3 {
    width: calc(100% - 2cm); /* Diminui a largura em 2cm */
    justify-self: end; /* Garante que a caixa fique alinhada à direita */
}

/*
Este arquivo é o responsável por controlar o player de vídeo na Caixa 3. Ele garante que
o iframe do vídeo ocupe 100% da caixa e que a altura seja fixa, mantendo a proporção
e o layout esperados.
*/