.hero-banner{padding:100px 0 120px;background-color:#f5f3ef;background-image:var(--hero-bg-image);background-size:contain!important;background-position:right!important;background-repeat:no-repeat!important;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(202,182,157,.08) 0%,transparent 50%);pointer-events:none}.hero-banner__container{position:relative;z-index:1}.hero-banner__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1200px;margin:0 auto}.hero-banner__text{display:flex;flex-direction:column;gap:24px;max-width:540px}.hero-banner__heading{margin:0;line-height:1.11;font-size:54px;font-weight:600;font-family:Outfit,sans-serif;color:#000}.hero-banner__heading:after{content:" sempre";background:linear-gradient(90deg,#cab69d,#74543d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-banner__subheading{font-size:16px;line-height:1.5;font-family:Poppins,sans-serif;font-weight:400;color:#464646;margin:0}.hero-banner__subheading p{margin:0}.hero-banner__info{font-size:16px;line-height:1.5;font-family:Poppins,sans-serif;font-weight:400;color:#464646;margin-top:0}.hero-banner__info:before{content:"Como funciona? ";color:#b09880}.hero-banner__text .button{width:fit-content;margin-top:8px;padding:16px 56px;border-radius:56px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;box-shadow:0 4px 12px #74543d40}.hero-banner__text .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #74543d59}.hero-banner__media{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.hero-banner__image{width:100%;max-width:600px;height:auto;display:block}@media screen and (max-width: 989px){.hero-banner__content{gap:60px}.hero-banner__heading{font-size:44px}}@media screen and (max-width: 749px){.hero-banner{padding:60px 0 80px}.hero-banner__content{grid-template-columns:1fr;gap:40px}.hero-banner__text{gap:20px;max-width:100%}.hero-banner__heading{font-size:36px}.hero-banner__subheading,.hero-banner__info{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-banner.css.map */