/* CSS for Sobre Section */

.sobre {
    overflow: hidden;
}

.sobre .wrapper {
    display: flex;
    gap: var(--spacing-gap-large);
}

/* SLIDESHOW */
.section-slideshow {
    width: 55%;
}

.sobre .section-header {
    width: 45%;
    flex-direction: column;
    align-items: flex-start;
}
.sobre .section-header .section-title-container {
    width: 100%;
}
.sobre .section-description { width:100%; max-width:none; min-width:none; text-align:left; }



@media (max-width: 1500px) {

    .sobre .wrapper { 
        flex-direction: column;
    }

    .sobre .section-slideshow { width: 100%; }
    .sobre .section-header { width: 100%; flex-direction: row; }
    .sobre .section-header .section-title-container { width: 40%;}
    .sobre .section-description { width: 60%;  flex-shrink: 1;}
    .sobre .section-slideshow .swiper-main img { aspect-ratio: 16 / 9; }
    .sobre .section-slideshow .swiper-thumbs .swiper-slide img { aspect-ratio: 16 / 9 !important; }
}

@media (max-width: 1024px) {
    .sobre .section-header { flex-direction: column; align-items: flex-start; gap: var(--spacing-gap-small); }
    .sobre .section-header .section-title-container { width: 100%; max-width:none; }
    .sobre .section-description { width: 100%; max-width: none; text-align: left; }
    .sobre .section-slideshow .swiper-main img { aspect-ratio: 16 / 12; }
}

@media (max-width: 768px) {
    .sobre .section-description { text-align:center; }
}