.qo-hero{position:relative;display:flex;flex-direction:column;min-height:min(100svh,72rem);overflow:hidden;isolation:isolate;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.qo-hero{min-height:calc(var(--qo-hero-h, 88) * 1svh)}}.qo-hero__media,.qo-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.qo-hero__poster,.qo-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--qo-hero-x-mobile, 60%) center}@media screen and (min-width:750px){.qo-hero__poster,.qo-hero__video{object-position:center}}.qo-hero__video{opacity:0;transition:opacity var(--qo-dur-texto) var(--qo-ease-inercia)}.qo-hero__media.is-playing .qo-hero__video{opacity:1}.qo-hero__shade{--qo-shade: rgba(var(--color-background), var(--qo-hero-shade, .7));background:linear-gradient(90deg,var(--qo-shade) 0%,rgba(var(--color-background),calc(var(--qo-hero-shade, .7) * .35)) 55%,transparent 80%),linear-gradient(180deg,rgba(var(--color-background),calc(var(--qo-hero-shade, .7) * .8)) 0%,transparent 30%,transparent 70%,rgba(var(--color-background),calc(var(--qo-hero-shade, .7) * .85)) 100%)}.qo-hero__row{display:flex;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;padding:2.4rem clamp(2rem,4vw,5.6rem) 0;font-size:1.1rem;color:rgba(var(--color-foreground),.72)}.qo-hero__row--bottom{align-items:flex-end;padding:0 clamp(2rem,4vw,5.6rem) 2.8rem;color:rgb(var(--color-foreground))}.qo-hero__credit{color:rgba(var(--color-foreground),.72)}@media screen and (max-width:749px){.qo-hero__hint,.qo-hero__credit{display:none}}.qo-hero__content{flex-grow:1;display:flex;flex-wrap:wrap;align-content:center;align-items:center;column-gap:2.8rem;row-gap:3.2rem;padding:4rem clamp(2rem,7vw,11.6rem)}.qo-hero__content>*{flex-basis:100%}.qo-hero__content>.qo-action{flex-basis:auto}.qo-hero__content .qo-text{max-width:27em;font-size:clamp(1.9rem,1.1vw,2.6rem)}.qo-hero__content>.qo-heading{max-width:none;padding-inline-end:calc(100% - var(--qo-heading-width, 14ch))}.qo-hero .qo-heading--xl{font-size:clamp(4rem,min(7.2vw,14svh),16rem)}@media screen and (max-width:749px){.qo-hero__shade{background:linear-gradient(180deg,rgba(var(--color-background),calc(var(--qo-hero-shade, .7) * .8)),rgba(var(--color-background),calc(var(--qo-hero-shade, .7) * .55)) 45%,rgba(var(--color-background),var(--qo-hero-shade, .7)))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/qo-hero.css.map */