/* Shared navigation for the brand book and its application gallery. */
html:has(> body.has-section-menu){scroll-padding-top:0}
body.has-section-menu{padding-top:var(--section-menu-height,76px)}
.section-menu{position:fixed;inset:0 0 auto;z-index:40;color:#152B50;background:rgba(247,248,250,.28);border-bottom:1px solid rgba(21,43,80,.1);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}
.section-menu-inner{display:flex;align-items:center;gap:24px;max-width:1600px;margin-inline:auto;padding:12px var(--gutter,24px)}
.section-menu a,.section-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:inherit;font:400 17px/1.25 var(--body);text-decoration:none;white-space:nowrap}
.section-menu-home{font-weight:600!important;margin-right:auto}
.section-menu-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px}
.section-menu-links a{position:relative}
.section-menu-links a[aria-current=location]{color:#152B50}
.section-menu-links a[aria-current=location]::after{content:'';position:absolute;bottom:3px;inset-inline:0;height:2px;background:currentColor}
.section-menu a:hover{text-decoration:underline;text-underline-offset:6px}
.section-menu a:focus-visible,.section-menu-toggle:focus-visible{outline:3px solid #2356DB;outline-offset:4px}
.section-menu .section-menu-cta{padding:10px 16px;background:#F7C6CE;color:#152B50;border-radius:4px;font-weight:600}
.section-menu-toggle{display:none;background:transparent;border:1px solid rgba(21,43,80,.25);padding:8px 12px;gap:12px;border-radius:4px;cursor:pointer}
.section-menu-brand{display:flex;flex-direction:column;gap:2px;margin-right:auto;flex-shrink:0}
.section-menu .section-menu-brand .section-menu-home{justify-content:flex-start;min-height:28px;font:600 23px/1.1 var(--display);letter-spacing:-.035em}
.section-menu-edition{font:400 12px/1.4 var(--body)}
.section-menu-icon{position:relative;width:14px;height:14px;flex:none}
.section-menu-icon::before,.section-menu-icon::after{content:'';position:absolute;background:currentColor;inset:6px 0;height:2px}
.section-menu-icon::after{transform:rotate(90deg);transition:transform .18s}
.section-menu-toggle[aria-expanded=true] .section-menu-icon::after{transform:rotate(0)}
.has-section-menu :is(.asset-group,#colecao,#assinatura,#como-usar){scroll-margin-top:calc(var(--section-menu-height,76px) + 20px)}
@media(max-width:1100px){
  .section-menu-inner{flex-wrap:wrap;gap:8px 16px}
  .section-menu-home{font-size:16px!important}
  .section-menu .section-menu-cta{font-size:16px;order:1;padding-inline:12px}
  .section-menu-toggle{order:2;font-size:16px}
  .section-menu-links{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;max-height:calc(100dvh - 100px);overflow-y:auto;padding:12px 2px 6px;border-top:1px solid rgba(21,43,80,.12)}
  .section-menu.is-open{background:rgba(247,248,250,.72)}
  .manual .section-menu-cta{order:4}
  .section-menu-ready .manual .section-menu:not(.is-open) .section-menu-cta{display:none}
  .section-menu .section-menu-brand .section-menu-home{font-size:20px!important}
  .section-menu-links a{justify-content:flex-start;white-space:normal;min-height:48px}
  .section-menu-links a[aria-current=location]::after{right:auto;width:26px}
  .section-menu-ready .section-menu-toggle{display:inline-flex}
  .section-menu-ready .section-menu:not(.is-open) .section-menu-links{display:none}
}
@media(max-width:380px){
  .section-menu-inner{padding-inline:16px;gap:8px}
  .section-menu-toggle{font-size:15px;padding-inline:9px;gap:8px}
  .section-menu .section-menu-cta{font-size:15px;padding-inline:9px}
  .section-menu-home{font-size:15px!important}
}
@media(prefers-reduced-transparency:reduce){.section-menu{background:#F7F8FA;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.section-menu-icon::after{transition:none}}
@media print{.section-menu{display:none}body.has-section-menu{padding-top:0}}