/* ============================================================
   RESPONSIVIDADE CAPA - SEU REGRAS DE 768PX ATIVADAS
   ============================================================ *
@media (max-width: 769px) {
    /* Força o fundo a voltar ao normal, removendo o vermelho do teste *
    body {
        background-color: initial !important; 
    }

    /* Reduz o título para caber em telas menores *
    .ics .ics-text-group {
        font-size: 28px !important;
        font-weight: 550;
        letter-spacing: 1px;
    }




/* --- RESPONSIVO PARA OS NOVOS TÍTULOS --- *
@media (max-width: 769px) {
    .titulo-secao-link {
        font-size: 36px;
    }
    .icone-link {
        font-size: 20px;
        gap: 10px;
    }
}



/* --- RESPONSIVO — CARDS PRODUTOS --- *
@media (max-width: 769px) {
    .titulo-produtos {
        font-size: 36px;
    }

    .cards-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .card-img-wrapper {
        height: 200px;
    }
}



/* --- RESPONSIVO — PROPAGANDA --- *
@media (max-width: 769px) {
    #marketing12,
    #marketing34 {
        flex-direction: column;
        gap: 15px;
        padding: 0 16px;
    }

    .ics-marketing1,
    .ics-marketing2,
    .ics-marketing3,
    .ics-marketing4 {
        height: 120px;
    }
}



/* --- RESPONSIVO — CARDS ANUNCIANTES --- *
@media (max-width: 769px) {
    .titulo-anunciantes {
        font-size: 36px;
    }

    .cards-grid-anunciantes {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .card-img-wrapper-anunciantes {
        height: 200px;
    }
}




/* --- RESPONSIVO — BOTÃO TOP --- *
@media (max-width: 769px) {
    .btn-top {
        margin-bottom: 40px;
    }
}



/* --- RESPONSIVO — RODAPÉ --- *
@media (max-width: 769px) {
    .icsfooter {
        min-height: auto;
        padding: 15px 16px;
        gap: 12px;
    }

    .ics-linha-1 {
        font-size: 16px;
    }

    .ics-linha-2 a:link,
    .ics-linha-2 a:visited {
        font-size: 16px;
        margin: 0 8px;
    }
}




/* RESPONSIVO - SEU PARCEIRO *
@media (max-width: 769px) {
    .qs-sobre {
        margin-top: 45px;
        }

    .qs-sobre-titulo {
        font-size: 26px;
        margin-top: 10px;
        font-weight: 600;
        }

    .qs-sobre-subtitulo {
        font-size: 20px;
        padding: 0 30px;
        font-weight: 600;
        }

    .qs-sobre-texto {
        font-size: 18px;
        max-width: 700px;
        font-weight: 400;
        }
}




/* RESPONSIVO - MISSÃO, VISÃO E VALORES*
@media (max-width: 769px) {
    .qs-identidade {
        width: 100%;
        max-width: 700px;
        }
}






/* RESPONSIVO - NOSSOS VALORES*
@media (max-width: 769px) {
    .qs-valores-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Centraliza o que sobrar na última linha *
        gap: 16px;
        max-width: 700px;
        margin: 0 auto 30px;
        width: 100%;
    }

    .qs-valores-card { 
        /* Altera o cálculo para permitir 2 colunas perfeitas lado a lado (50% menos o gap) *
        flex: 1 1 calc(50% - 16px); 
        min-width: 220px; /* Impede que fiquem muito esmagados *
        max-width: 280px; /* Aumentamos um pouco para o card expandir e caber em 2 colunas *
        box-sizing: border-box;
        padding: 16px 18px;
    }
}






/* RESPONSIVO - FRENTES *
/* Ajustes para Tablets e Telas Médias (Até 769px) *
@media (max-width: 769px) {
    .qs-portal-nome {
        font-size: 18px;
        font-weight: 500;
    }

}