.hero-banner__wrapper{--hero-banner-border-radius: 16px;--hero-banner-gap: 16px;--color-verde-clorofila: rgba(45, 90, 39, .96);--color-nevoa-da-manha: rgba(138, 148, 141, .96);--color-sombra-de-folha: rgba(30, 36, 31, .96);--color-argila-profunda: rgba(74, 55, 40, .96);--color-creme-botanico: rgba(245, 242, 237, .96);--color-musgo-seco: rgba(209, 213, 210, .96);--hero-banner-ratio: 1360 / 432;--hero-banner-max-height: 432px;--hero-banner-min-height: 340px;--hero-banner-large-width: 40%;--hero-banner-info-grow: 46;--hero-banner-small-grow: 54;--hero-banner-large-ratio-mobile: 5 / 4;--hero-banner-mobile-title-lines: 2;--hero-banner-mobile-desc-lines: 6}.hero-banner__wrapper{width:100%;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--hero-banner-gap)}.hero-banner__swiper{width:100%;overflow:hidden}.hero-banner__swiper .swiper-wrapper{align-items:stretch}.hero-banner__slide{height:auto}.hero-banner__grid{display:flex;flex-direction:column;gap:var(--hero-banner-gap);align-items:stretch;width:100%}@media screen and (min-width:990px){.hero-banner__grid{flex-direction:row;align-items:stretch;aspect-ratio:var(--hero-banner-ratio);max-height:var(--hero-banner-max-height);min-height:var(--hero-banner-min-height)}}.hero-banner__large{position:relative;border-radius:var(--hero-banner-border-radius);overflow:hidden;background-color:var(--color-creme-botanico);width:100%;aspect-ratio:var(--hero-banner-large-ratio-mobile)}@media screen and (min-width:990px){.hero-banner__large{flex:0 0 var(--hero-banner-large-width);max-width:var(--hero-banner-large-width);width:auto;aspect-ratio:auto;height:100%;min-height:0}}.hero-banner__large-link,.hero-banner__large-inner{display:block;width:100%;height:100%}.hero-banner__large-image,.hero-banner__large-placeholder{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__large-placeholder svg{width:100%;height:100%}.hero-banner__right{display:flex;flex-direction:column;gap:var(--hero-banner-gap);width:100%;min-height:0}@media screen and (min-width:990px){.hero-banner__right{flex:0 0 calc(100% - var(--hero-banner-large-width) - var(--hero-banner-gap));max-width:calc(100% - var(--hero-banner-large-width) - var(--hero-banner-gap));height:100%}}.hero-banner__marquee{width:100%;height:49px;flex:0 0 auto;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.hero-banner__marquee-track{display:flex;gap:32px;animation:hero-marquee 20s linear infinite;white-space:nowrap}.hero-banner__marquee-text{flex-shrink:0;font-family:var(--font-body--family, "Montserrat", sans-serif);font-weight:600;font-size:24px;letter-spacing:-.96px;text-transform:uppercase;color:var(--color-creme-botanico)}@media screen and (max-width:989px){.hero-banner__marquee{height:36px}.hero-banner__marquee-text{font-size:16px}}@keyframes hero-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-banner__blocks{display:flex;flex-direction:row;gap:var(--hero-banner-gap);width:100%;flex:1 1 auto;min-height:0}.hero-banner__info-block{display:flex;flex-direction:column;padding:clamp(14px,1.4vw,24px);border-radius:var(--hero-banner-border-radius);background-color:var(--info-block-bg, var(--color-nevoa-da-manha));color:var(--info-block-text, var(--color-sombra-de-folha));overflow:hidden;flex:var(--hero-banner-info-grow) 1 0%;min-width:0;min-height:0}@media screen and (max-width:989px){.hero-banner__info-block{padding:12px}}.hero-banner__info-content{flex:1 1 auto;min-height:0;overflow:hidden}.hero-banner__info-title{font-family:var(--font-body--family);font-weight:700;font-size:clamp(14px,1.25vw,18px);line-height:1.16;letter-spacing:-.04em;margin:0 0 8px}.hero-banner__info-description{font-family:var(--font-body--family);font-weight:400;font-size:clamp(12px,1.25vw,18px);line-height:1.25;letter-spacing:-.03em;margin:0}@media screen and (max-width:989px){.hero-banner__info-title{font-size:14px;margin-bottom:6px}.hero-banner__info-description{font-size:12px;line-height:1.25;letter-spacing:-.2px}}.hero-banner__info-button{display:inline-flex;align-items:center;justify-content:center;max-width:200px;padding:clamp(9px,.9vw,14px) clamp(14px,1.4vw,20px);border-radius:6px;background-color:var(--info-block-btn-bg, var(--color-verde-clorofila));color:var(--info-block-btn-text, var(--color-musgo-seco));font-family:var(--font-body--family);font-weight:500;font-size:clamp(14px,1.15vw,18px);line-height:1.28;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease;margin-top:auto;flex:0 0 auto}.hero-banner__info-button:hover{opacity:.9}.hero-banner__info-button--mobile{display:none}@media screen and (max-width:989px){.hero-banner__info-button{padding:12px 16px;font-size:14px}.hero-banner__info-button--desktop{display:none}.hero-banner__info-button--mobile{display:inline-flex;max-width:100%;width:100%;margin-top:0}}.hero-banner__small{position:relative;border-radius:var(--hero-banner-border-radius);overflow:hidden;background-color:var(--color-creme-botanico);flex:var(--hero-banner-small-grow) 1 0%;min-width:0;min-height:0}.hero-banner__small-link,.hero-banner__small-inner{display:block;width:100%;height:100%}.hero-banner__small-image,.hero-banner__small-placeholder{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__small-placeholder svg{width:100%;height:100%}.hero-banner__progress{display:flex;gap:2px;height:12px;flex:0 0 auto;padding:2px;border-radius:999px;background-color:var(--color-sombra-de-folha);overflow:hidden;width:100%}.hero-banner__progress-segment{flex:1;height:8px;border-radius:999px;background-color:var(--color-argila-profunda);overflow:hidden;cursor:pointer;border:none;padding:0;position:relative}.hero-banner__progress-fill{display:block;width:0;height:100%;border-radius:999px;background-color:var(--color-verde-clorofila);transition:width .1s linear}.hero-banner__progress-segment.is-active .hero-banner__progress-fill{animation:hero-progress-fill var(--autoplay-duration, 5s) linear forwards}.hero-banner__progress-segment.is-completed .hero-banner__progress-fill{width:100%;animation:none}@keyframes hero-progress-fill{0%{width:0}to{width:100%}}@media screen and (max-width:989px){.hero-banner__large{order:1}.hero-banner__right{order:2}.hero-banner__blocks{flex-direction:row;align-items:stretch;flex:0 0 auto}.hero-banner__info-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--hero-banner-mobile-title-lines);line-clamp:var(--hero-banner-mobile-title-lines);overflow:hidden}.hero-banner__info-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--hero-banner-mobile-desc-lines);line-clamp:var(--hero-banner-mobile-desc-lines);overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-banner.css.map */