/* Menu único com imagem pincelada; fundo do estádio visível nas pontas */
html{scroll-padding-top:96px}
body{background:transparent}
header.nav{
 position:fixed!important;
 top:0!important;left:50%!important;right:auto!important;
 transform:translateX(-50%)!important;
 width:calc(100% - 24px)!important;
 max-width:1600px!important;
 height:84px!important;min-height:84px!important;
 z-index:10000!important;
 padding:8px clamp(35px,5vw,90px)!important;
 margin:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(10px,2vw,28px)!important;
 background:transparent url("assets/menu.png") center center / 100% 100% no-repeat!important;
 border:none!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
header.nav::before,header.nav::after{content:none!important;display:none!important}
header.nav .brand{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;margin:0!important}
header.nav .brand em{font-size:clamp(24px,2.8vw,34px)!important}
header.nav .brand span{display:inline;font-size:clamp(11px,1.25vw,17px)!important}
header.nav nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.7vw,24px)!important;flex:0 1 auto;min-width:0;margin:0 auto!important;background:transparent!important;box-shadow:none!important}
header.nav nav a{font-size:clamp(11px,1.05vw,14px)!important;white-space:nowrap;padding:12px 0!important}
header.nav .heart{flex:0 0 auto;font-size:clamp(26px,3vw,34px)!important;margin:0!important}
header.nav .menu{background:transparent!important;box-shadow:none!important;border:0!important}
.hero{margin-top:0!important}
@media(min-width:761px){.hero .banner{top:82px!important}}
@media(max-width:900px) and (min-width:641px){
 header.nav{height:77px!important;min-height:77px!important;width:calc(100% - 12px)!important;padding:7px 32px!important;gap:10px!important}
 header.nav .brand span{font-size:11px!important}
 header.nav nav{gap:9px!important}
 header.nav nav a{font-size:10px!important}
 .hero .banner{top:76px!important}
}
@media(max-width:640px){
 header.nav{width:calc(100% - 8px)!important;height:72px!important;min-height:72px!important;padding:7px 28px!important;justify-content:space-between!important}
 header.nav .brand span{display:none!important}
 header.nav .menu{display:block!important;margin-left:auto!important}
 header.nav .heart{display:block!important;font-size:25px!important}
 header.nav nav{display:none!important;position:absolute!important;top:65px!important;left:auto!important;right:20px!important;width:max-content;max-width:calc(100vw - 40px);background:#082b62f2!important;border-radius:14px!important;padding:12px 18px!important;box-shadow:0 10px 25px #001e4540!important}
 header.nav nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 header.nav nav a{font-size:14px!important}
 .hero{padding-top:74px!important}
}

/* V2: faixa alta e hero inteiramente abaixo do menu fixo */
:root{--manu-header-height:124px}
header.nav{position:fixed!important;top:0!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 12px)!important;max-width:1800px!important;height:var(--manu-header-height)!important;min-height:var(--manu-header-height)!important;padding:12px clamp(42px,6vw,105px)!important;background-color:transparent!important;background-image:url('assets/menu.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important;z-index:10000!important}
main{padding-top:var(--manu-header-height)!important}
.hero{margin-top:0!important}
@media(min-width:761px){.hero .banner{top:0!important}}
@media(max-width:900px){:root{--manu-header-height:108px}header.nav{padding-inline:clamp(28px,4vw,55px)!important}}
@media(max-width:640px){:root{--manu-header-height:94px}header.nav{padding-inline:32px!important}.hero{padding-top:0!important}}

/* V3 — MENU ENCOSTADO NO TOPO; banner abaixo; avatar abaixo do banner */
:root{--manu-header-height:158px}
html,body{margin:0!important;padding:0!important}
header.nav{top:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;height:158px!important;min-height:158px!important;margin:0!important;padding:15px clamp(55px,7vw,125px)!important;background:transparent url('assets/menu.png') center top/100% 100% no-repeat!important;box-shadow:none!important;z-index:10000!important}
main{padding-top:158px!important;margin-top:0!important}
@media(min-width:761px){.hero{position:relative!important;margin-top:0!important}.hero .banner{top:0!important;z-index:5!important}.hero .avatar{top:140px!important;height:calc(100% - 140px)!important;bottom:0!important}.hero .avatar-frame{height:100%!important}.hero .avatar-frame video{height:100%!important}}
@media(max-width:900px){:root{--manu-header-height:130px}header.nav{height:130px!important;min-height:130px!important;padding-inline:40px!important}main{padding-top:130px!important}}
@media(max-width:640px){:root{--manu-header-height:108px}header.nav{height:108px!important;min-height:108px!important;padding-inline:32px!important}main{padding-top:108px!important}.hero{padding-top:0!important}}