@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-tamura {
                width: 100%;
                max-width: 320px;
                padding: 16px 20px !important;
            }
        }
        
        /* Hover effects */
        .btn-hero-tamura:hover {
            background: #004494 !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }
        .btn-hero-tamura: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%;
            }
            .tbx-col-divider {
                position: relative;
            }
            .tbx-col-divider::after {
                content: "";
                position: absolute;
                right: 0;
                top: 10%;
                height: 80%;
                width: 1px;
                background: rgba(255, 255, 255, 0.08);
            }
        }

        /* Ajustes Mobile-First real */
        @media (max-width: 1199.98px) {
            .tbx-col-divider::after {
                display: none !important;
            }
        }



         /* Ajuste fino de comportamento mobile-first */
        @media (max-width: 991.98px) {
            /* No tablet/mobile, as imagens se adaptam melhor com altura fixa */
            .col-12 div[style*="min-height: 300px"] {
                height: 260px !important;
                min-height: 260px !important;
            }
            /* Garante espaçamento visual coerente ao quebrar colunas */
            h2 {
                font-size: 22px !important;
            }
        }



         /* Correção para alinhar flex-column interno sem quebrar estrutura inline */
        .tbx-solution-card div[style*="flex-column"] {
            flex-direction: column !important;
        }

        /* Divisão perfeita de 5 colunas em telas Desktop/Grandes */
        @media (min-width: 1200px) {
            .col-xl-20 {
                flex: 0 0 20%;
                max-width: 20%;
            }
        }

        /* Mobile-First real: Ajuste suave de altura caso necessário */
        @media (max-width: 575.98px) {
            .tbx-solution-card {
                height: 340px !important;
            }
            h2 {
                font-size: 24px !important;
            }
        }

        /* Efeito hover suave nos cards */
        .tbx-solution-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .tbx-solution-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
        }


         /* Ajuste fino de 5 colunas para os Benefícios em desktop */
        @media (min-width: 768px) {
            .col-md-24 {
                flex: 0 0 20%;
                max-width: 20%;
            }
            .tbx-benefit-divider {
                position: relative;
            }
            .tbx-benefit-divider::after {
                content: "";
                position: absolute;
                right: 0;
                top: 15%;
                height: 70%;
                width: 1px;
                background: rgba(255, 255, 255, 0.08);
            }
        }

        /* Mobile-First Real: Limpa as divisórias em telas menores */
        @media (max-width: 767.98px) {
            .tbx-benefit-divider::after {
                display: none !important;
            }
            h2 {
                font-size: 22px !important;
                margin-bottom: 25px !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;
            }
        }


        /* Ajustes específicos Mobile-First Real */
        @media (min-width: 768px) {
            .style-cta-img-container {
                height: 100%;
                align-self: stroke;
            }
            .style-cta-img-container img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100% !important;
                      transform: translateY(-50%);
            }
            div[style*="padding: 0 24px 30px 24px"] {
                padding: 30px 24px !important;
            }
            h2 {
                font-size: 22px !important;
            }
        }

        @media (max-width: 767.98px) {
            .style-cta-img-container {
                height: 160px;
            }
            h2 {
                font-size: 20px !important;
            }
            .btn-cta-tamura {
                width: 100%;
                max-width: 320px;
            }
        }

        /* Efeitos de Hover */
        .btn-cta-tamura:hover {
            background: #004494 !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }
        .btn-cta-tamura:hover svg {
            transform: translateX(3px);
        }