@media (max-width: 767.98px) {
            /* No mobile, a imagem vai para o topo e o degradê passa a ser vertical */
            .d-none.d-md-block {
                display: block !important;
                position: relative !important;
                width: 100% !important;
                height: 260px !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-eltek {
                width: 100%;
                max-width: 320px;
                padding: 16px 20px !important;
            }
        }
        .btn-hero-eltek:hover {
            background: linear-gradient(135deg, #8cd114 0%, #6e9f13 100%) !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }
        .btn-hero-eltek:hover svg {
            transform: translateX(3px);
        }
      
      
      
      @media(min-width:992px){
        .container-hero-desktop{
          
padding-top: 100px; padding-bottom: 100px;
        }
      }





       @media (min-width: 992px) {
            .col-lg-2-4 {
                flex: 0 0 auto;
                width: 20%;
            }
            .wrapper-diferencial:not(:last-child) {
                border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
            }
        }
        @media (max-width: 991.98px) {
            .wrapper-diferencial {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
            }
            /* Cria uma divisória direita discreta se estiver em grid duplo (sm) */
            @media (min-width: 576px) {
                .wrapper-diferencial:nth-child(odd) {
                    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
                }
            }
        }





         @media (max-width: 767.98px) {
            /* Transforma a imagem de background em um bloco superior fluido no mobile */
            .d-none.d-md-block {
                display: block !important;
                position: relative !important;
                width: 100% !important;
                height: 240px !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;
            }*/
            h2 {
                font-size: 24px !important;
            }
            p {
                font-size: 13.5px !important;
            }
        }


        .card-solucao-eltek:hover {
            border-color: #7cb316 !important; /* Destaque verde Eltek no hover */
            transform: translateY(-2px);
        }
        @media (max-width: 575.98px) {
            .card-solucao-eltek {
                max-width: 340px;
                margin: 0 auto;
            }
        }




         @media (max-width: 991.98px) {
            /* Ativa o scroll horizontal nativo sutil caso as etapas extrapolem a largura da tela em tablets */
            .row-fluxo {
                flex-wrap: nowrap !important;
                justify-content: flex-start !important;
                -webkit-overflow-scrolling: touch;
            }
            .bloco-etapa {
                width: 160px !important;
            }
        }
        @media (max-width: 575.98px) {
            /* Em telas muito pequenas de celulares, remove as setas para economizar espaço e focar no deslize */
            .bloco-seta {
                display: none !important;
            }
            .bloco-etapa {
                margin-right: 15px;
            }
        }






         .card-beneficio-eltek:hover {
            border-color: rgba(124, 179, 22, 0.4) !important;
            background-color: rgba(255, 255, 255, 0.02) !important;
        }
        @media (max-width: 575.98px) {
            .card-beneficio-eltek {
                max-width: 320px;
                margin: 0 auto;
            }
        }





         .item-segmento {
            flex: 1 1 0%;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            padding: 10px 5px;
        }
        .conteudo-segmento {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-align: center;
        }
        .conteudo-segmento span {
            font-size: 13px;
            font-weight: 600;
            line-height: 1.3;
            color: rgba(255, 255, 255, 0.85);
        }

        /* Responsivo Otimizado */
        @media (max-width: 991.98px) {
            .wrapper-segmentos {
                flex-wrap: wrap !important;
                justify-content: center !important;
            }
            .item-segmento {
                flex: 0 0 25% !important;
                border-right: none !important;
                margin-bottom: 25px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.03);
            }
        }

        @media (max-width: 575.98px) {
            .item-segmento {
                flex: 0 0 50% !important;
                padding: 10px 15px;
            }
            .conteudo-segmento span {
                font-size: 12px;
            }
        }






         @media (max-width: 767.98px) {
            section {
                background-image: linear-gradient(to bottom, rgba(11, 17, 26, 0.9) 0%, #0b111a 100%), url('{{Site.PastaTemplate}}/imagens/eltek/Imagem Falar com Especialista.webp') !important;
                background-position: center top !important;
                padding: 50px 0 !important;
            }
            h2 {
                font-size: 24px !important;
            }
            p {
                font-size: 14px !important;
            }
            .btn-cta-whatsapp {
                width: 100%; /* Botão ocupa largura total no mobile para melhor clique */
                max-width: 320px;
                padding: 16px 20px !important;
            }
        }
        .btn-cta-whatsapp:hover {
            background-color: #7cb316 !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }