/* Así viene — formats switcher (ported from the WordPress HTML widget) */
.asv{position:relative;overflow:hidden;isolation:isolate;
 background:var(--pink) var(--asv-tex) center top/1100px auto repeat;color:#fff;
 font-family:"DMSans_24pt-Medium","DM Sans",system-ui,sans-serif;font-weight:500;padding:clamp(70px,8vw,120px) clamp(20px,4vw,60px)}
.asv *,.asv *::before,.asv *::after{box-sizing:border-box}
.asv h2,.asv p{margin:0}
.asv-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem clamp(2rem,5vw,5rem);align-items:center}
/* ---------- Izquierda ---------- */
.asv-copy{max-width:560px}
.asv .asv-title{font-family:"Bender Black",sans-serif!important;font-weight:400!important;font-size:clamp(3rem,5.6vw,5.2rem);line-height:.9;
 color:var(--yel)!important;text-shadow:5px 5px 0 var(--navy);white-space:nowrap;text-transform:none!important}
.asv-ch{display:inline-block;transform:translateY(-110%) rotate(-10deg);opacity:0;transition:transform .7s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*50ms),opacity .3s calc(var(--i)*50ms)}
.asv-sp{display:inline-block;width:.3em}
.asv.is-in .asv-ch{transform:none;opacity:1}
.asv .asv-text{font-family:"DMSans_24pt-Medium","DM Sans",sans-serif!important;color:#fff!important;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.5;margin-top:1.1rem}
.asv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:1.9rem}
.asv-stat{background:#fff;color:var(--navy);border:3px solid var(--navy);border-radius:16px;box-shadow:6px 6px 0 var(--navy);
 padding:.8rem 1rem .7rem;display:flex;flex-direction:column;align-items:flex-start;min-width:0;
 transform:translateY(30px);opacity:0;transition:transform .7s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.asv-stat:nth-child(1){transition-delay:.35s} .asv-stat:nth-child(2){transition-delay:.45s} .asv-stat:nth-child(3){transition-delay:.55s}
.asv.is-in .asv-stat{transform:none;opacity:1}
.asv-stat__l{font-family:"Bender Black",sans-serif;font-size:.85rem;letter-spacing:.14em;color:var(--pink)}
.asv-stat__v{font-family:"Bender Black",sans-serif;font-size:clamp(2rem,3vw,2.7rem);line-height:1;white-space:nowrap}
.asv-stat__v small{font-size:.42em;margin-left:.2em;letter-spacing:.06em}
.asv-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:1.6rem}
.asv-tab{position:relative;cursor:pointer;user-select:none;outline:none;border:3px solid var(--navy);border-radius:14px;padding:.85rem 1rem .75rem;
 background:rgba(20,19,95,.25);color:#fff;display:flex;flex-direction:column;gap:.25rem;
 transition:background-color .25s,color .25s,transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;overflow:hidden}
.asv-tab b{font-family:"Bender Black",sans-serif;font-weight:400;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1}
.asv-tab span{font-size:.75rem;letter-spacing:.08em;opacity:.85}
.asv-tab::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--pink)}
.asv-tab:hover{background:rgba(20,19,95,.45)}
.asv-tab.is-on{background:var(--yel);color:var(--navy);box-shadow:5px 5px 0 var(--navy)}
.asv.is-auto .asv-tab.is-on::after{animation:asvTimer var(--asv-delay,3800ms) linear forwards}
@keyframes asvTimer{to{width:100%}}
.asv-tab:focus-visible{box-shadow:0 0 0 3px var(--lime)}
/* ---------- Derecha: dos productos a la vez ---------- */
.asv-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:end}
.asv-prod{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;
 transform:translateY(60px);opacity:0;transition:transform .9s cubic-bezier(.3,1.35,.45,1),opacity .5s}
.asv-prod--draft{transition-delay:.15s}
.asv.is-in .asv-prod{transform:none;opacity:.78}
.asv.is-in .asv-prod.is-on{opacity:1}
.asv-prod__fig{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:clamp(240px,27vw,380px);
 transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.asv-prod--pack .asv-prod__fig .asv-prod__bob{height:80%}
.asv-prod__fig{transform-origin:50% 100%}
.asv-prod.is-on .asv-prod__fig{transform:scale(1.14)}
.asv.is-in .asv-prod:not(.is-on) .asv-prod__fig{transform:scale(.94)}
.asv-prod__bob{display:block;height:100%;animation:asvBob 4.6s ease-in-out infinite}
.asv-prod--draft .asv-prod__bob{animation-delay:-2.3s}
.asv-prod__bob img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;filter:drop-shadow(10px 18px 14px rgba(20,19,95,.4))}
@keyframes asvBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.asv-prod__badge{position:absolute;right:2%;top:0;width:clamp(64px,6.5vw,88px);aspect-ratio:1;border-radius:50%;background:var(--yel);color:var(--navy);
 border:4px solid var(--navy);box-shadow:4px 4px 0 var(--navy);display:grid;place-items:center;text-align:center;
 font-family:"Bender Black",sans-serif;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1;transform:scale(0);
 transition:transform .5s cubic-bezier(.3,1.7,.5,1)}
.asv-prod.is-on .asv-prod__badge{transform:scale(1)}
.asv-prod--draft .asv-prod__badge{right:auto;left:0}
.asv-prod__line{width:44px;height:4px;border-radius:4px;background:var(--yel);margin:1.3rem 0 .8rem;transition:width .4s cubic-bezier(.3,1.5,.5,1)}
.asv-prod.is-on .asv-prod__line{width:72px}
.asv-prod__name{font-family:"Bender Black",sans-serif;font-weight:400;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1;color:#fff;text-shadow:3px 3px 0 var(--navy)}
.asv-prod__sub{font-size:.82rem;letter-spacing:.1em;margin-top:.35rem;color:var(--cream)}
.asv.is-paused *{animation-play-state:paused!important}
@media (max-width:991.98px){
 .asv-in{grid-template-columns:1fr}
 .asv-copy{max-width:none}
 .asv-stage{margin-top:.5rem}
}
@media (max-width:575.98px){
 .asv-stats{gap:10px} .asv-stat{padding:.7rem .7rem .6rem}
 .asv-stage{gap:.8rem}
 .asv-prod__fig{height:220px}
 .asv-prod__badge{width:56px;border-width:3px;font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){.asv *{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}}

/* ---------- "Clean" style (current homepage): no captions, the picked item grows ---------- */
.asv--clean .asv-prod__badge,.asv--clean .asv-prod__line,.asv--clean .asv-prod__name,.asv--clean .asv-prod__sub{display:none!important}
.asv--clean .asv-stage{align-items:end;gap:clamp(1rem,2.5vw,2.5rem)}
.asv--clean .asv-prod__fig{height:clamp(260px,29vw,420px);transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
.asv--clean .asv-prod--pack .asv-prod__fig .asv-prod__bob{height:86%}
.asv--clean.is-in .asv-prod:not(.is-on) .asv-prod__fig{transform:scale(.92)}
.asv--clean .asv-prod--pack.is-on .asv-prod__fig{transform:scale(1.28)}
.asv--clean .asv-prod--draft.is-on .asv-prod__fig,.asv--clean .asv-prod--can.is-on .asv-prod__fig{transform:scale(1.1)}
.asv--clean .asv-prod{opacity:1}
.asv--clean .asv-title{text-shadow:none!important}
@media (max-width:575.98px){.asv--clean .asv-prod__fig{height:220px}.asv--clean .asv-prod--pack.is-on .asv-prod__fig{transform:scale(1.18)}}
/* three formats */
.asv-stage[data-n="3"]{grid-template-columns:1fr 1.25fr 1fr}
.asv-tabs[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.asv-tabs[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.asv-stage[data-n="1"]{grid-template-columns:1fr}
.asv-prod--can .asv-prod__fig .asv-prod__bob{height:80%}
/* effects switched off from La Chela's Animations tab */
.asv--no-bob .asv-prod__bob{animation:none}
.asv--no-intro .asv-ch,.asv--no-intro .asv-stat,.asv--no-intro .asv-prod,.asv--no-intro .asv-prod__fig{transition:none}