/* ========================================
   OTIMIZAÇÕES DE ESPAÇAMENTO - JORDÃO BRASIL
   Reduz espaçamentos entre seções da homepage
   VERSÃO 2: -25% ADICIONAL (total -62.5% do original)
   ======================================== */

/* Reduzir espaçamento do carrossel principal (banner) */
.slide.slidetop {
    margin-bottom: 22px !important;
}

/* Reduzir espaçamento da seção de áreas de negócio */
.carrossel-out {
    margin: 15px 0 11px !important;
}

.carrossel-out > .title {
    margin-bottom: 15px !important;
}

/* Reduzir espaçamento entre ícones de áreas */
.carrossel {
    margin-bottom: 15px !important;
}

/* Reduzir espaçamento de casos de estudo */
.cases-section,
.estudos-section {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Reduzir espaçamento "Precisa de ajuda?" */
.need-help {
    margin: 45px auto 30px !important;
}

.need-help h4 {
    margin-bottom: 18px !important;
}

/* Reduzir espaçamento entre rows gerais */
.container > .row {
    margin-bottom: 15px;
}

/* Reduzir espaçamento de seções com background */
section,
.section {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Reduzir espaçamento do footer */
#footer {
    margin-top: 30px !important;
}

.footer-top {
    padding-top: 30px !important;
    padding-bottom: 22px !important;
}

/* Reduzir espaçamento de títulos de seções */
h2.section-title,
h3.section-title {
    margin-top: 15px !important;
    margin-bottom: 11px !important;
}

/* Reduzir espaçamento interno de cards/boxes */
.card,
.box,
.panel {
    margin-bottom: 11px !important;
}

/* Reduzir espaçamento de notícias/blog */
.noticias-section {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

/* Otimizar espaçamento vertical geral da página */
body.home {
    line-height: 1.3 !important;
}

/* Reduzir espaçamento entre elementos do carrossel de notícias */
.instagram-carousel-wrapper,
.noticias-carousel-wrapper {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Reduzir padding de containers */
.container {
    padding-top: 11px;
    padding-bottom: 11px;
}

/* Reduzir espaçamento entre items de lista/grid */
.row {
    margin-bottom: 10px !important;
}

/* Reduzir espaçamento de títulos gerais */
h1, h2, h3, h4, h5 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Otimizar espaçamento de parágrafos */
p {
    margin-bottom: 10px !important;
}

/* Mobile: manter espaçamentos ainda menores */
@media (max-width: 768px) {
    .need-help {
        margin: 30px auto 22px !important;
    }
    
    .carrossel-out {
        margin: 11px 0 8px !important;
    }
    
    section,
    .section {
        padding-top: 15px !important;

/* ========================================
   CORREÇÕES ESPECÍFICAS - 26/01/2026
   ======================================== */

/* Reduzir espaçamento entre ícones de áreas e casos de estudo */
.destaques.casos-estudo {
    margin-top: 5px !important;
    padding-top: 5px !important;
}

/* Corrigir posicionamento das setas do carrossel de casos de estudo */
.destaques.casos-estudo .lSAction > a {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

/* Garantir que as setas fiquem centralizadas verticalmente em todos carrosséis */
.lSAction > a {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.lSAction > .lSPrev {
    left: 10px !important;
}

.lSAction > .lSNext {
    right: 10px !important;
}

/* Reduzir espaçamento geral dos carrosséis */
.destaques {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}