/* Full-width campaign scene, with live, accessible copy over the photograph. */
#inicio.hero{background:#15100c url('assets/hero-banner-nutricao.png') center top/cover no-repeat}
#inicio.hero .section-content{display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:clamp(810px,66.6667vw,1100px);padding-top:64px;padding-bottom:0}
#inicio.hero .hero-copy{width:52%;max-width:620px;padding-bottom:24px}
#inicio.hero .hero-portrait{display:none}
#inicio.hero .hero-copy>p:not(.eyebrow){text-shadow:0 2px 12px #15100c}
#inicio.hero .program-marquee{position:relative;background:#15100ce8;margin:0;padding:22px 0;box-shadow:0 0 0 100vmax #15100ce8;clip-path:inset(0 -100vmax)}
#inicio.hero .hero-benefits p{color:#f8f5f0}
@media(min-width:1600px){#inicio.hero{background-size:cover;background-position:center 42%}}
@media(min-width:701px) and (max-width:1000px){
 #inicio.hero .section-content{min-height:850px;padding-top:44px}
 #inicio.hero{background-position:60% top}
 #inicio.hero .hero-copy{width:53%}
 #inicio.hero h1{font-size:42px}
}
@media(max-width:700px){
 #inicio.hero{background:#15100c}
 #inicio.hero .section-content{display:flex;gap:28px;min-height:0;padding-top:28px}
 #inicio.hero .hero-copy{width:100%;max-width:none;padding-bottom:0}
 #inicio.hero .hero-portrait{display:block;width:calc(100% + 40px);max-width:none;margin:0 -20px;align-self:stretch}
 #conteudo #inicio.hero .hero-portrait img{mask-image:none;transform:none;border-radius:0;width:100%;height:auto}
 #inicio.hero .program-marquee{padding:18px 0}
}