@media (max-width: 970px) {
    html, body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        position: relative;
    }
    /* Container adjustments */
    #geral {
        width: 100% !important;
        padding: 0 15px;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* Header and Menu */
    #header {
        height: auto !important;
        text-align: center;
        position: relative;
    }
    #header h1 {
        float: none !important;
        margin: 0 auto 15px auto !important;
        text-align: center;
    }
    #header h1 img {
        max-width: 100%;
        height: auto;
    }
    #header > .menu {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background: none !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    #header > .menu > li {
        margin: 5px;
    }
    #menuPrincipal_menu li.space {
        display: none !important;
    }
    
    /* Login block */
    #login {
        text-align: center !important;
        margin-bottom: 10px;
    }
    #login > a {
        float: none !important;
        display: inline-block;
    }
    #login_ar {
        position: static !important;
        margin: 10px auto !important;
        background: #f1f1f1 !important;
        padding: 15px !important;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Banner */
    #banner {
        margin-top: 10px !important;
        top: 0 !important;
        margin-bottom: 20px !important;
        height: 130px !important;
    }
    #banner .images {
        height: 130px !important;
        min-height: 0 !important;
    }
    #banner .images > div {
        height: 130px !important;
    }
    #banner .images > div a {
        background-size: cover !important;
        background-position: center center !important;
        width: 100% !important;
        height: 130px !important; 
    }
    #banner .slidetabs {
        margin-top: 10px !important;
        position: relative;
        z-index: 10;
        text-align: center;
        left: 0 !important;
    }
    
    /* Destaques (2 columns) */
    #destaques ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #destaques ul > li {
        width: 48% !important;
        margin: 0 0 15px 0 !important;
        float: none !important;
        max-width: none !important;
        box-sizing: border-box;
    }
    #destaques ul > li h2 img {
        width: 100% !important;
        height: auto;
    }
    #destaques ul > li div.cantos, #destaques ul > li div.meios, #destaques ul > li div.box,
    #destaques ul > li div.a, #destaques ul > li div.b, #destaques ul > li div.c, #destaques ul > li div.d, #destaques ul > li div.container {
        width: 100% !important;
        box-sizing: border-box;
    }
    #destaques ul > li div.box {
        border-radius: 8px;
        padding: 0;
        height: 100%;
    }
    .input-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .input-box input {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .radio-box {
        display: flex;
        flex-direction: column;
        padding-left: 5px !important;
        margin-bottom: 5px;
    }
    .radio-box label p {
        margin-right: 0 !important;
    }
    
    /* Chamadas */
    #chamadas {
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 20px !important;
    }
    #chamadas > div {
        width: 100% !important;
        max-width: 316px !important; /* Match desktop size exactly */
        margin: 0 auto 20px auto !important;
        height: 108px !important;
    }
    #chamadas > div > a {
        float: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    #chamadas > div > a > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    
    /* Footer */
    #rodape ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }
    #rodape ul li {
        margin: 5px 10px;
    }
    #rodape ul li:nth-child(even) {
        display: none !important; /* Hides separators */
    }
    
    /* Dropdowns */
    #dropDownMenu, #dropDownDownloads, #dropDownMenuFale {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        background: #f9f9f9 !important;
        margin: 10px 0 !important;
    }
    .menu_dropdown {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    /* Modals */
    .video-box, .modal-box {
        width: 100% !important;
        margin-left: 0 !important;
        left: 0 !important;
        box-sizing: border-box;
    }
    .videoWrapper iframe {
        width: 100% !important;
        height: 250px !important;
    }
    

/* Fim CSS Responsivo */

/* Complete Modal Overrides */
    #overlay-modal div.modalWrapper {
        width: 90% !important;
        height: auto !important;
        max-height: 85vh !important;
        margin: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        overflow-y: auto !important;
    }
    
    #overlay-modal .modalWrapper ul li {
        width: 100% !important;
        padding: 0 !important;
    }
    
    #overlay-modal .modalWrapper ul li h3 {
        font-size: 18px !important;
        margin: 15px 0 !important;
    }
    
    #overlay-modal .modalWrapper ul li p {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    
    #overlay-modal .modalWrapper ul li img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    #overlay-modal div a.imgVideoPopupClose {
        right: 10px !important;
        top: 10px !important;
    }

}

/* WhatsApp Page specifics */
@media (max-width: 768px) {
    #conteudo_box {
        padding: 10px !important;
    }
    .wa-contact-list {
        padding: 0 !important;
    }
    .wa-contact-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px;
    }
    .wa-btn {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}