/* Header repair: actual cropped brush asset, no giant transparent canvas */
:root{--header-h:100px}
html{scroll-padding-top:110px}
body{margin:0!important;background:#f5faff}
header.nav{
position:fixed!important;top:0!important;left:0!important;right:0!important;
transform:none!important;width:100%!important;max-width:none!important;
height:var(--header-h)!important;min-height:var(--header-h)!important;
margin:0!important;padding:0 clamp(32px,6vw,110px)!important;
display:flex!important;justify-content:space-between!important;align-items:center!important;
gap:clamp(12px,2vw,36px)!important;isolation:isolate;
background:transparent url("assets/menu-recortado.png") center center/100% 100% no-repeat!important;
border:0!important;border-radius:0!important;box-shadow:none!important;
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10000!important
}
header.nav::before,header.nav::after{display:none!important;content:none!important}
header.nav .brand{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important;color:white}
header.nav .brand em{font-size:clamp(30px,2.7vw,40px)!important}
header.nav .brand span{display:inline!important;font-size:clamp(12px,1.25vw,17px)!important}
header.nav nav{position:static!important;display:flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.7vw,27px)!important;margin:0 auto!important;min-width:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
header.nav nav a{color:white!important;font-size:clamp(11px,1.05vw,14px)!important;white-space:nowrap!important;padding:15px 0!important}
header.nav .heart{display:block!important;flex:0 0 auto!important;font-size:34px!important;color:#ffd323!important;margin:0!important}
main{padding-top:var(--header-h)!important;margin:0!important}
.hero{position:relative!important;margin-top:0!important;height:660px!important;min-height:660px!important;max-height:none!important;overflow:hidden!important}
.hero .banner{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(64%,940px)!important;height:160px!important;object-fit:contain!important;z-index:6!important}
.hero .avatar{top:140px!important;bottom:0!important;height:520px!important;max-height:none!important}
.hero .avatar-frame{height:520px!important}
.hero .avatar-frame video{height:520px!important;max-height:520px!important}
.hero .welcome{top:55%!important}
@media(max-width:960px) and (min-width:641px){
:root{--header-h:88px}
header.nav{padding-inline:32px!important;gap:10px!important}
header.nav nav{gap:10px!important}
header.nav .brand span{font-size:11px!important}
header.nav nav a{font-size:11px!important}
.hero .banner{height:135px!important}
}
@media(max-width:640px){
:root{--header-h:85px}
header.nav{padding:0 35px!important;justify-content:space-between!important}
header.nav .brand span{display:none!important}
header.nav .menu{display:block!important;margin-left:auto!important;color:white!important}
header.nav .heart{font-size:26px!important}
header.nav nav{display:none!important;position:absolute!important;top:75px!important;right:24px!important;left:auto!important;width:max-content!important;max-width:calc(100vw - 48px)!important;background:#07275af2!important;padding:12px 20px!important;border-radius:12px!important;box-shadow:0 10px 25px #0026!important}
header.nav nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.hero{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding-top:0!important}
.hero .banner{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:95%!important;height:auto!important;max-height:160px!important;order:0}
.hero .welcome{position:relative!important;order:1!important;top:auto!important;left:auto!important;transform:none!important}
.hero .avatar{position:relative!important;order:2!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;height:auto!important;max-height:none!important}
.hero .avatar-frame,.hero .avatar-frame video{height:auto!important;max-height:none!important}
}
/* Final overlap fix, based on 1440px browser screenshot */
@media(min-width:761px){
.hero .welcome{left:12%!important;width:38%!important;max-width:610px!important;top:57%!important;transform:translateY(-36%)!important;z-index:3!important}
.hero .avatar{left:53%!important;width:46%!important;grid-template-columns:clamp(130px,11vw,155px) minmax(0,1fr)!important;z-index:4!important}
.hero .avatar-actions{margin:0 2px 70px 0!important;z-index:7!important}
.hero .avatar-frame{width:100%!important;overflow:hidden!important}
.hero .avatar-frame video{transform:none!important;object-fit:contain!important;object-position:center bottom!important}
.hero .banner{height:150px!important;z-index:8!important}
}
@media(max-width:760px){.hero .avatar-frame video{transform:none!important}}