.elementor-2078 .elementor-element.elementor-element-8918f9f{--display:flex;--overflow:hidden;border-style:none;--border-style:none;}.elementor-2078 .elementor-element.elementor-element-8918f9f:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-8918f9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:478px){.elementor-2078 .elementor-element.elementor-element-8918f9f{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-b29f9ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:479px){.elementor-2078 .elementor-element.elementor-element-8918f9f{--width:110%;}}/* Start custom CSS *//* =======================================================
   PORTAL XANGRI-LÁ: AJUSTE DE CABEÇALHO (TEMA ASTRA)
   ======================================================= */

/* 1. Redução drástica da logo do portal */
#masthead .site-branding .custom-logo,
#masthead .site-logo-img .custom-logo {
    max-height: 34px !important; /* Reduz a altura para 34px deixando o logo perfeito e elegante */
    width: auto !important;
    transition: all 0.2s ease-in-out;
}

/* 2. Compactação das abas do menu de navegação */
#masthead .main-header-bar-navigation .main-header-menu > .menu-item > .menu-link {
    font-size: 13px !important;     /* Reduz levemente o tamanho de fonte original das abas */
    padding-left: 10px !important;   /* Diminui o vento horizontal entre abas nas laterais */
    padding-right: 10px !important;
    transition: all 0.2s ease-in-out;
}

/* Diminui a margem física padrão de cada item de menu */
#masthead .main-header-menu .menu-item {
    margin-right: 1px !important;
}

/* 3. Redução da altura útil de toda a barra de cabeçalho desktop */
#masthead .ast-primary-header-bar,
#masthead .main-header-bar {
    line-height: inherit !important;
    padding: 4px 0 !important;      /* Diminui a folga superior/inferior interna */
    min-height: 52px !important;     /* Força o cabeçalho a ficar super fino e enxuto */
}

/* 4. Destaque de Contraste e Separação do Cabeçalho */
#masthead {
    background-color: #000000 !important; /* Garante o fundo preto sólido */
    border-bottom: 2px solid #2563EB !important; /* Linha de destaque azul metálico na base (substitua por #EAB308 se preferir o dourado) */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; /* Sombra elegante para dar flutuabilidade e maior presença */
}

/* 5. Ajustes e enxágue para dispositivos móveis (Celulares) */
@media (max-width: 921px) {
    #ast-mobile-header .site-branding img,
    #ast-mobile-header .site-logo-img .custom-logo {
        max-height: 28px !important; /* Logo mobile ainda menor e mais discreta */
    }
    #ast-mobile-header .ast-primary-header-bar {
        padding: 4px 0 !important;
        min-height: 48px !important;
    }
}

/* ==========================================
   RODAPÉ COMPACTO, PEQUENO E ELEGANTE (ASTRA)
   ========================================== */

/* 1. Reduz o tamanho de toda a área do rodapé ao mínimo */
#colophon.site-footer {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background-color: transparent !important;
}

/* 2. Minimiza espaçamentos internos da barra inferior do Astra */
#colophon .site-below-footer-wrap {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: auto !important;
}

#colophon .ast-builder-grid-row-container-inner,
#colophon .site-below-footer-inner-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Alinha os blocos horizontalmente com espaçamento simétrico */
#colophon .site-below-footer-inner-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* 4. Torna todos os textos menores, delicados e discretos (11px) */
#colophon .ast-footer-copyright,
#colophon .ast-footer-copyright p,
#colophon .widget_block,
#colophon .widget_block p,
#colophon .widget_block a,
#colophon p.wp-block-paragraph,
#colophon p.wp-block-paragraph a {
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

/* 5. Efeito moderno de transição de cor no link de termos */
#colophon .widget_block a,
#colophon p.wp-block-paragraph a {
    text-decoration: none !important;
    opacity: 0.75 !important;
    transition: all 0.2s ease-in-out !important;
}

#colophon .widget_block a:hover,
#colophon p.wp-block-paragraph a:hover {
    opacity: 1 !important;
    text-decoration: underline !important;
}

/* 6. Ajuste responsivo para celulares em uma linha limpa de menor espaço */
@media (max-width: 768px) {
    #colophon .site-below-footer-inner-wrap {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }
}/* End custom CSS */