.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:3vw;padding:calc(var(--header-h, 76px) + 34px) var(--gutter) 60px;overflow:hidden;background-color:var(--color-bg)}.hero__copy{position:relative;z-index:2;min-width:0}.hero__title{margin:18px 0 22px}.hero__title em{color:var(--color-brand)}.hero__lead,.hero__lead p{margin:0}.hero__ctas{margin-top:var(--space-6);gap:var(--space-4) var(--space-5)}.hero__chips{margin-top:var(--space-6)}.hero__chips ul{list-style:none;margin:0;padding:0;gap:var(--space-2)}.hero__lights{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 70% 46%,transparent 0,rgba(30,20,14,.5) 30%)}.js-motion.intro .hero__lights{animation:hero-lights 1.6s var(--ease-in-out) both}@keyframes hero-lights{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.hero__world{position:relative;height:min(76vh,720px);min-width:0}.hero__obj{position:absolute;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out)}.hero__obj--1{left:28%;top:0;width:40%;height:70%;--depth: .06;--bg: var(--color-rosa)}.hero__obj--2{left:62%;top:34%;width:36%;height:56%;--depth: .045;--bg: var(--color-azul)}.hero__obj--3{left:0;top:40%;width:30%;height:48%;--depth: .075;--bg: var(--color-amarillo)}.hero__obj-par{position:absolute;top:0;right:0;bottom:0;left:0;translate:calc((var(--lx, 50%) - 50%) * var(--depth) * -1) calc((var(--ly, 50%) - 50%) * var(--depth) * -.6)}.hero__obj-float{position:absolute;top:0;right:0;bottom:0;left:0}.hero__obj-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;border-radius:var(--radius-panel)}.hero__obj-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__obj-media img{width:100%;height:100%}.hero__obj.is-cutout .hero__obj-media img{object-fit:contain;filter:drop-shadow(0 30px 30px rgba(80,40,20,.22))}.hero__obj.is-photo .hero__obj-media{border-radius:var(--radius-panel);overflow:hidden;box-shadow:var(--shadow-lift)}.hero__obj.is-photo .hero__obj-media img{object-fit:cover}.hero__obj.is-pending .hero__obj-media{border-radius:var(--radius-panel);overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff,var(--bg) 88%);box-shadow:var(--shadow-soft)}.hero__obj.is-pending .placeholder-svg{background:none;opacity:.18}.hero__obj-tag{position:absolute;left:50%;bottom:-6px;transform:translate(-50%,8px);padding:6px 12px;border-radius:var(--radius-pill);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;white-space:nowrap;opacity:0;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}@media(hover:hover)and (pointer:fine){.hero__world:has(.hero__obj:hover) .hero__obj:not(:hover){opacity:.35;transform:scale(.96)}.hero__obj:hover{transform:scale(1.04)}}.hero__obj:hover .hero__obj-tag,.hero__obj-link:focus-visible .hero__obj-tag{opacity:1;transform:translate(-50%)}@media(hover:none){.hero__obj-tag{opacity:1;transform:translate(-50%)}}.js-motion .hero__obj-float{animation:hero-float 7s var(--ease-in-out) infinite alternate}.js-motion .hero__obj--2 .hero__obj-float{animation-duration:8.5s;animation-delay:-3s}.js-motion .hero__obj--3 .hero__obj-float{animation-duration:6.5s;animation-delay:-1.5s}.hero.is-offscreen .hero__obj-float{animation-play-state:paused}@keyframes hero-float{to{transform:translate3d(0,-12px,0)}}.hero__stage{position:relative;height:min(76vh,720px);min-width:0}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-panel);overflow:hidden}.hero__media>img,.hero__media>.placeholder{width:100%;height:100%;object-fit:cover}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease-out)}.hero__media.has-video .hero__video{opacity:1}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;gap:var(--space-5);padding-top:calc(var(--header-h, 68px) + 12px);padding-bottom:var(--space-7)}.hero__world,.hero__stage{order:-1;height:min(42svh,360px)}.hero__obj--1{left:26%;width:44%;height:72%}.hero__obj--2{left:64%;width:36%}.hero__obj--3{width:34%}.hero__title{margin:12px 0 16px}.hero__ctas{margin-top:var(--space-5)}.hero__ctas .btn--primary{flex:1 1 100%;justify-content:center}.hero__chips{margin-top:var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */