/* Media Queries - Responsividade */

/* Tablets */
@media (max-width: 768px) {
    #menuMain {
        left: 10px;
        width: calc(100% - 20px);
    }
    
    #menuNavigation {
        gap: 20px;
    }
    
    #menuContact {
        gap: 10px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    #menuMain {
        left: 5px;
        width: calc(100% - 10px);
        height: 60px;
    }
    
    #menuContent {
        padding: 5px 15px;
    }
    
    #menuNavigation {
        gap: 15px;
    }
    
    #menuNavigation > div {
        padding: 8px 12px;
        font-size: 14px;
    }
    
    #menuContact {
        gap: 8px;
    }
    
    #contactButton {
        height: 36px;
        padding: 0 12px;
    }
    
    #contactText {
        font-size: 12px;
    }
    
    #contactIcon {
        width: 20px;
        height: 15px;
    }
}

/* Cards Responsividade */
@media (max-width: 1500px) {
    #cardsContent {
        width: 100%;
        justify-content: center;
    }
    
    .cardsItem {
        flex: 0 1 calc(50% - 15px);
        min-width: 400px;
    }
    #bannerText {
        padding: 20px 20px 20px 15%;
    }
}

@media (max-width: 1100px) {
    #cardsContent {
        width: 100%;
        justify-content: center;
    }
    
    .cardsItem {
        flex: 0 1 100%;
        min-width: 300px;
        max-width: 600px;
    }
    
    #menuNavigation {
        display: none;
    }
    
    /* Banner Text Responsividade */
    #bannerText {
        padding: 20px 20px 20px 15%;
    }
}

@media (max-width: 1000px) {
    #cardsContent {
        width: 100%;
        justify-content: center;
    }
    
    .cardsItem {
        flex: 0 1 100%;
        min-width: 300px;
        max-width: 600px;
    }
    
    #menuNavigation {
        display: none;
    }
}

@media (max-width: 768px) {
    .cardsItem {
        min-width: 280px;
    }
}

@media (max-width: 480px) {
    #cardsMain {
        padding: 30px 0;
    }
    
    .cardsItem {
        min-width: 250px;
        padding: 15px;
    }
}

/* Fale Conosco Responsividade */
@media (max-width: 1000px) {
    #faleConoscoContent {
        flex-direction: column;
        gap: 30px;
    }
    
    #faleConoscoLeft {
        flex: none;
    }
    
    #faleConoscoRight {
        flex: none;
        align-self: flex-start;
    }
}

@media (max-width: 700px) {
    #menuMain {
        height: 110px;
    }
}

/* Botões de idioma - Responsividade */
@media (max-width: 650px) {
    #langPt.active {
        display: none;
    }
    
    #langEn.active {
        display: none;
    }
    #bannerText {
        padding: 20px;
    }
    #bannerTitle {
        font-size: 2.5em;
    }
   #bannerContent {
        font-size: 1em;
    }
}

/* Botão de contato - Responsividade */
@media (max-width: 550px) {
    #contactButton {
        display: none;
    }
}

/* Parceiros Carrossel - Responsividade */
@media (max-width: 768px) {
    .parceirosCarrossel {
        gap: 80px;
    }
    
    .parceiroItem {
        width: 120px;
        height: 90px;
    }
}

@media (max-width: 480px) {
    #parceirosMain {
        padding: 40px 0;
    }
    
    .parceirosCarrossel {
        gap: 60px;
        animation: carrosselMove 30s linear infinite;
    }
    
    .parceiroItem {
        width: 100px;
        height: 75px;
    }
}