@media (max-width: 767.98px) {
            /* Mobile-First real: Ajuste da imagem para o topo e degradê vertical */
            .d-none.d-md-block {
                display: block !important;
                position: relative !important;
                width: 100% !important;
                height: 280px !important;
            }
            .d-none.d-md-block > div {
                background: linear-gradient(to bottom, rgba(11, 17, 26, 0) 0%, #0b111a 100%) !important;
            }
            /*.container {
                padding-top: 30px !important;
                padding-bottom: 60px !important;
            }*/
            h1 {
                font-size: 28px !important;
            }
            p {
                font-size: 14px !important;
            }
            .btn-hero-geraforte {
                width: 100%;
                max-width: 320px;
                padding: 16px 20px !important;
            }
        }
        
        /* Efeitos de Hover */
        .btn-hero-geraforte:hover {
            background: #a30000 !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }
        .btn-hero-geraforte:hover svg {
            transform: translateX(3px);
        }
       @media(min-width:992px){
        .container-hero-desk{
          padding-top: 100px; padding-bottom: 100px;
        }
      }




        /* Divisores verticais apenas em telas grandes (Desktop) */
        @media (min-width: 1200px) {
            .col-xl-24 {
                flex: 0 0 20%;
                max-width: 20%;
            }
            .gf-col-divider {
                position: relative;
            }
            .gf-col-divider::after {
                content: "";
                position: absolute;
                right: 0;
                top: 15%;
                height: 70%;
                width: 1px;
                background: rgba(255, 255, 255, 0.08);
            }
        }

        /* Limpeza de divisores no mobile - Mobile-First Real */
        @media (max-width: 1199.98px) {
            .gf-col-divider::after {
                display: none !important;
            }
        }





         /* Ajustes Mobile-First real mantendo acessibilidade e fontes >= 16px */
        @media (max-width: 991.98px) {
            .col-12 div[style*="min-height: 380px"] {
                height: 300px !important;
                min-height: 300px !important;
            }
            .col-12 div[style*="min-height: 380px"] img {
                min-height: 300px !important;
            }
            h2 {
                font-size: 22px !important;
                margin-bottom: 16px !important;
            }
        }



        /* Estilização das bolinhas vermelhas da lista */
        .gf-custom-list li {
            position: relative;
            padding-left: 14px;
            margin-bottom: 6px;
            line-height: 1.4;
            color: #cbd5e1;
        }
        .gf-custom-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 7px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #cc0000;
        }

        /* 5 colunas idênticas no Desktop */
        @media (min-width: 1200px) {
            .col-xl-20 {
                flex: 0 0 20%;
                max-width: 20%;
            }
        }

        /* Mobile-First real: Ajustes estruturais para telas menores */
        @media (max-width: 1199.98px) {
            .gf-solution-card {
                height: 520px !important;
            }
        }
        @media (max-width: 575.98px) {
            .gf-solution-card {
                height: auto !important;
                min-height: 480px;
            }
            h2 {
                font-size: 22px !important;
            }
        }

        /* Efeito hover sutil nos cards */
        .gf-solution-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .gf-solution-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
            border-color: rgba(204, 0, 0, 0.2) !important;
        }


         /* Mobile-First Real */
        @media (max-width: 991.98px) {
            .gf-benefits-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 24px 16px !important;
            }
        }

        @media (max-width: 575.98px) {
            .gf-benefits-grid {
                grid-template-columns: 1fr !important;
                gap: 32px !important;
            }
            .gf-ideal-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 24px 16px !important;
            }
            h4 {
                min-height: auto !important;
            }
        }




         /* Correção auxiliar para alinhar imagens centrais */
        .tbx-step-item div[style*="d-flex"] {
            display: flex !important;
        }

        /* Comportamento de Layout responsivo Mobile-First real */
        @media (min-width: 1200px) {
            .tbx-step-item {
                flex: 1;
            }
        }

        @media (max-width: 1199.98px) {
            .tbx-step-arrow {
                transform: rotate(90deg);
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .tbx-step-item {
                width: 100%;
                max-width: 260px;
            }
            h2 {
                font-size: 22px !important;
            }
        }



        /* Container Geral da Section */
.cta-geraforte {
    background-color: #030303;
}

/* Fundo escuro do box e borda idêntica ao padrão anterior */
.cta-banner-bg {
    background-color: #09090b;
    border: 1px solid #1f1f23;
}

/* Controle de proporção da imagem */
.cta-image-col {
    min-height: 250px;
}

/* Tipografia e Textos */
.cta-title {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.cta-text {
    color: #a1a1aa !important; /* Cinza sutil para dar o contraste do print */
    font-size: 0.95rem;
    line-height: 1.45;
    font-weight: 400;
}

/* Botão Vermelho Customizado */
.btn-cta-whatsapp {
    background-color: #b30006; /* Vermelho mais denso do botão */
    color: #ffffff !important;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: 6px;
    border: none;
    transition: background 0.2s ease-in-out;
}

.btn-cta-whatsapp:hover {
    background-color: #900004;
}

/* Ajuste Mobile-First */
@media (min-width: 768px) {
    .cta-image-col {
        min-height: 340px; /* Força a altura ideal combinando com o lado do texto */
    }
}

@media (max-width: 767.98px) {
    .cta-title {
        font-size: 1.35rem;
    }
    .cta-content-col {
        text-align: center;
    }
    .btn-cta-whatsapp {
        width: 100%; /* Botão full-width no mobile para melhor clique */
    }
}