/* 
.capa-container { position: relative; width: 100%; overflow: hidden; padding-bottom: 56.25%; height: 0; }
.capa-media-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.capa-container img.capa-media-element { z-index: 1; }
.capa-container video.capa-media-element { z-index: 2; }

@media screen and (min-width: 40em) {
    .capa-container { height: 100vh; padding-bottom: 0; }
} */

/* Custom CSS */
.capa-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 10 / 14; /* Mobile */
}

.capa-media-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.capa-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.4); */
    z-index: 3;
    display: flex;
    align-items: flex-end; /* Alinha o conteúdo na base (Bottom) */
    /* padding-bottom: 20px; Centraliza verticalmente */
}

.capa-content {
    z-index: 4;
    color: #fff;
}

@media screen and (min-width: 40em) {
    .capa-container {
    aspect-ratio: 16 / 8; 
        min-height: 100vh;
    }


/* .capa-overlay {
    padding-bottom: 20px; 
} */
}





/* public/assets/css/style.css */

/* .capa-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.capa-media-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.capa-container img.capa-media-element {
    z-index: 1;
}

.capa-container video.capa-media-element {
    z-index: 2;
}

@media screen and (min-width:  40em) {
    .capa-container {
        aspect-ratio: 1920 / 1080;
        min-height: 100vh;
    }
} */