/* Criação de Site Brasil V3.2 • Navegação administrável e identidade de topo */

/* Topo superior e área principal do menu são independentes. */
.utility-bar{
    background:var(--theme-utility-bg,#050505)!important;
    color:var(--theme-utility-text,#BEBEBE)!important;
}
.utility-copy,.utility-social-label{color:var(--theme-utility-text,#BEBEBE)!important}
.utility-socials .social-icon{
    color:var(--theme-utility-text,#BEBEBE)!important;
    border-color:color-mix(in srgb,var(--theme-utility-text,#BEBEBE) 22%,transparent)!important;
}
.site-header{
    background:color-mix(in srgb,var(--theme-nav-bg,#050505) 97%,transparent)!important;
    color:var(--theme-nav-text,#FFFFFF)!important;
}
.desktop-nav>a,
.desktop-nav>.nav-item>a,
.search-top,
.mobile-nav a{
    color:var(--theme-nav-text,#FFFFFF)!important;
}
.menu-toggle{
    color:var(--theme-nav-text,#FFFFFF)!important;
    border-color:color-mix(in srgb,var(--theme-nav-text,#FFFFFF) 20%,transparent)!important;
    background:color-mix(in srgb,var(--theme-nav-bg,#050505) 88%,#FFFFFF 12%)!important;
}

/* Hierarquia do menu no desktop. */
.desktop-nav>.nav-item{position:relative;display:flex;align-items:center}
.desktop-nav>.nav-item>a{position:relative;text-decoration:none;white-space:nowrap}
.desktop-nav>.nav-item>a:after{
    content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;
    background:var(--orange);transition:right .2s ease
}
.desktop-nav>.nav-item:hover>a:after,.desktop-nav>.nav-item:focus-within>a:after{right:0}
.nav-submenu{
    position:absolute;z-index:90;top:calc(100% + 18px);left:-16px;
    display:none;min-width:230px;padding:8px;
    border:1px solid color-mix(in srgb,var(--theme-nav-text,#FFFFFF) 14%,transparent);
    border-radius:12px;background:var(--theme-nav-bg,#050505);
    box-shadow:0 18px 45px rgba(0,0,0,.24)
}
.nav-item:hover>.nav-submenu,.nav-item:focus-within>.nav-submenu{display:grid;gap:2px}
.nav-submenu>a,.nav-submenu>.nav-item>a{
    display:block;padding:10px 12px;border-radius:8px;
    color:var(--theme-nav-text,#FFFFFF)!important;font-size:14px;text-decoration:none;white-space:nowrap
}
.nav-submenu>a:after,.nav-submenu>.nav-item>a:after{display:none!important}
.nav-submenu>a:hover,.nav-submenu>.nav-item>a:hover{
    background:color-mix(in srgb,var(--theme-nav-text,#FFFFFF) 9%,transparent)
}
.nav-submenu>.nav-item{position:relative;display:block}
.nav-submenu>.nav-item>.nav-submenu{top:-8px;left:calc(100% + 7px)}

/* Hierarquia mobile fica visível por indentação, sem depender de efeitos decorativos. */
.mobile-nav-item{display:block}
.mobile-nav-item>a{display:block}
.mobile-nav-item[data-depth="1"]>a{padding-left:18px}
.mobile-nav-item[data-depth="2"]>a{padding-left:34px}
.mobile-nav-item[data-depth="3"]>a{padding-left:50px}
.mobile-nav-children{display:block}
.mobile-search-link{font-weight:800!important}

/* Mantém texto/ícones legíveis quando o administrador troca as cores. */
.site-header .brand-wrap,.site-header .header-tools{color:var(--theme-nav-text,#FFFFFF)}

/* Diretriz permanente LogicSite: nenhum texto auxiliar do site abaixo de 13px. */
body small,.kicker,.article-card-compact .kicker,.shelf-label,.blog-category-chips a,
.blog-hero-metrics span,.article-grid-4 .article-card-compact .primary-link,.shelf-all,
.sidebar-related-head>a,.article-meta-chip,.latest-carousel-copy .content-read-button,
.sidebar-post-copy .content-read-button,.article-topline .kicker{font-size:13px!important}