.hero{position:relative;display:grid;min-height:100svh;isolation:isolate;background-color:var(--edi-ink-900);color:var(--edi-paper-100);overflow:clip}.hero__media{position:absolute;right:0;bottom:0;left:0;z-index:0;height:calc(100% + 72px);top:-36px;transform:translate3d(0,var(--parallax-y, 0px),0);will-change:transform}.hero__media picture{display:block;width:100%;height:100%}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, 50% 40%)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,var(--scrim-top) 0%,transparent 13%),linear-gradient(to top,var(--scrim-bottom) 0%,transparent 58%),linear-gradient(105deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.14) 34%,transparent 58%)}.hero__inner{position:relative;z-index:2;align-self:end;width:100%;--hero-reserva: calc(var(--reserva-cabecera) + var(--spacing-xl));padding-top:var(--hero-reserva);padding-bottom:clamp(3rem,9vh,6.5rem)}.hero__content{max-width:min(100%,52ch)}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:#ffffffc7}.hero__eyebrow:before{content:"";width:28px;height:2px;background-color:var(--edi-accent)}[data-accent=none] .hero__eyebrow:before{background-color:currentColor;height:1px}.hero__headline{text-transform:uppercase;max-width:11ch;margin-bottom:var(--spacing-lg);text-shadow:0 1px 40px rgba(0,0,0,.28)}.hero__sub{max-width:42ch;margin-bottom:var(--spacing-xl);color:#ffffffd1}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}[data-entry=on] .hero__media{scale:1.04;animation:hero-media-in .56s var(--ease-out) forwards}[data-entry=on] .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--edi-ink-900);opacity:.55;pointer-events:none;animation:hero-veil-out .62s var(--ease-out) forwards}@keyframes hero-media-in{to{scale:1}}@keyframes hero-veil-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){[data-entry=on] .hero__media{scale:1;animation:none}[data-entry=on] .hero:after{display:none}}[data-entry=on] .hero__content>*,[data-entry=on] .hero__switch{opacity:0;transform:translateY(16px);animation:hero-in var(--transition-slow) var(--ease-out) forwards;animation-delay:var(--hero-delay, 0ms)}.hero__switch{--hero-delay: 60ms}.hero__eyebrow{--hero-delay: .12s}.hero__headline{--hero-delay: .2s}.hero__sub{--hero-delay: .3s}.hero__actions{--hero-delay: .38s}@keyframes hero-in{to{opacity:1;transform:none}}.hero__scroll{position:absolute;z-index:2;bottom:var(--spacing-lg);right:var(--container-gutter);display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffb3}[data-entry=on] .hero__scroll{opacity:0;animation:hero-in var(--transition-slow) var(--ease-out) .7s forwards}.hero__scroll-line{display:block;width:1px;height:34px;background:linear-gradient(to bottom,transparent,currentColor);transform-origin:top;animation:scroll-hint 2.4s var(--ease-in-out) infinite}@keyframes scroll-hint{0%,to{transform:scaleY(.4);opacity:.35}50%{transform:scaleY(1);opacity:1}}.hero__placeholder-note{position:absolute;top:calc(var(--header-height) + 46px);right:var(--container-gutter);padding:6px 10px;border:1px dashed rgba(255,255,255,.4);border-radius:var(--radius-small);background-color:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffdb;font-size:10px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:767px){.hero__content{max-width:100%}.hero__headline{max-width:9ch}.hero__sub{margin-bottom:var(--spacing-lg)}.hero__actions>.btn{flex:1 1 auto}.hero__scroll{display:none}}@media(min-width:768px)and (max-width:1023px){.hero__sub{max-width:36ch}}@media(prefers-reduced-motion:reduce){.hero__media{transform:none;height:100%;top:0}.hero__content>*,.hero__scroll{opacity:1;transform:none;animation:none}.hero__scroll-line{animation:none;opacity:.6}}.hero[data-header-scheme=ink]{--scrim-top: transparent}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, 50% 50%);opacity:0;transition:opacity var(--motion-enter) var(--ease-enter)}.hero__media[data-hero-media=video] .hero__video{opacity:1}@media(prefers-reduced-motion:reduce){.hero__video{transition-duration:1ms}}.hero__switch{display:flex;width:fit-content;gap:2px;padding:3px;margin-bottom:var(--spacing-md);border-radius:var(--radius-pill);background-color:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__universe-btn{min-height:36px;padding-inline:var(--spacing-lg);border-radius:var(--radius-pill);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--edi-paper-100);transition:background-color var(--motion-state) var(--ease-standard),color var(--motion-state) var(--ease-standard)}.hero__universe-btn[aria-pressed=true]{background-color:var(--edi-paper-100);color:var(--edi-ink-900)}.hero__universe-btn:active{transform:scale(.96)}.hero__blank{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;background-color:var(--edi-ink-900);opacity:0;visibility:hidden;transition:opacity var(--motion-panel) var(--ease-standard),visibility 0s linear var(--motion-panel)}.hero__blank img{width:auto;height:min(58%,470px);object-fit:contain;border-radius:var(--radius-large);box-shadow:0 24px 60px #00000073;transform:scale(1.04);transition:transform var(--motion-enter) var(--ease-product)}[data-hero-universe=create] .hero__blank{opacity:1;visibility:visible;transition-delay:0s}[data-hero-universe=create] .hero__blank img{transform:none}@media(min-width:1024px){.hero__blank{place-items:center end;padding-inline-end:clamp(2rem,8vw,8rem)}}@media(max-width:1023px){.hero__blank{place-items:start center;padding-top:calc(var(--header-height) + var(--spacing-xl))}.hero__blank img{height:min(34%,300px)}}.hero__switch{position:relative;z-index:2}[data-hero-universe=create] .hero__media{opacity:0;transform:scale(.97)}.hero__media{transition:opacity var(--motion-panel) var(--ease-standard),transform var(--motion-panel) var(--ease-product)}.hero__content--create[hidden]{display:none}@media(hover:hover)and (pointer:fine){.hero[data-xp-pointer=true] .hero__media img,.hero[data-xp-pointer=true] .hero__blank img{translate:calc(var(--xp-px, 0) * 4px) calc(var(--xp-py, 0) * 3px)}.hero__media img,.hero__blank img{transition:translate var(--motion-enter) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.hero__blank,.hero__blank img,.hero__media{transition-duration:1ms}.hero__blank img,[data-hero-universe=create] .hero__media{transform:none}.hero__media img,.hero__blank img{translate:none!important}.hero__universe-btn:active{transform:none}}@supports (animation-timeline: view()){.hero{view-timeline-name:--hero-camara}.hero__media picture{animation:camara-fondo linear both;animation-timeline:--hero-camara;animation-range:exit 0% exit 100%}@keyframes camara-fondo{0%{scale:1;translate:0 0}to{scale:1.12;translate:0 -4%}}.hero__inner{animation:camara-texto linear both;animation-timeline:--hero-camara;animation-range:exit 0% exit 62%}@keyframes camara-texto{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -14%}}.hero__scrim{animation:camara-sombra linear both;animation-timeline:--hero-camara;animation-range:exit 0% exit 100%}@keyframes camara-sombra{0%{opacity:1}to{opacity:1.85}}}@media(prefers-reduced-motion:reduce){@supports (animation-timeline: view()){.hero__media picture,.hero__inner,.hero__scrim{animation:none}}}.escena{opacity:0}.escena{position:absolute;top:0;right:0;bottom:0;left:0;--desfase: 36px;top:calc(var(--desfase) * -1);height:calc(100% + var(--desfase) * 2);z-index:0;overflow:clip;pointer-events:none;display:none}[data-depth-requested=on] .escena{display:block}[data-depth-ready=on] .escena{opacity:1;transition:opacity .42s var(--ease-out)}@media(prefers-reduced-motion:reduce){[data-depth-ready=on] .escena{transition:none}}.escena__entrada,.escena__camara,.escena__fondo{position:absolute;top:0;right:0;bottom:0;left:0}.escena picture{display:contents}.escena{--foco-x: 38%;--foco-y: 38%}.escena__calle{width:100%;height:100%;object-fit:cover;object-position:var(--foco-x) var(--foco-y)}.escena__persona,.escena__separa,.escena__acerca{position:absolute;top:0;right:0;bottom:0;left:0}.escena__encuadre{position:absolute;min-width:100%;min-height:100%;width:auto;height:auto;aspect-ratio:1920 / 1080;left:var(--foco-x);top:var(--foco-y);translate:calc(var(--foco-x) * -1) calc(var(--foco-y) * -1)}.escena__sujeto{position:absolute;left:45.573%;top:0;width:22.5%;height:100%;object-fit:fill}.escena__sombra{position:absolute;left:46.4%;bottom:-1.5%;width:20.6%;height:8%;border-radius:50%;background:radial-gradient(closest-side,#16181a73,#16181a00 74%);filter:blur(7px)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.escena__camara{animation:escena-camara linear both;animation-timeline:--hero-camara;animation-range:exit 0% exit 100%}@keyframes escena-camara{0%{scale:1;translate:0 0}to{scale:1.14;translate:0 -4%}}.escena__acerca{animation:escena-persona linear both;animation-timeline:--hero-camara;animation-range:exit 0% exit 100%}@keyframes escena-persona{0%{scale:1}to{scale:1.1}}}}@media(hover:hover)and (pointer:fine){.escena__fondo,.escena__persona,.hero__content{transition:transform var(--transition-slow) var(--ease-out)}.hero[data-puntero=true] .escena__fondo{transform:translate(calc(var(--pointer-x, 0) * 5px),calc(var(--pointer-y, 0) * 3px))}.hero[data-puntero=true] .escena__persona{transform:translate(calc(var(--pointer-x, 0) * -13px),calc(var(--pointer-y, 0) * -8px))}[data-depth-ready=on] .hero[data-puntero=true] .hero__content{transform:translate(calc(var(--pointer-x, 0) * 3px),calc(var(--pointer-y, 0) * 2px))}}@media(hover:none){.escena__fondo,.escena__persona,.hero__content{transform:none;transition:none}}@media(prefers-reduced-motion:reduce){.escena__fondo,.escena__persona,.hero__content{transform:none;transition:none}}.escena__texto{position:absolute;margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(2.6rem,7.6vw,6.6rem);line-height:.84;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;color:var(--edi-paper-100);text-shadow:0 1px 14px rgba(11,11,11,.38)}.escena__texto--atras{z-index:1;top:23%;left:23%}.escena__texto--delante{z-index:3;bottom:30%;right:4.5%;color:#fffffff0}.escena__fondo{z-index:0}.escena__persona{z-index:2}@media(prefers-reduced-motion:no-preference){[data-entrada=on] .escena__separa{animation:escena-separa .46s var(--ease-out) .15s both}@keyframes escena-separa{0%{scale:.985}to{scale:1}}[data-entrada=on] .escena__sombra{animation:escena-sombra .46s var(--ease-out) .19s both}@keyframes escena-sombra{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:none}}[data-entrada=on] .escena__texto--atras{animation:escena-texto-atras .42s var(--ease-out) .26s both}@keyframes escena-texto-atras{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}[data-entrada=on] .escena__texto--delante{animation:escena-texto-delante .44s var(--ease-out) .38s both}@keyframes escena-texto-delante{0%{opacity:0;transform:translateY(20px) scale(1.02)}to{opacity:1;transform:none}}[data-entrada=on] .escena__entrada{animation:escena-acomoda .44s var(--ease-out) .56s both}@keyframes escena-acomoda{0%{scale:1.012}to{scale:1}}}[data-depth-requested=on] .hero__headline{position:absolute;top:0;height:calc(var(--hero-reserva) - var(--spacing-lg));padding-bottom:.2em;display:grid;align-content:end;margin-bottom:0;pointer-events:none}[data-titular-cede] .hero__headline{opacity:0}@media(prefers-reduced-motion:no-preference){[data-titular-cede=seco] .hero__headline{animation:none}[data-titular-cede=suave] .hero__headline{animation:titular-cede .3s var(--ease-exit) forwards}@keyframes titular-cede{0%{opacity:1}to{opacity:0}}}[data-depth-requested=on] .hero__sub{max-width:30ch}@media(max-width:767px){.escena{--foco-x: 57%;--foco-y: 42%}.escena__texto{font-size:clamp(2.1rem,12.5vw,3.4rem);text-shadow:0 1px 12px rgba(11,11,11,.42)}.escena{--banda-arriba: calc(104px + var(--desfase));--banda-abajo: calc(334px + 7svh + var(--desfase))}.escena__texto--atras{top:var(--banda-arriba);left:6%}.escena__texto--delante{top:auto;bottom:var(--banda-abajo);right:6%}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/zona-hero.css.map */