@import 'global.css';
@import './navigation.css';
@import 'home.css';
@import 'sectionBeneficios.css';
@import 'sectionImoveis.css';
@import 'sectionMCMV.css';
@import 'sectionSobre.css';

@import 'button.css';
@import 'head.css';

@import 'authorFooter.css';
@import 'footer.css';

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Proporção 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin-bottom: 20px; /* Espaço para o texto abaixo não colar */
    border-radius: 10px; /* Borda arredondada para ficar bonito */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}