/* Arte original fornecida pelo cliente. Regras limitadas à hero. */
.hero{background:#fff;color:#25272a}
.hero .hero-photo{background:url('hero-familia-original.png') center center/cover no-repeat!important}
.hero::after{display:none}
.hero .hero-angle,.hero .hero-brand{display:none!important}
.hero .hero-copy{color:#25272a}
.hero .hero-copy h1{color:#25272a;text-shadow:0 1px 12px #ffffff90}
.hero .hero-copy>p{color:#33363a;text-shadow:0 1px 8px #fff}
.hero .hero-buttons .btn.light{border:1px solid var(--red)}
.hero .benefits{color:#25272a;background:#fffffff0;border-radius:8px;padding:12px;max-width:77%}
.hero .benefits>span{border-color:#d7d7d7}
.hero .benefits .icon{color:var(--red)}
@media(max-width:800px){
 .hero .hero-content{padding:28px 20px 20px}
 .hero .hero-photo{inset:auto 0 128px!important;height:280px;background-position:73% center!important;background-size:auto 100%!important}
 .hero .hero-copy{width:100%;max-width:100%}
 .hero .hero-copy h1{font-size:clamp(36px,7vw,48px);line-height:1.04}
 .hero .hero-copy>p{font-size:18px;max-width:420px}
 .hero .hero-brand{display:block!important;visibility:hidden;height:280px;min-height:280px;margin:0;padding:0;transform:none}
 .hero .benefits{max-width:100%;width:100%;margin:0;padding:12px 0 0;gap:16px;background:#fff}
 .hero .benefits>span{font-size:12px;min-width:0}
 .hero .hero-buttons{gap:10px}
 .hero .hero-buttons .btn{min-height:44px;padding:12px 15px;font-size:14px}
}
@media(max-width:360px){
 .hero .hero-content{padding-left:16px;padding-right:16px}
 .hero .hero-buttons .btn{width:100%}
}