@layer components{.section-hero-home{display:grid;grid-template:1fr / 1fr;height:100%;height:84svh;padding-block-end:var(--spacing-20)}@media screen and (min-width: 1024px){.section-hero-home{padding-block-end:var(--spacing-28);height:84vh}}.section-hero-home .container-title{z-index:1;grid-column:1/-1;grid-row:1/-1;align-self:flex-end;justify-self:center;padding-inline:var(--spacing-xl);padding-block-end:var(--spacing-4xxl);row-gap:var(--spacing-xxl);display:grid}@media screen and (min-width: 768px){.section-hero-home .container-title{width:100%;max-width:calc(var(--spacing) * 643);row-gap:var(--spacing-52)}}.section-hero-home .title{color:var(--White);text-align:center}.section-hero-home .media{position:relative;max-height:84svh;grid-column:1/-1;grid-row:1/-1;z-index:0}@media screen and (min-width: 1024px){.section-hero-home .media{max-height:84vh}}.section-hero-home .media:before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:linear-gradient(180deg,#0000008a,#0000 15.7%),linear-gradient(184deg,#0000 59.33%,#010c1699 97.67%)}.section-hero-home .media img,.section-hero-home .media video{width:100%;object-fit:cover}.section-hero-home .container-video-play{grid-column:1/-1;grid-row:1/-1;z-index:2;margin:0 auto;width:100%;max-width:calc(var(--spacing) * 1308);padding:0 var(--spacing-xl);padding-block-end:var(--spacing-4xxl);align-self:flex-end;display:grid;justify-content:flex-end;display:none;pointer-events:none}@media screen and (min-width: 1024px){.section-hero-home .container-video-play{display:grid;padding:0 var(--spacing-66xxl);padding-block-end:var(--spacing-4xxl)}}@media screen and (min-width: 1440px){.section-hero-home .container-video-play{padding:0;padding-block-end:var(--spacing-4xxl)}}.section-hero-home .video-play{pointer-events:auto;cursor:pointer;width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32);border-radius:99px;border:1px solid var(--White);display:grid;justify-content:center;align-items:center;background:#11111180}.section-hero-home .video-play.is-paused .icon.icon-play{opacity:1}.section-hero-home .video-play.is-paused .icon.icon-pause{opacity:0}.section-hero-home .video-play .icon{grid-column:1/-1;grid-row:1/-1;transition:al .3s ease-in-out}.section-hero-home .video-play .icon.icon-play{opacity:0}.section-hero-home .video-play .icon.icon-pause{opacity:1}.section-hero-home .video-play .icon svg{color:var(--White)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/css-hero-home.css.map */