.hero-inicio{position:relative;overflow:hidden;background:var(--color-charcoal) var(--hero-bg) center / cover no-repeat}.hero-inicio__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b8,#00000080 55%,#0003)}.hero-inicio__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;min-height:560px}.hero-inicio__content{padding:90px 0}.hero-inicio__title{margin-bottom:22px;color:var(--color-white);line-height:1.2}.hero-inicio__highlight{color:var(--color-green-bright)}.hero-inicio__text{max-width:520px;margin-bottom:36px;color:var(--color-text-on-dark);font-size:17px;font-weight:300;line-height:1.7}.hero-inicio__buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-inicio__guard{display:flex;justify-content:center;align-self:end}.hero-inicio__guard-img{display:block;width:100%;max-width:400px;height:auto;filter:drop-shadow(0 20px 50px rgba(0,0,0,.5))}@media(max-width:1024px){.hero-inicio__grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.hero-inicio__content{padding:64px 0}.hero-inicio__guard-img{width:60%;max-width:320px}}@media(max-width:820px){.hero-inicio__content{padding:56px 0 24px}.hero-inicio__guard-img{width:100%;max-width:240px}.hero-inicio__buttons{flex-direction:column;align-items:stretch;width:100%}.hero-inicio__buttons .button{white-space:normal}}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=none]) .hero-inicio__content>*{animation:hero-rise var(--motion-slow) var(--ease-out) both}:root:not([data-motion=none]) .hero-inicio__content>:nth-child(2){animation-delay:80ms}:root:not([data-motion=none]) .hero-inicio__content>:nth-child(3){animation-delay:.16s}:root:not([data-motion=none]) .hero-inicio__content>:nth-child(4){animation-delay:.24s}:root:not([data-motion=none]) .hero-inicio__guard-img{animation:hero-guard .82s var(--ease-out) .12s both}}@keyframes hero-rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes hero-guard{0%{opacity:0;transform:translate3d(0,48px,0)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-inicio.css.map */