/* Menu approved in PRD + 23_Catalogo_Conteudo/MENSAGENS_E_ROTAS.md.
   Additive styles only: do not replace V4 colors, typography, motion or assets. */
#mainNavbar .x2026-learn,
.blog-menu .x2026-learn {position:relative;list-style:none}
.x2026-learn details{position:relative}
.x2026-learn summary{list-style:none;cursor:pointer;user-select:none}
.x2026-learn summary::-webkit-details-marker{display:none}
.x2026-learn .x2026-learn-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px}
.x2026-learn .x2026-learn-trigger span{display:inline-block;line-height:1;font-size:1.1em;transition:transform .2s ease}
.x2026-learn details[open] .x2026-learn-trigger span{transform:rotate(180deg)}
.x2026-learn summary:focus-visible,.x2026-submenu a:focus-visible{outline:2px solid #53a2ea;outline-offset:3px}
#mainNavbar .x2026-learn summary{color:var(--muted,#c1cee2)}
#mainNavbar .x2026-learn details[open] summary,
#mainNavbar .x2026-learn summary:hover{color:var(--text,#fff8ef);background:rgba(113,145,219,.2)}
.blog-menu .x2026-learn summary{padding:0 16px;border-radius:999px;color:var(--blog-muted);font-size:.92rem;font-weight:800}
.blog-menu .x2026-learn details[open] summary,
.blog-menu .x2026-learn summary:hover{color:var(--blog-ink);background:rgba(113,145,219,.2)}
.x2026-submenu{position:absolute;z-index:100;right:0;top:calc(100% + 10px);min-width:225px;padding:8px;border:1px solid rgba(113,145,219,.3);border-radius:18px;background:#181828;box-shadow:0 20px 45px rgba(0,0,0,.42)}
.x2026-submenu a{display:block!important;width:100%;min-height:44px;padding:11px 14px!important;color:#f6f7fb!important;font-size:.91rem;line-height:1.45;border-radius:12px;text-align:left}
.x2026-submenu a:hover,.x2026-submenu a:focus-visible{background:rgba(113,145,219,.24)!important}
@media(max-width:991.98px){
 #mainNavbar .x2026-learn,.blog-menu .x2026-learn{width:100%}
 .x2026-submenu{position:static;min-width:0;width:100%;box-shadow:none;margin:6px 0;border-radius:14px}
 .x2026-learn .x2026-learn-trigger{width:100%;min-height:44px;text-align:center}
 .blog-menu-collapse.is-open:has(.x2026-learn details[open]){max-height:560px}
}
@media(prefers-reduced-motion:reduce){.x2026-learn .x2026-learn-trigger span{transition:none}}

.blog-menu .x2026-learn summary.is-active{color:var(--blog-ink);background:rgba(113,145,219,.2);box-shadow:inset 0 0 0 1px rgba(83,162,234,.26)}