/* Shared APOLO navigation: the home header is the visual source of truth. */
.header.apolo-header{--header-gutter:clamp(24px,5.2vw,100px);display:flex;align-items:center;justify-content:space-between;gap:30px;width:calc(100% - var(--header-gutter)*2);height:76px;padding:10px 12px 10px 28px;border:1px solid #ffffff2b;border-radius:100px;background:#17171d45;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);box-shadow:inset 0 1px 0 #ffffff22,0 12px 40px #00000014;color:#fafafa;font:400 16px/1.5 'DM Sans',sans-serif;letter-spacing:-.015em}
.header.apolo-header.manual-header{position:relative;top:auto;left:auto;margin:24px auto 0;background:#17171de8}
.header.apolo-header .brand{position:relative;width:115px;display:block;flex:none;mix-blend-mode:normal}
.header.apolo-header .brand img{display:block;width:100%;height:auto;opacity:0}
.header.apolo-header .brand:before{content:'';position:absolute;inset:0;background:#fff;mask-image:url('/assets/apolo-design-logo-oficial.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:luminance}
.header.apolo-header nav{display:flex;align-items:center;gap:24px;font:400 14px/1.5 'DM Sans',sans-serif}
.header.apolo-header nav a{color:#f9f9f9;text-transform:uppercase;letter-spacing:.055em;font-weight:400;text-decoration:none;white-space:nowrap}
.header.apolo-header nav a:after{display:none}.header.apolo-header nav a:hover{color:#ffca28}
.header.apolo-header>.header-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-width:44px;min-height:50px;padding:13px 28px;border:1px solid #ffffff66;border-radius:999px;background:linear-gradient(140deg,#ffffff5c,#ffffff17);backdrop-filter:blur(18px) saturate(1.65);-webkit-backdrop-filter:blur(18px) saturate(1.65);box-shadow:inset 0 1px 0 #ffffff70,0 7px 24px #0003;color:#fff;font:400 14px/1.5 'DM Sans',sans-serif;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;transition:transform .28s,box-shadow .28s,background .28s}
.header.apolo-header>.header-action:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x,25%) var(--glass-y,0%),#ffffffa3 0%,#ffffff20 42%,transparent 70%);opacity:.35}
.header.apolo-header>.header-action:hover{background:#ffffff35;transform:translateY(-2px)}
.header.apolo-header>.header-action img{width:22px;height:22px;flex:none;filter:brightness(0) invert(1)}
.header.apolo-header>.header-action span{display:inline}
@media(max-width:1000px){.header.apolo-header nav{gap:15px;font-size:12px}}
@media(max-width:1100px){.header.apolo-header nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#161922f5;border:1px solid #ffffff30;border-radius:22px;backdrop-filter:blur(20px);padding:18px;box-shadow:0 20px 40px #0004;z-index:50}.header.apolo-header nav.is-open{display:flex;flex-direction:column;gap:4px;align-items:stretch}.header.apolo-header nav a{font-size:14px;line-height:1.5;padding:13px 15px;min-height:46px}.header.apolo-header .site-menu-toggle{font:500 13px/1 'DM Sans',sans-serif;letter-spacing:-.24px}}
@media(max-width:700px){.header.apolo-header{--header-gutter:16px;height:66px;padding:9px 9px 9px 17px;gap:12px}.header.apolo-header.manual-header{margin-top:16px}.header.apolo-header .brand{width:84px}.header.apolo-header nav a{letter-spacing:.025em}.header.apolo-header>.header-action{font-size:11px;letter-spacing:.025em;width:44px;height:44px;min-height:44px;padding:10px;flex:none}.header.apolo-header>.header-action span{display:none}}
@media(max-width:370px){.header.apolo-header{padding-left:13px;gap:8px}.header.apolo-header .brand{width:75px}}
@media(prefers-reduced-motion:reduce){.header.apolo-header>.header-action{transition:none}}

/* Team entry shares the site's navigation and existing authentication. */
.header.apolo-header nav .team-access{color:#ffcc45}
@media(min-width:1101px) and (max-width:1280px){.header.apolo-header{gap:16px}.header.apolo-header nav{gap:14px}.header.apolo-header>.header-action{padding-inline:18px}.header.apolo-header .brand{width:100px}}