.hero-cinematic{position:relative;display:flex;align-items:flex-end;width:100%;height:calc(100vh - var(--x-header-height, 0px) - var(--x-strip-height, 0px));min-height:calc(100vh - var(--x-header-height, 0px) - var(--x-strip-height, 0px));height:calc(100svh - var(--x-header-height, 0px) - var(--x-strip-height, 0px));min-height:calc(100svh - var(--x-header-height, 0px) - var(--x-strip-height, 0px));overflow:hidden;background-color:rgb(var(--color-carbon))}.hero-cinematic__media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:block}.hero-cinematic__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-cinematic__media--mobile{display:none}@media screen and (max-width:749px){.hero-cinematic__media--desktop{display:none}.hero-cinematic__media--mobile{display:block}}.hero-cinematic__media video,.hero-cinematic__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus, center)}.hero-cinematic>.hero-cinematic__overlay,.hero-cinematic>.hero-cinematic__scrim{display:block}.hero-cinematic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-carbon));pointer-events:none}.hero-cinematic__scrim{--scrim-rgb: var(--color-carbon);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .85)),rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .65)) 50%,rgba(var(--scrim-rgb),0) 90%),linear-gradient(to right,rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .6)),rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .35)) 50%,rgba(var(--scrim-rgb),0) 80%)}@media screen and (max-width:749px){.hero-cinematic__scrim{background:linear-gradient(to top,rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .9)),rgba(var(--scrim-rgb),calc(var(--hero-scrim, .8) * .75)) 55%,rgba(var(--scrim-rgb),0) 95%)}}.hero-cinematic__media-toggle-wrapper{position:absolute;z-index:1;right:24px;bottom:24px}.hero-cinematic__media-toggle-wrapper:not(:focus-within){width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media screen and (max-width:749px){.hero-cinematic__media-toggle-wrapper{display:none}}.hero-cinematic__media-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:8px;border:2px solid rgb(var(--color-marfil));background-color:rgba(var(--color-carbon),.55);color:rgb(var(--color-marfil));cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.hero-cinematic__media-toggle:hover{background-color:rgb(var(--color-marfil));color:rgb(var(--color-tierra))}.hero-cinematic__media-toggle:focus-visible{outline:2px solid rgb(var(--color-ocre));outline-offset:2px}.hero-cinematic__media-toggle-icon{width:18px;height:18px;fill:currentColor}.hero-cinematic__media-toggle-icon[hidden]{display:none}.hero-cinematic__content{position:relative;z-index:1;width:100%;padding-top:64px;padding-bottom:96px;padding-left:24px;color:rgb(var(--color-marfil));text-align:left;text-shadow:0 1px 2px rgba(var(--color-carbon),.35),0 2px 24px rgba(var(--color-carbon),.45)}.hero-cinematic__button{text-shadow:none}@media screen and (min-width:750px){.hero-cinematic__content{padding-left:40px}}@media screen and (min-width:1200px){.hero-cinematic__content{padding-left:64px}}.hero-cinematic__tag{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-family:IBM Plex Sans,IBM Plex Sans Fallback,Inter,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-ocre))}.hero-cinematic__tag:before{content:"";width:8px;height:8px;border-radius:50%;background:rgb(var(--color-ocre))}.hero-cinematic__heading{margin:0;color:rgb(var(--color-marfil));font-family:Nippo Variable,Nippo Fallback,Inter,sans-serif;font-weight:700;font-size:3.2rem;line-height:1.1;letter-spacing:.01em}@media screen and (min-width:750px){.hero-cinematic__heading{font-size:4.8rem}}@media screen and (min-width:1200px){.hero-cinematic__heading{font-size:6rem}}.hero-cinematic__subheading{max-width:56rem;margin-top:24px}.hero-cinematic__subheading p{margin:0;font-family:Nippo Variable,Nippo Fallback,Inter,sans-serif;font-weight:300;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-marfil),.94)}@media screen and (min-width:750px){.hero-cinematic__subheading p{font-size:1.9rem}}.hero-cinematic__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;margin-top:40px}.hero-cinematic__button{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:15px 26px;border-radius:8px;font-family:Nippo Variable,Nippo Fallback,Inter,sans-serif;font-weight:400;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.hero-cinematic__button:hover,.hero-cinematic__button:focus-visible{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.hero-cinematic__button:hover,.hero-cinematic__button:focus-visible{transform:none}}.hero-cinematic__button--primary{background-color:rgb(var(--color-naranja-2));color:rgb(var(--color-marfil));border:2px solid transparent}.hero-cinematic__button--primary:hover,.hero-cinematic__button--primary:focus-visible{border-color:rgb(var(--color-marfil))}.hero-cinematic__button--secondary{background-color:rgba(var(--color-carbon),.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgb(var(--color-marfil));border:2px solid rgba(var(--color-marfil),.8)}.hero-cinematic__button--secondary:hover,.hero-cinematic__button--secondary:focus-visible{border-color:rgb(var(--color-marfil));background-color:rgba(var(--color-carbon),.6)}.hero-cinematic__button:focus-visible{outline:2px solid rgb(var(--color-ocre));outline-offset:2px}@keyframes hero-cinematic-rise{0%{opacity:0;transform:translateY(var(--motion-distance, 24px))}to{opacity:1;transform:none}}.motion-ready .hero-cinematic__content>*{animation:hero-cinematic-rise var(--motion-base) var(--motion-ease-out) both;animation-delay:calc(.35s + var(--hero-step, 0) * .14s)}.motion-ready .hero-cinematic__tag{--hero-step: 0}.motion-ready .hero-cinematic__heading{--hero-step: 1}.motion-ready .hero-cinematic__subheading{--hero-step: 2}.motion-ready .hero-cinematic__actions{--hero-step: 3}.motion-ready .hero-cinematic__media-toggle-wrapper{animation:hero-cinematic-rise var(--motion-base) var(--motion-ease-out) 1s both}.motion-ready .hero-cinematic:not(.is-ready) .hero-cinematic__content>*{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.motion-ready .hero-cinematic__content>*,.motion-ready .hero-cinematic__media-toggle-wrapper{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hero-cinematic.css.map */