/**
 * Pages Fix CSS - Correção de Espaçamentos
 * Clube dos Cruzeiros
 * 
 * Remove espaços em branco entre header e banner interno
 * para todas as páginas específicas do site
 */

/* ========================================================================
   CORREÇÃO GERAL PARA PÁGINAS
   ======================================================================== */

/* Páginas usando part-banner-interno.php */
body.page .site-header {
    margin-bottom: 0 !important;
}

body.page main.transition {
    padding-top: 0 !important;
    margin-top: -1px !important;
}

/* Banner interno - ajuste específico */
body.page .banner-interno {
    margin-top: -1px !important;
    padding-top: 20px !important;
}

/* ========================================================================
   CORREÇÕES ESPECÍFICAS POR TEMPLATE
   ======================================================================== */

/* Template Sobre */
body.page-template-sobre main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-sobre .banner-interno {
    margin-top: -2px !important;
}

/* Template Contato */
body.page-template-contato main.transition,
body.page-template-contato-sucesso main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-contato .banner-interno,
body.page-template-contato-sucesso .banner-interno {
    margin-top: -2px !important;
}

/* Template Listagem Cruzeiros */
body.page-template-listagem-cruzeiros main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-listagem-cruzeiros .banner-interno {
    margin-top: -2px !important;
}

/* Template Companhias Listagem */
body.page-template-companias-listagem main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-companias-listagem .banner-interno {
    margin-top: -2px !important;
}

/* Template Grupos e Eventos */
body.page-template-grupos-e-eventos main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-grupos-e-eventos .banner-interno {
    margin-top: -2px !important;
}

/* Template Diagnóstico */
body.page-template-diagnostico main.transition {
    padding-top: 0 !important;
    margin-top: -2px !important;
}

body.page-template-diagnostico .banner-interno {
    margin-top: -2px !important;
}

/* ========================================================================
   RESPONSIVO
   ======================================================================== */

/* Mobile - Ajustes específicos */
@media (max-width: 768px) {
    body.page .banner-interno {
        margin-top: -1px !important;
        padding-top: 15px !important;
    }
    
    body.page-template-sobre .banner-interno,
    body.page-template-contato .banner-interno,
    body.page-template-contato-sucesso .banner-interno,
    body.page-template-listagem-cruzeiros .banner-interno,
    body.page-template-companias-listagem .banner-interno,
    body.page-template-grupos-e-eventos .banner-interno,
    body.page-template-diagnostico .banner-interno {
        margin-top: -1px !important;
        padding-top: 15px !important;
    }
}

/* ========================================================================
   GARANTIA DE COMPATIBILIDADE
   ======================================================================== */

/* Remove qualquer margin-top adicional do primeiro elemento após header */
body.page .site-header + * {
    margin-top: 0 !important;
}

/* Garantir que não afete outros elementos */
body.page main.transition > .container-fluid:first-child,
body.page main.transition > .container:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ========================================================================
   OVERRIDE PARA CASOS ESPECÍFICOS
   ======================================================================== */

/* Se alguma página precisar de espaçamento específico, 
   adicionar classe .keep-spacing no body */
body.page.keep-spacing main.transition {
    margin-top: 0 !important;
    padding-top: 20px !important;
}

body.page.keep-spacing .banner-interno {
    margin-top: 0 !important;
}