/* Ajustes para Mobile */
        @media (max-width: 991.98px) {
            h1 { font-size: 32px !important; }
            .text-center-mobile { text-align: center; }
        }
        
        /* Hover do botão */
        a.btn:hover {
            background-color: #055ba2 !important; /* Versão levemente mais escura do azul Dell */
        }
      


         /* Estilos base Desktop */
        .hero-img-container {
            position: absolute; 
            top: 0; 
            right: 0; 
            width: 55%; 
            height: 100%; 
            z-index: 1;
        }

        /* Ajuste responsivo Mobile sem quebrar o fluxo */
        @media (max-width: 767.98px) {
            .hero-dell-section {
                /* Em vez de mover a div, colocamos a imagem como background da seção inteira no mobile */
                background-image: linear-gradient(to bottom, rgba(6, 12, 22, 0.5) 0%, #060c16 80%), url('{{Site.PastaTemplate}}/imagens/dell/Imagem Cabeçalho.webp') !important;
                background-size: cover !important;
                background-position: center !important;
            }
            
            .hero-img-container {
                display: none !important; /* Esconde a div absoluta para não vazar espaço */
            }

            .hero-dell-section .container {
                padding-top: 160px !important; /* Espaço para ver a imagem no topo */
                padding-bottom: 60px !important;
            }
            
            h1 {
                font-size: 28px !important;
            }
            p {
                font-size: 14px !important;
            }
            .btn-hero-dell {
                width: 100%;
                max-width: 320px;
                padding: 16px 20px !important;
            }
        }
        
        /* Efeitos de Hover */
        .btn-hero-dell:hover {
            background: #055ba2 !important;
            color: #ffffff !important;
            transform: translateY(-1px);
        }
        .btn-hero-dell:hover svg {
            transform: translateX(3px);
        }





         /* Divisores verticais no desktop (lg) */
        @media (min-width: 992px) {
            .row-diferenciais-dell .pilar-item {
                border-right: 1px solid rgba(255, 255, 255, 0.08);
                padding-left: 15px;
                padding-right: 15px;
            }
            .row-diferenciais-dell .no-border-lg {
                border-right: 0 !important;
            }
        }

        /* Ajustes Mobile-First reais */
        @media (max-width: 991.98px) {
            .row-diferenciais-dell .pilar-item {
                padding-bottom: 10px;
            }
        }

        @media (max-width: 575.98px) {
            .row-diferenciais-dell .pilar-item {
                border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                padding-bottom: 25px;
                margin-bottom: 15px;
            }
            .row-diferenciais-dell .pilar-item:last-child {
                border-bottom: 0 !important;
                padding-bottom: 0;
                margin-bottom: 0;
            }
        }


        /* Ajustes Mobile-First real */
        @media (max-width: 767.98px) {
            .container {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }
            span {
                text-align: center;
            }
            h2 {
                font-size: 26px !important;
                text-align: center;
            }
            p {
                text-align: center;
            }
        }


         /* Ajustes Mobile-First real */
        @media (max-width: 767.98px) {
            .container {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }
            span {
                text-align: center;
            }
            h2 {
                font-size: 26px !important;
                text-align: center;
            }
            p {
                text-align: center;
            }
        }




          /* Distribuição perfeita de 5 colunas igualmente espaçadas no desktop */
        @media (min-width: 992px) {
            .card-grid-solutions-dell .col-lg-custom-5 {
                flex: 0 0 20%;
                max-width: 20%;
            }
        }

        /* Ajustes Mobile-First reais */
        @media (max-width: 991.98px) {
            .card-grid-solutions-dell .col-lg-custom-5 {
                margin-bottom: 12px;
            }
        }
        
        @media (max-width: 767.98px) {
            .solution-card-dell img {
                height: 150px !important;
            }
        }



          /* Grid personalizada de 5 colunas para o Desktop */
        @media (min-width: 992px) {
            .row-processo-dell .col-lg-custom-5 {
                flex: 0 0 20%;
                max-width: 20%;
            }
            
            /* Conectores pontilhados entre as bolinhas */
            .processo-item .processo-icon-wrap::after {
                content: "";
                position: absolute;
                top: 50%;
                left: calc(100% + 15px);
                width: calc(130% - 30px);
                height: 1px;
                border-top: 1.5px dotted rgba(255, 255, 255, 0.25);
                transform: translateY(-50%);
                z-index: 1;
            }
            
            .row-processo-dell .no-connector .processo-icon-wrap::after {
                display: none !important;
            }
        }

        /* Ajustes de espaçamento Mobile-First */
        @media (max-width: 991.98px) {
            .processo-item {
                margin-bottom: 20px;
            }
        }
        
        @media (max-width: 575.98px) {
            .processo-item h3 {
                font-size: 15px !important;
            }
            .processo-item p {
                font-size: 13px !important;
                max-width: 280px;
            }
        }




         /* Linhas divisórias verticais do layout (Desktop) */
        @media (min-width: 1200px) {
            .row-beneficios .flex-item-beneficio,
            .row-ideal-para .flex-item-ideal {
                border-right: 1px solid rgba(255, 255, 255, 0.08);
            }
            .o-ideal-para-wrapper {
                border-left: 1px solid rgba(255, 255, 255, 0.15);
            }
            .padding-left-xl-title {
                padding-left: 30px;
            }
            .row-ideal-para {
                padding-left: 15px;
            }
            .no-border-xl {
                border-right: 0 !important;
            }
        }

        /* Mobile-First real */
        @media (max-width: 1199.98px) {
            .text-center-mobile {
                text-align: center;
            }
            .o-ideal-para-wrapper {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                padding-top: 40px;
                margin-top: 20px;
            }
        }

        @media (max-width: 575.98px) {
            .flex-item-beneficio, .flex-item-ideal {
                border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                padding-bottom: 20px;
                margin-bottom: 15px;
            }
            .row-beneficios .flex-item-beneficio:last-child,
            .row-ideal-para .flex-item-ideal:last-child {
                border-bottom: 0 !important;
                padding-bottom: 0;
                margin-bottom: 0;
            }
        }



          /* Efeito de hover discreto no botão */
        .cta-dell-box a:hover {
            background-color: #055fa9 !important;
        }
        .cta-dell-box a:hover svg {
            transform: translateX(3px);
        }

        /* Ajustes Mobile-First real */
        @media (max-width: 767.98px) {
            .cta-dell-box {
                padding: 35px 20px !important;
                background-position: center !important;
                text-align: center !important;
            }
            .cta-dell-box .text-start {
                text-align: center !important;
                padding-left: 0 !important;
            }
            .cta-dell-box h2 {
                font-size: 22px !important;
            }
            .cta-dell-box p {
                font-size: 13px !important;
                margin-left: auto;
                margin-right: auto;
            }
            .cta-dell-box a {
                width: 100%;
                max-width: 280px;
            }
            .cta-dell-box .text-md-end {
                margin-top: 20px;
            }
        }