.ofx{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:min(92svh,88rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ofx__media,.ofx__tint,.ofx__glow,.ofx__petals{position:absolute;top:0;right:0;bottom:0;left:0}.ofx__media{z-index:-4}.ofx__media picture{display:contents}.ofx__img{width:100%;height:100%;object-fit:cover;object-position:var(--ofx-focal, 70% 50%)}.ofx__img--placeholder{background:rgba(var(--color-foreground),.08)}.ofx__tint{z-index:-3;background:radial-gradient(110% 85% at 0% 100%,rgb(var(--color-background)) 6%,rgba(var(--color-background),.8) 36%,rgba(var(--color-background),0) 70%),linear-gradient(90deg,rgba(var(--color-background),.55),rgba(var(--color-background),.25) 35%,rgba(var(--color-background),0) 60%),linear-gradient(180deg,rgba(var(--color-background),.35),rgba(var(--color-background),0) 22% 70%,rgba(var(--color-background),.6))}.ofx__glow{z-index:-2;pointer-events:none;background:radial-gradient(40% 32% at 72% 100%,#ffb03c6b,#ffb03c00 70%),radial-gradient(26% 22% at 38% 100%,#ff8c2847,#ff8c2800 70%),radial-gradient(22% 20% at 96% 92%,#e4007c38,#e4007c00 70%);mix-blend-mode:screen}.ofx__garland{position:absolute;z-index:2;top:0;left:-1rem;right:-1rem;display:flex;justify-content:space-between;gap:.6rem;padding-top:.6rem;pointer-events:none}.ofx__garland:before{content:"";position:absolute;top:.6rem;left:0;right:0;height:.2rem;background:#fbf1dcbf}.ofx__flag{flex:0 0 auto;width:clamp(4.4rem,5.4vw,7.6rem);height:auto;aspect-ratio:100 / 124;transform-origin:50% 0;filter:drop-shadow(0 .5rem .8rem rgba(0,0,0,.35));opacity:.96}.ofx__flag:nth-child(2n){margin-top:.4rem}.ofx__petals{z-index:1;pointer-events:none;overflow:hidden}.ofx__petal{position:absolute;top:-4rem;left:calc(var(--i) * 7% - 3%);width:1.4rem;height:1rem;border-radius:80% 10%;background:linear-gradient(135deg,#ffc23d,#ff8a00);opacity:0}.ofx__petal:nth-child(3n){width:1rem;height:.8rem;background:linear-gradient(135deg,#ffb347,#f26b00)}.ofx__petal:nth-child(4n){width:1.7rem;height:1.1rem}.ofx__content{position:relative;z-index:3;width:100%;padding-top:16rem;padding-bottom:6.4rem}.ofx__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 2rem;padding:.6rem 1.4rem .6rem 1.2rem;border:.15rem solid rgba(var(--color-foreground),.5);border-radius:99rem;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(var(--color-background),.55)}.ofx__flame{position:relative;width:.9rem;height:1.3rem;border-radius:50%/62% 62% 38% 38%;background:radial-gradient(60% 55% at 50% 70%,#fff3c4,#ffc23d 45%,#ff7a00);box-shadow:0 0 .8rem .2rem #ffaa32b3}.ofx__heading{max-width:13ch;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(4rem,7vw,10rem);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;color:var(--ofx-accent, #ff9f1c);text-shadow:.06em .06em 0 var(--ofx-shadow, #e4007c)}.ofx__text{max-width:44ch;margin-top:2.4rem;font-size:1.7rem;line-height:1.5;text-wrap:pretty}.ofx__text p{margin:0}.ofx__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}@media screen and (max-width:749px){.ofx{min-height:86svh}.ofx__tint{background:linear-gradient(180deg,rgba(var(--color-background),.3),rgba(var(--color-background),0) 22%,rgba(var(--color-background),.88) 55%,rgb(var(--color-background)))}.ofx__flag{width:4.2rem}.ofx__flag:nth-child(n+10){display:none}.ofx__content{padding-bottom:4rem}.ofx__heading{font-size:clamp(3.4rem,11vw,5.2rem)}.ofx__text{font-size:1.5rem}.ofx__eyebrow{font-size:1.1rem}.ofx__actions .button{flex:1 1 100%}}@media screen and (max-width:749px){.ofx--m-stacked{display:block;min-height:0}.ofx--m-stacked .ofx__media{position:relative;inset:auto;aspect-ratio:1 / 1}.ofx--m-stacked .ofx__img{object-position:var(--ofx-focal, 70% 50%)}.ofx--m-stacked .ofx__tint{background:linear-gradient(180deg,rgba(var(--color-background),.25) 0,rgba(var(--color-background),0) 26vw calc(100vw - 12rem),rgb(var(--color-background)) 100vw)}.ofx--m-stacked .ofx__glow,.ofx--m-stacked .ofx__petals{bottom:auto;height:100vw}.ofx--m-stacked .ofx__content{margin-top:-4rem;padding-top:0;padding-bottom:4rem}}@media(prefers-reduced-motion:no-preference){.ofx__flag{animation:ofx-sway 3.6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.37s)}.ofx__glow{animation:ofx-flicker 2.8s ease-in-out infinite}.ofx__flame{animation:ofx-flame 1.1s ease-in-out infinite alternate}.ofx__petal{animation:ofx-fall 11s linear infinite;animation-delay:calc(var(--i) * -.83s)}.ofx__petal:nth-child(odd){animation-duration:14s}.ofx__petal:nth-child(3n){animation-duration:9s}}@keyframes ofx-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes ofx-flicker{0%,to{opacity:.85}22%{opacity:1}38%{opacity:.78}61%{opacity:.95}80%{opacity:.82}}@keyframes ofx-flame{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(.9,1.12) rotate(3deg)}}@keyframes ofx-fall{0%{transform:translateZ(0) rotate(0);opacity:0}8%{opacity:.9}50%{transform:translate3d(3rem,50vh,0) rotate(200deg)}90%{opacity:.8}to{transform:translate3d(-2rem,100vh,0) rotate(420deg);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-eterea-ofrenda.css.map */