/* Full-screen photographic cover with one navigation row. */
header{position:absolute;inset:0 0 auto;background:rgba(255,255,255,.94);border:0}
.top{height:88px;padding:0 28px;gap:24px;background:transparent}
.top .logo{font-size:38px;flex-shrink:0}
nav{flex:1;min-width:0;height:88px;padding:0;border:0;gap:20px;justify-content:center}
nav>button{font-size:16px;font-weight:500;gap:4px}
nav>button svg{width:10px}
.tools{gap:8px;flex-shrink:0}
.tools svg{width:23px;height:23px;stroke-width:1.5}
.hero{height:100svh;min-height:560px;max-height:none}
.hero>img{object-position:center}
.hero-search{position:absolute;top:108px;right:28px;width:440px;max-width:calc(100% - 40px);height:58px;margin:0;padding:0 10px 0 18px;gap:12px;box-shadow:0 6px 24px #17231a18;animation:search-enter .65s .45s both}
.hero-search input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;color:var(--ink);height:100%;outline-offset:0}
.hero-search input::placeholder{color:#505a53;opacity:1}
.hero-search>.icon{flex-shrink:0}
.hero-bottom{bottom:28px}
.hero-bottom>a{background:#20312380;padding:10px 13px}
.mega{top:88px}
#shade{inset:88px 0 0}
#language-menu{top:78px;right:28px}
body.detail-view header{position:relative}
@keyframes search-enter{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:781px) and (max-width:1200px){
 .top{padding:0 16px;gap:12px}
 .top .logo{font-size:29px}
 nav{gap:10px}
 nav>button{font-size:14px;gap:2px;white-space:normal;text-align:left}
 nav>button svg{display:none}
 .tools{gap:0}
 .tools .icon{min-width:36px;width:36px}
 .tools .icon span{display:none}
}
@media(max-width:780px){
 .top{height:75px;padding:0 20px;gap:12px}
 .top .logo{font-size:32px}
 nav{display:none}
 .tools{margin-left:auto;gap:3px}
 .hero{height:100svh;min-height:480px;max-height:none}
 .hero>img{object-position:64% center}
 .hero-search{top:95px;right:20px;width:390px;height:56px;padding-left:12px;gap:8px}
 .hero-search input{font-size:12px}
 .hero-search>svg{width:17px}
 .hero-search .icon{min-width:32px;width:32px}
 .mega{top:75px}
 #shade{inset:75px 0 0}
 #language-menu{top:68px;right:20px}
}
@media(min-width:601px){
 body:not(.detail-view) header{background:transparent;box-shadow:none}
 body:not(.detail-view) .top .logo{position:relative}
 body:not(.detail-view) .top .logo img{filter:brightness(0) invert(1) drop-shadow(0 1px 3px #0008);clip-path:inset(0 0 0 24%)}
 body:not(.detail-view) .top .logo::after{content:"";position:absolute;inset:0;background:url('assets/ambiente-logo.png') center/100% 100% no-repeat;clip-path:inset(0 76% 0 0);pointer-events:none}
 body:not(.detail-view) #nav>button,
 body:not(.detail-view) .top .tools .icon{color:#fff;text-shadow:0 1px 4px #000b}
 body:not(.detail-view) .top .tools svg{filter:drop-shadow(0 1px 3px #0009)}
 body:not(.detail-view) #nav>button:hover,
 body:not(.detail-view) #nav>button[aria-expanded=true]{color:#fff;border-bottom-color:#fff}
 body:not(.detail-view) .top .tools .icon:hover{color:#fff}
 #mobile-toggle{display:none!important}
 #nav{display:flex}
}
@media(min-width:601px) and (max-width:780px){
 .top{padding:0 12px;gap:12px}
 .top .logo{font-size:25px}
 #nav{height:75px;gap:6px;justify-content:space-between}
 #nav>button{font-size:12px;white-space:normal;text-align:left;line-height:1.35}
 #nav>button svg{display:none}
 .tools{margin-left:0;gap:0}
 .tools .icon{min-width:30px;width:30px}
 .mega{position:absolute;bottom:auto;display:grid;grid-template-columns:150px 1fr;gap:20px;max-height:calc(100svh - 75px)}
}
@media(max-width:600px){
 #mobile-toggle{display:flex}
 #nav{display:none}
}
.logo img{display:block;width:190px;height:auto}
.top .logo{display:flex;align-items:center}
#language{width:auto;min-width:72px;padding:0 4px}
.tools #language .language-options{display:inline;font-size:12px;white-space:nowrap}
@media(min-width:601px) and (max-width:1200px){.top .logo img{width:125px}}
@media(max-width:600px){.top .logo img{width:155px}}
@media(prefers-reduced-motion:reduce){.hero-search{animation:none}}

/* stage-mobile-header-fit-v1 */
@media(max-width:600px){
 header .top{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;padding-inline:12px}
 header .top .logo{min-width:0;max-width:155px;width:100%}
 header .top .logo img{width:155px;max-width:100%;height:auto}
 header .top .tools{margin-left:0;justify-self:end}
}

/* home-header-scale-v1: marketing-approved 20% scale, home view only. */
body:not(.detail-view) header .top{padding-inline:20px;gap:12px}
body:not(.detail-view) header .top .logo img{width:228px}
body:not(.detail-view) #nav{gap:8px}
body:not(.detail-view) #nav>button{font-size:19.2px;line-height:1.25;white-space:normal;text-align:left}
@media(min-width:1201px) and (max-width:1440px){
 body:not(.detail-view) #nav>button svg{display:none}
}
@media(min-width:1201px) and (max-width:1320px){
 body:not(.detail-view) header .top{padding-inline:16px;gap:8px}
 body:not(.detail-view) #nav{gap:4px}
}
@media(min-width:781px) and (max-width:1200px){
 body:not(.detail-view) header .top .logo img{width:150px}
 body:not(.detail-view) #nav>button{font-size:16.8px}
 body:not(.detail-view) #nav{gap:6px}
}
@media(min-width:601px) and (max-width:780px){
 body:not(.detail-view) header .top .logo img{width:150px}
 body:not(.detail-view) #nav>button{font-size:14.4px}
 body:not(.detail-view) #nav{gap:4px}
 body:not(.detail-view) header .top{padding-inline:12px;gap:8px}
}
@media(max-width:600px){
 body:not(.detail-view) header .top{padding-inline:12px;gap:8px}
 body:not(.detail-view) header .top .logo{max-width:186px;flex:0 1 186px}
 body:not(.detail-view) header .top .logo img{width:186px;max-width:100%;height:auto}
 body:not(.detail-view) .mega.mobile .mobile-section>button{font-size:26.4px;line-height:1.25;gap:6px;min-width:0}
 body:not(.detail-view) .mega.mobile .mobile-section>button svg{width:18px;flex-shrink:0}
}