/* RESPONSIVO HEADER */
@media (max-width: 1025px) {
    .ics-header-hamburger {
        margin-left: 3px; /* zera os 50px do desktop */
    }

    .ics-header {
        height: 45px; /* Reduz ligeiramente a altura da barra */
    }

    /* Zera as margens fixas de 50px do desktop para o flex container gerenciar */
    .ics-header-esquerda {
        gap: 5px; /* Diminui o espaçamento interno */
    }

    .ics-header-direita {
        gap: 12px;
    }

    /* Ajustes de tipografia e elementos */
    .ics-header-logo {
        width: 26px;
        height: 26px;
    }

    .ics-header-nome {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .ics-header-slogan {
        font-size: 14px; /* Diminui o tamanho para não empurrar o botão */
    }

    .ics-header-btn-login {
        font-size: 13px;
        padding: 6px 16px;
    }

    /* Ajuste posicional do Menu Cortina e do Popup */
    .ics-menu-cortina {
        top: 45px; /* Acompanha a nova altura do header */
        width: 280px;
        left: 0; /* Cola na lateral esquerda da tela no mobile */
    }

    .ics-popup {
        top: 60px;
        padding: 15px 35px 15px 15px; /* Compacta o espaçamento */
    }

    .ics-popup-texto {
        font-size: 18px;
    }
}
/* FIM RESPONSIVO HEADER */

/* ============================================================
RESPONSIVIDADE CAPA
============================================================ */
@media (max-width: 1025px) {
    .ics-text-group {
        margin-top: 1px;
        font-size: 30px !important; /* Diminuído levemente para harmonizar com os botões menores */
    }

    .ics-divider {
        display: none !important; /* Mantém a barra oculta para sobrar espaço */
    }
    
    .ics-buttons-wrapper {
        flex-direction: row !important; /* Garante o alinhamento horizontal */
        flex-wrap: nowrap !important;   /* CRUCIAL: Proíbe os botões de irem para a linha de baixo */
        gap: 6px !important;            /* Espaço reduzido entre os grupos/botões */
        width: 100% !important;
        justify-content: center !important;
    }

    .ics-btn-group {
        width: auto !important;         /* CORRIGIDO: Removido o 100% para não expulsar o outro grupo */
        display: flex !important;
        gap: 6px !important;            /* Espaço entre os botões do mesmo grupo */
    } 
    
    .ics-nav-btn {
        padding: 6px 10px !important;   /* Ajuste fino no preenchimento para caber em telas pequenas */
        font-size: 20px !important;     /* Letra levemente menor para garantir que não quebre o texto do botão */
        font-weight: 550;
        font-weight: 500px;
        border: 2px solid #ffffff !important; /* Borda levemente mais fina para o mobile (opcional) */
        margin-bottom: 15px;
    }

    .ics {
        padding: 30px 10px 30px; 
    }    
}
























/* ============================================================
RESPONSIVIDADE

██████╗ ██████╗  ██████╗ ██████╗ ██╗   ██╗████████╗ ██████╗ ███████╗
██╔══██╗██╔══██╗██╔═══██╗██╔══██╗██║   ██║╚══██╔══╝██╔═══██╗██╔════╝
██████╔╝██████╔╝██║   ██║██║  ██║██║   ██║   ██║   ██║   ██║███████╗
██╔═══╝ ██╔══██╗██║   ██║██║  ██║██║   ██║   ██║   ██║   ██║╚════██║
██║     ██║  ██║╚██████╔╝██████╔╝╚██████╔╝   ██║   ╚██████╔╝███████║
╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═════╝  ╚═════╝    ╚═╝    ╚═════╝ ╚══════╝

BLOCO 2 — CARDS DE PRODUTOS E SERVIÇOS
Elementos: <section class="cards-section">
            .cards-grid  /  .card
            .card-img-wrapper  /  .card-body
            .card-desc  /  .card-fornecedor
================================================================= *
@media screen and (max-width: 1025px) {
    
    /* Diminui o título principal para não quebrar muitas linhas *
    .titulo-secao-link {
        font-size: 42px;
        margin-bottom: 15px;
    }

    .icone-link {
        font-size: 26px;
    }

    /* Transforma o grid de 6 colunas em 3 colunas *
    .cards-grid {
        display: grid;
        /* Define que cada coluna terá no MÁXIMO 250px (mude o 250px para o tamanho que você quiser) *
        grid-template-columns: repeat(auto-fit, minmax(70px, 250px));
        
        justify-content: center; /* Centraliza os cards na tela *
        gap: 15px;
        padding: 5px;
    }

    /* Manipula o tamanho e comportamento dos cards nesta resolução *
-    .card {
        width: 50%;
        /* Remove efeitos muito bruscos de transformação se for tela de toque *
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    /* Ajusta a altura da imagem para manter a proporção no novo tamanho de card *
    .card-img-wrapper {
        height: 160px; 
    }
    
    /* Diminui um pouco os textos internos para otimizar espaço *
    .card-body {
        padding: 12px;
        gap: 6px;
    }

    .card-desc {
        font-size: 13px;
    }

    .card-fornecedor {
        font-size: 12px;
    }
}

















































































/* --- RESPONSIVO — CAPA / BUSCA --- *
@media (max-width: 1025px) {
    .ics-text-group {
        font-size: 18px;
    }

    .ics-container {
        margin-top: 60px;
        margin-bottom: -15px;
    }
    .ics {
        height: 140px;
    }

    .ics-form {
        width: 80%;
    }
}




/* --- RESPONSIVO — CARDS PRODUTOS --- *
@media (max-width: 1025px) {
    .titulo-produtos {
        font-size: 36px;
    }

    .card-desc {
        font-size: 10px;
    }

    .card-fornecedor {
        font-size: 11px;
    }

    .cards-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .card-img-wrapper {
        height: 130px;
    }
}



/* --- RESPONSIVO — CARDS ANUNCIANTES --- *
@media (max-width: 1025px) {
    .titulo-anunciantes {
        font-size: 36px;
    }

    .card-desc-anunciantes {
        font-size: 10px;
    }

    .card-fornecedor-anunciantes {
        font-size: 11px;
    }

    .cards-grid-anunciantes {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .card-img-wrapper-anunciantes {
        height: 130px;
    }
}




/* --- RESPONSIVO — RODAPÉ --- *
@media (max-width: 1025px) {
    .icsfooter {
        min-height: auto;
        padding: 10px 10px;
        gap: 1px;
    }

    .ics-linha-1 {
        font-size: 12px;
        margin: 0 8px;
    }

    .ics-linha-2 a:link,
    .ics-linha-2 a:visited {
        font-size: 12px;
        margin: 0 8px;
    }
}




/* RESPONSIVO - SEU PARCEIRO *
@media (max-width: 1025px) {
    .qs-sobre {
        margin-top: 40px;
        }

    .qs-sobre-titulo {
        font-size: 20px;
        font-weight: 500;
        }

    .qs-sobre-subtitulo {
        font-size: 16px;
        padding: 0 30px;
        margin-top: -1PX;
        font-weight: 600;
        }

    .qs-sobre-texto {
        font-size: 14px;
        margin-top: -1PX;
        max-width: 700px;
        font-weight: 300;
        }
}




/* Ajustes Exclusivos para Celulares (Até 1025px) *
@media (max-width: 1025px) {
    .qs-identidade {
        margin-top: -30px;
        gap: 20px;
    }

    /* Quebra as 3 colunas para 1 coluna única e perfeitamente centralizada no celular *
    .qs-mvv-grid {
        margin-top: -30px;
        grid-template-columns: 1fr !important; /* Um card por linha *
        gap: 26px;
        width: 100%;
        padding: 0;
    }
}




/* Apenas para celulares pequenos (onde realmente DEVE ser 1 coluna) *
@media (max-width: 1025px) {
    .qs-valores-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Centraliza perfeitamente o 5º card que vai sobrar embaixo *
        gap: 12px;               /* Um espaçamento sutil adequado para telas pequenas *
        max-width: 100%;
        margin: 0 auto 100px;
        width: 100%;
        margin-bottom: 30px;
    }

    .qs-valor-card { 
        /* CORREÇÃO: Força o card a ocupar metade da largura (50%) descontando o gap *
        flex: 1 1 calc(50% - 12px); 
        
        /* CORREÇÃO: min-width flexível e max-width aumentado para permitir que os cards usem o espaço das 2 colunas *
        min-width: 140px; 
        max-width: 48%; 
        
        box-sizing: border-box;
        padding: 20px 12px; /* Aumentado levemente para o texto interno respirar melhor *
    }
}
/* RESPONSIVO FIM - NOSSOS VALORES */





/* Ajustes Exclusivos para Celulares (Até 1025px) *
@media (max-width: 1025px) {
    .qs-portais {
        margin-top: -30px;
    }

    /* Quebra as 3 colunas para 1 coluna única e perfeitamente centralizada no celular *
    .qs-portais-grid {
        margin-top: -30px;
        grid-template-columns: 1fr !important; /* Um card por linha *
        gap: 10px;
        width: 90%;
        padding: 0;
    }

    .qs-portais-titulo {
        font-size: 26px;
        margin-top: 30px;
        font-weight: 700;
        margin-bottom: 18px;
    }
}
/* FIM GRID - PORTAIS ICSMIDIA, MOTOR.ICSMIDIA E IMOVEIS.ICSMIDIA */




/* RESPONSIVO -     MODELO DE NEGOCIOS *
/* Ajustes Exclusivos para Celulares (Até 1025px) *
@media (max-width: 1025px) {
    /* Título Principal *
    .qs-modelo-titulo {
        font-size: 24px;
        margin-top: -50px;
    }

    /* Texto em Destaque (ex: Subtítulo) *
    .qs-modelo-destaque {
        font-size: 20px;
        padding: 0 20PX;
        max-width: 480;          /* Limite de largura para melhor leitura */
    }

    /* Texto Descritivo Padrão *
    .qs-modelo-texto {
        font-size: 18px;
        font-weight: 400;
        margin-top: -10px;
        margin-bottom: -20px;
    }

    .qs-stat-label {
        font-size: 18px;
        font-weight: 400;
        margin-top: -10px;
        margin-bottom: -40px;
    }

}

*/