.esperanza-hero{--stage-ratio: 1.7766;--sky: #103a46;--cream: #f7e5cc;--z-fondo: .04;--z-nubes: .11;--z-pueblo: .24;--z-caballos: .42;--z-piso: .5;--z-type: .3;--piso-base: 1.2;--walk-a: 0;--walk-b: 0;--walk-ax: 0;--walk-bx: 0;--walk-lift-a: 6px;--walk-lift-b: 5px;--walk-sway: 2px;--walk-drift: 0;--drift-x-a: 93.63%;--drift-y-a: 43.48%;--drift-x-b: 51.12%;--drift-y-b: 31.94%;--m-fondo: 2px;--m-nubes: 5px;--m-pueblo: 10px;--m-caballos: 16px;--m-piso: 20px;--m-type: 18px;--p: 0;--mx: 0;--my: 0;--type-reveal: 0;--logo-reveal: 0;--type-opacity: 1;--cta-opacity: 1;position:relative;width:100%;height:var(--scroll-length, 480svh);background:var(--sky);margin-top:calc(-1 * var(--main-offset, 8%))}.esperanza-hero__viewport{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}.esperanza-hero__stage{position:absolute;top:var(--stage-top, 0);bottom:var(--stage-bottom, auto);left:var(--stage-left, 50%);width:var(--stage-w, max(100vw, calc(100svh * var(--stage-ratio))));aspect-ratio:var(--stage-ratio);transform:translate(var(--stage-shift, -50%));pointer-events:none}.esperanza-hero__layer{position:absolute;display:block;height:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.esperanza-hero__layer--fondo{left:0;top:0;width:100%;height:100%;transform-origin:50% 72.87%;scale:calc(1 + var(--p) * var(--z-fondo));translate:calc(var(--mx) * var(--m-fondo) * -1) calc(var(--my) * var(--m-fondo) * -1)}.esperanza-hero__layer--nubes{left:0;top:4.094%;width:100%;transform-origin:50% 99.8%;scale:calc(1 + var(--p) * var(--z-nubes));translate:calc(var(--mx) * var(--m-nubes) * -1) calc(var(--my) * var(--m-nubes) * -1)}.esperanza-hero__layer--pueblo{left:-1.094%;top:53.712%;width:101.094%;transform-origin:50.541% 39.769%;scale:calc(1 + var(--p) * var(--z-pueblo));translate:calc(var(--mx) * var(--m-pueblo) * -1) calc(var(--my) * var(--m-pueblo) * -1)}.esperanza-hero__layer--caballo-oscuro{left:17.695%;top:31.783%;width:20.859%;transform-origin:154.87% 117%;scale:calc(1 + var(--p) * var(--z-caballos));translate:calc(var(--mx) * var(--m-caballos) * -1 + var(--walk-ax) * var(--walk-sway) + var(--walk-drift) * var(--drift-x-a)) calc(var(--my) * var(--m-caballos) * -1 + var(--walk-a) * var(--walk-lift-a) + var(--walk-drift) * var(--drift-y-a))}.esperanza-hero__layer--caballo-claro{left:41.602%;top:45.246%;width:19.102%;transform-origin:43.97% 79.44%;scale:calc(1 + var(--p) * var(--z-caballos));translate:calc(var(--mx) * var(--m-caballos) * -1 + var(--walk-bx) * var(--walk-sway) + var(--walk-drift) * var(--drift-x-b)) calc(var(--my) * var(--m-caballos) * -1 + var(--walk-b) * var(--walk-lift-b) + var(--walk-drift) * var(--drift-y-b))}.esperanza-hero__layer--piso{left:0;top:54.754%;width:87.695%;transform-origin:57.02% 40.09%;scale:calc(var(--piso-base) * (1 + var(--p) * var(--z-piso)));translate:calc(var(--mx) * var(--m-piso) * -1) calc(var(--my) * var(--m-piso) * -1)}.esperanza-hero__layer--titulo{left:6.797%;top:2.498%;width:84.141%;transform-origin:51.35% 91.85%;opacity:var(--type-opacity);scale:calc(1 + var(--p) * var(--z-type));translate:calc(var(--mx) * var(--m-type) * -1) calc(var(--my) * var(--m-type) * -1 + (1 - var(--type-reveal)) * 100svh)}.esperanza-hero__layer--logo{left:37.969%;top:40.319%;width:18.846%;transform-origin:63.84% 129.61%;opacity:var(--logo-opacity, 1);scale:calc(1 + var(--p) * var(--z-type));translate:calc(var(--mx) * var(--m-type) * -1) calc(var(--my) * var(--m-type) * -1 + (1 - var(--logo-reveal)) * 100svh)}.esperanza-hero__layer--nubes,.esperanza-hero__layer--horizonte,.esperanza-hero__layer--pueblo,.esperanza-hero__layer--caballo-oscuro,.esperanza-hero__layer--caballo-claro,.esperanza-hero__layer--piso,.esperanza-hero__layer--titulo,.esperanza-hero__layer--logo{will-change:scale,translate}.esperanza-hero__layer--horizonte{left:-10%;top:54.13%;width:120%;bottom:-15%;background:linear-gradient(to bottom,#78433000,#653a2f 28%,#563330,#453132,#3a2c30);transform-origin:50% 0%;scale:calc(1 + var(--p) * var(--z-nubes));translate:calc(var(--mx) * var(--m-nubes) * -1) calc(var(--my) * var(--m-nubes) * -1)}.esperanza-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.esperanza-hero__type{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media(min-aspect-ratio:9 / 4){.esperanza-hero__layer--titulo{top:1.8%;width:78%;left:10%}.esperanza-hero__layer--logo{top:36.5%;width:16.2%;left:39.2%}}@media(max-aspect-ratio:1 / 1){.esperanza-hero__scene .esperanza-hero__stage{--stage-w: 240vw;--stage-top: auto;--stage-bottom: 0;--stage-left: -46vw;--stage-shift: 0}.esperanza-hero__type .esperanza-hero__stage{--stage-w: 100vw;--stage-top: 0;--stage-bottom: auto;--stage-left: 0;--stage-shift: 0;height:100%;aspect-ratio:auto}.esperanza-hero__layer--titulo{left:4%;top:6svh;width:92%;transform-origin:50% 50%}.esperanza-hero__layer--logo{left:31%;top:31svh;width:38%;transform-origin:50% 50%}}.esperanza-hero__badge{position:fixed;left:var(--badge-left, auto);top:var(--badge-top, auto);width:var(--badge-size, 64px);height:auto;z-index:9997;opacity:0;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}.esperanza-hero__cta{position:absolute;left:50%;bottom:15svh;transform:translate(-50%);z-index:4;display:inline-block;padding:14px 34px;font-family:Fraunces,Libre Baskerville,Georgia,serif;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;text-decoration:none;color:#1a1a1a;background:var(--cream);border:1px solid rgba(26,26,26,.25);border-radius:999px;opacity:var(--cta-opacity);transition:background .25s ease,color .25s ease,border-color .25s ease;box-shadow:0 10px 30px #00000059}.esperanza-hero__cta:hover{background:#1a1a1a;color:var(--cream);border-color:#1a1a1a}.esperanza-hero__cta:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.esperanza-hero__hint{position:absolute;left:50%;bottom:3.5svh;transform:translate(-50%);z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--cream);opacity:var(--hint-opacity, 1);transition:opacity .25s ease-out}.esperanza-hero__hint-text{font-family:Fraunces,Libre Baskerville,Georgia,serif;font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;text-shadow:0 2px 10px rgba(0,0,0,.6)}.esperanza-hero__hint-wheel{position:relative;width:24px;height:38px;border:1.5px solid var(--cream);border-radius:13px}.esperanza-hero__hint-wheel:before{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:var(--cream);animation:esperanza-hero-wheel 1.8s ease-in-out infinite}@keyframes esperanza-hero-wheel{0%{transform:translate(-50%);opacity:1}60%{transform:translate(-50%,14px);opacity:0}61%{transform:translate(-50%);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:767px){.esperanza-hero__cta{bottom:17svh;font-size:.66rem;padding:12px 26px}}.esperanza-hero__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--sky);display:flex;align-items:center;justify-content:center;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.esperanza-hero__intro.is-hidden{opacity:0;pointer-events:none}.esperanza-hero__intro-spinner{width:32px;height:32px;border:2px solid rgba(247,229,204,.2);border-top-color:var(--cream);border-radius:50%;animation:esperanza-hero-spin .9s linear infinite}@keyframes esperanza-hero-spin{to{transform:rotate(360deg)}}.esperanza-hero[data-ready=true] .esperanza-hero__scene{animation:esperanza-hero-settle 1.2s ease-out both}@keyframes esperanza-hero-settle{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.esperanza-hero{height:100svh}.esperanza-hero__layer{scale:1!important;translate:none!important;animation:none!important}.esperanza-hero__badge{display:none!important}.esperanza-hero__scene,.esperanza-hero__type{animation:none!important}.esperanza-hero__hint-wheel:before,.esperanza-hero__intro-spinner{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/esperanza-hero.css.map */