/* Banner único, com referência na identidade atualizada da Box Criativo. */
:root{--brand:#0f6b3a;--green:#7ac943;--ink:#1a1a1a}
.hero-banner{min-height:520px;background:#e8dfce}.hero-banner:after{background:linear-gradient(90deg,#f7f0e82e 0%,#f7f0e812 42%,transparent 65%)}.hero-banner .hero-background{object-position:center}.hero-banner .hero-content{padding-top:90px;padding-bottom:90px}.hero-banner h1{max-width:700px;font-size:clamp(36px,3.8vw,54px);line-height:1.16;color:#143325;text-shadow:0 1px 16px #f8f0df55}.hero-banner .hero-content>p:not(.eyebrow){max-width:550px;font-size:16px;color:#26372e}.hero-banner .hero-contact{border-color:#6e866f}.hero-banner .eyebrow{color:#154f30}.hero-banner .btn:hover{background:#0b512b}
@media(max-width:760px){.hero-banner{min-height:475px}.hero-banner .hero-content{padding-block:60px}.hero-banner .hero-background{object-position:27% center}.hero-banner:after{background:linear-gradient(90deg,#f7f0e88c,#f7f0e852 55%,#f7f0e812)}.hero-banner h1{font-size:clamp(33px,6.1vw,45px);max-width:570px}.hero-banner .hero-content>p:not(.eyebrow){font-size:15px}.hero-banner .hero-content>p:not(.eyebrow) br{display:none}.hero-banner .eyebrow{font-size:9px;letter-spacing:.06em}}