/* La Chela — "Clean" style (mockup layout). Animations only run when switched on in the Panel (.chc--a-*). */
.chc{position:relative;color:#fff}
.chc-in{box-sizing:border-box;width:100%;margin:0 auto;padding:var(--sec-pt,var(--sec-pad,96px)) var(--gutter-x,32px) var(--sec-pb,var(--sec-pad,96px))}
.chc h2,.chc h3,.chc p{margin:0;color:inherit}
.chc .t-lede{margin-top:16px;color:#fff}

/* ---- Head: title + lede on the left, slogan on the right ---- */
.chc-head{position:relative;z-index:2;max-width:var(--content-w,1360px);margin:0 auto 36px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px 48px;align-items:start}
.chc .chc-title,.chc .chc-fmt__title{color:var(--chc-title,#fff)}
.chc-slogan{text-align:left;line-height:.95}
.chc-sl{display:block}.chc-sl--1{color:#fff}.chc-sl--2{color:var(--yel)}
@media (min-width:1100px){.chc-head{grid-template-columns:minmax(280px,1fr) auto}.chc-slogan{text-align:right}}

/* ---- Stage: can in the middle, notes around it ---- */
.chc-stage{position:relative;width:100%;max-width:var(--content-w,1360px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(14px,3vw,40px);row-gap:clamp(24px,5vw,56px);align-items:center}
/* can: --chc-can-w is the width at mockup size; --chc-scale (Panel) resizes it proportionally */
.chc{--chc-can-w:min(236px,30vw)}
.chc-can{position:relative;grid-column:2;grid-row:1 / span 2;justify-self:center;width:calc(var(--chc-can-w) * var(--chc-scale,1));height:calc(var(--chc-can-w) * var(--chc-scale,1) * 1.9915);margin-bottom:24px}
.chc-note--l{grid-column:1}.chc-stage .chc-note--l{text-align:right}.chc-note--r{grid-column:3}
.chc-note--t{grid-row:1;align-self:end}.chc-note--b{grid-row:2;align-self:start}
.chc-note--l .chc-rule{margin-left:auto;transform-origin:right center}
.chc-float,.chc-sprite{width:100%;height:100%}
.chc-sprite{position:relative;background:var(--chc-spr) var(--chc-fx,50%) 0/calc(var(--chc-n,17) * 100%) 100% no-repeat;transform:rotate(var(--chc-tilt,-6deg))}
.chc-canimg{display:block;width:100%;height:100%;object-fit:contain}
/* one soft floor shadow under the floating can; nothing on the can itself */
.chc-shadow{position:absolute;left:calc(50% + 10%);top:calc(100% + 10px);width:74%;height:30px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(20,19,95,.34),rgba(20,19,95,.14) 60%,rgba(20,19,95,0));pointer-events:none}
.chc-note{position:relative;z-index:1;text-align:left;color:#fff}
.chc-note p{margin-top:8px}
.chc-rule{display:block;width:44px;height:3px;border-radius:2px;background:var(--accent,var(--yel));margin:0 0 16px;transform-origin:left center}
@media (max-width:699px){.chc-note .t-sh{font-size:15px}.chc-note .t-p{font-size:13px;line-height:1.45}.chc-rule{width:32px;margin-bottom:10px}}
@media (min-width:1241px){
  .chc-head{margin-bottom:40px}
  .chc-stage{display:block;max-width:1480px;aspect-ratio:1200/450;container-type:inline-size}
  .chc-can{position:absolute;left:50%;top:50%;width:calc(17.35cqw * var(--chc-scale,1));height:calc(34.56cqw * var(--chc-scale,1));margin:calc(-17.28cqw * var(--chc-scale,1)) 0 0 calc(-8.68cqw * var(--chc-scale,1))}
  .chc-note{position:absolute;width:24%}
  .chc-note--l{left:12%;text-align:right}.chc-note--r{left:64%}
  .chc-note--t{top:12%}.chc-note--b{top:64%}
  .chc-note--l .chc-rule{margin-left:auto;transform-origin:right center}
}

/* ---- Así viene: copy + specs on the left, formats on the right ---- */
.chc-fmt{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px 64px;align-items:center;max-width:var(--content-w,1360px);margin:72px auto 0}

.chc-spec{display:grid;grid-auto-flow:column;grid-auto-columns:auto;justify-content:start;margin-top:30px;color:#fff}
.chc-spec__i{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 30px}
.chc-spec__i:first-child{padding-left:0}.chc-spec__i:last-child{padding-right:0}
.chc-spec__i+.chc-spec__i{border-left:2px dashed rgba(255,255,255,.45)}
.chc-spec__l{font-family:var(--f-xbold);font-weight:800;font-size:13px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
.chc-spec__v{font-family:var(--f-display);font-weight:900;font-size:clamp(36px,4vw,56px);line-height:.9;text-transform:uppercase;color:#fff;white-space:nowrap}
.chc-spec__v small{font-size:.38em;margin-left:5px}
.chc-pour{position:relative;container-type:inline-size;display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:clamp(24px,4vw,64px);align-items:end}
.chc-pour__i{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,26px);min-width:0}
.chc-pour__img{display:flex;align-items:flex-end;justify-content:center;width:100%}
.chc-bob{display:flex;align-items:flex-end;justify-content:center;width:100%}
.chc-pour__img img{display:block;object-fit:contain;filter:none}
.chc-pour__i--pack img,.chc-pour__i--can img{width:calc(100% * var(--chc-fmt-s,1));max-width:calc(440px * var(--chc-fmt-s,1));height:auto;max-height:calc(480px * var(--chc-fmt-s,1))}
.chc-pour__i--draft img{height:calc(min(400px,calc((50cqw - 16px) * 1.08)) * var(--chc-fmt-s,1));width:auto;max-width:100%}
.chc-pour__tag{text-align:center;color:#fff;max-width:100%}
.chc-pour__tag::before{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--accent,var(--yel));margin:0 auto 14px}
.chc-pour__tag .t-k{margin-top:6px;color:var(--navy)}
.chc-asv-tabs{max-width:var(--content-w,1360px);margin:40px auto 0}
.chc-asv-tabs .asv-in{padding-left:0;padding-right:0}
@media (min-width:1241px){.chc-fmt{margin-top:40px}}
@media (max-width:900px){.chc-fmt{grid-template-columns:minmax(0,1fr);margin-top:56px}}
@media (max-width:699px){
  .chc-in{padding:var(--sec-pt-m,var(--sec-pad-m,64px)) var(--gutter-m,20px) var(--sec-pb-m,var(--sec-pad-m,64px))}
  .chc-spec{width:100%;grid-auto-columns:minmax(0,1fr)}
  .chc-spec__i{padding:0 12px}
  .chc-spec__l{font-size:11px;letter-spacing:.12em}
  .chc-spec__v{font-size:38px}
}

/* split title letters (only when "letters jump" is on) */
.chc-ch{display:inline-block}.chc-sp{display:inline-block;width:.28em}

/* ================= Optional animations (Panel → La Chela → Animations) ================= */
@media (prefers-reduced-motion:no-preference){
  /* can floats */
  .chc--a-float .chc-float{animation:chcFloat var(--chc-fdur,3.5s) ease-in-out infinite alternate}
  @keyframes chcFloat{from{transform:translateY(calc(var(--chc-fdist,10px) * -1))}to{transform:translateY(var(--chc-fdist,10px))}}
  /* floor shadow breathes with the float */
  .chc--a-shadow .chc-shadow{animation:chcShadow var(--chc-fdur,3.5s) ease-in-out infinite alternate}
  @keyframes chcShadow{from{transform:translate(-50%,-50%) scale(.84);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
  /* can glare */
  .chc-shine{position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(105deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 60%) no-repeat;background-size:250% 100%;
    -webkit-mask:var(--chc-spr) var(--chc-fx,50%) 0/calc(var(--chc-n,17) * 100%) 100% no-repeat;mask:var(--chc-spr) var(--chc-fx,50%) 0/calc(var(--chc-n,17) * 100%) 100% no-repeat;
    animation:chcShine 5.5s ease-in-out infinite}
  @keyframes chcShine{0%,55%{background-position:150% 0}85%,100%{background-position:-60% 0}}
  /* can comes in as you scroll / follows the pointer (JS sets the transform) */
  .chc--a-rise .chc-can,.chc--a-follow .chc-can{will-change:transform,opacity}
  /* title letters jump on hover */
  .chc--a-title [data-chc-split]:hover .chc-ch{animation:chcJump .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i) * 35ms)}
  @keyframes chcJump{40%{transform:translateY(-.18em)}}
  /* slogan slides in */
  .chc--a-slogan.chc-js .chc-sl{opacity:0;transform:translateX(70px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
  .chc--a-slogan.chc-js .chc-sl--2{transition-delay:.15s}
  .chc--a-slogan.chc-js .chc-slogan.is-in .chc-sl{opacity:1;transform:none}
  /* tasting notes reveal on scroll */
  .chc--a-notes.chc-js .chc-rule{transform:scaleX(0);transition:transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}
  .chc--a-notes.chc-js .chc-note h3,.chc--a-notes.chc-js .chc-note p{opacity:0;transform:translateY(18px);transition:opacity .6s ease calc(var(--i) * .12s + .2s),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s + .2s),color .4s ease}
  .chc--a-notes.chc-js .chc-note.is-in .chc-rule{transform:none}
  .chc--a-notes.chc-js .chc-note.is-in h3,.chc--a-notes.chc-js .chc-note.is-in p{opacity:1;transform:none}
  /* notes take turns being highlighted */
  .chc--a-tour .chc-note h3,.chc--a-tour .chc-note p{transition:color .4s ease}
  .chc--a-tour .chc-rule{transition:width .4s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}
  .chc--a-tour.is-touring .chc-note h3,.chc--a-tour.is-touring .chc-note p{color:rgba(255,255,255,.6)}
  .chc--a-tour.is-touring .chc-note.is-on h3,.chc--a-tour.is-touring .chc-note.is-on p{color:#fff}
  .chc--a-tour .chc-note.is-on .chc-rule{width:72px}
  /* 12-pack / On Draft rise in, then the tags pop */
  .chc--a-formats.chc-js .chc-pour__img{opacity:0;transform:translate(calc(var(--dir,-1) * 60px),90px) rotate(calc(var(--dir,-1) * 9deg)) scale(.82);
    transition:opacity .8s ease calc(var(--i) * .18s),transform 1.1s cubic-bezier(.2,.75,.2,1) calc(var(--i) * .18s)}
  .chc--a-formats.chc-js .chc-pour__i:nth-child(even){--dir:1}
  .chc--a-formats.chc-js .chc-pour__tag{opacity:0;transform:translateY(14px) scale(.9);transform-origin:50% 100%;transition:opacity .5s ease calc(var(--i) * .18s + .75s),transform .6s cubic-bezier(.3,1.5,.5,1) calc(var(--i) * .18s + .75s)}
  .chc--a-formats.chc-js .chc-pour__i.is-in .chc-pour__img,.chc--a-formats.chc-js .chc-pour__i.is-in .chc-pour__tag{opacity:1;transform:none}
  .chc--a-formats .chc-pour__i{transform:translateY(var(--drift,0px))}
  /* products bob gently */
  .chc--a-bob .chc-bob{animation:chcBob 3.2s ease-in-out infinite alternate}
  .chc--a-bob .chc-pour__i:nth-child(even) .chc-bob{animation-delay:-1.6s}
  @keyframes chcBob{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
}

/* ---- Así viene as a switcher (fact cards + format tabs), on the mockup type scale ---- */
.chc-asv-tabs .asv{padding:0;overflow:visible}
.chc-asv-tabs .asv-in{max-width:none}
.chc-asv-tabs .asv .asv-title{font-family:var(--t-h-font,var(--f-display))!important;font-weight:900!important;font-size:clamp(calc(var(--t-h-max,56px) * .643),4vw,var(--t-h-max,56px));line-height:.95;text-transform:uppercase!important;color:var(--chc-title,#fff)!important}
.chc-asv-tabs .asv .asv-text{font-family:var(--f-body)!important;font-size:clamp(16px,1.15vw,19px);line-height:1.6;margin-top:16px;max-width:34rem}
.chc-asv-tabs .asv-prod__bob img{filter:none}
@media (min-width:1600px){.chc-asv-tabs .asv .asv-title{font-size:clamp(56px,3.4vw,72px)}}
@media (max-width:699px){.chc-asv-tabs .asv .asv-title{font-size:clamp(30px,8.4vw,40px)}}

/* =================== Built from elements (Panel → La Chela → Elements) =================== */
.che-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px 64px;align-items:center;max-width:var(--content-w,1360px);margin:0 auto}
.che--span-full{grid-column:1/-1}
.che--head .chc-head{margin:0;max-width:none}
.che--slogan-below .chc-head{grid-template-columns:minmax(0,1fr)}
.che--slogan-below .chc-slogan{text-align:left}
.che--can{min-width:0}
.che--can .chc-stage{max-width:none}
@media (min-width:1241px){.che--can{width:min(1480px,calc(100vw - 64px));justify-self:center}.che--can .chc-stage{max-width:1480px}}
.che--facts .t-lede{max-width:34rem}
.che--formats{min-width:0}
@media (max-width:900px){.che-grid{grid-template-columns:minmax(0,1fr)}.che--span-half{grid-column:auto}}
@media (max-width:1240px){.che-grid{row-gap:56px}}

/* facts as white cards */
.che-cards{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:14px;margin-top:30px;max-width:560px}
.che-card{background:#fff;color:var(--navy);border:var(--card-bw,3px) solid var(--navy);border-radius:var(--card-r,16px);box-shadow:var(--card-sh,6px 6px 0 var(--navy));padding:.8rem 1rem .7rem;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.che-card__l{font-family:var(--f-display);font-size:var(--fs-k);letter-spacing:.14em;color:var(--pink);text-transform:uppercase}
.che-card__v{font-family:var(--f-display);font-size:var(--fs-n);line-height:1;white-space:nowrap}
.che-card__v small{font-size:.42em;margin-left:.2em;letter-spacing:.06em}
@media (max-width:575px){.che-cards{gap:10px}.che-card{padding:.7rem .7rem .6rem}}

/* format tabs */
.che-tabs{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:14px;margin-top:24px;max-width:560px}
.che--formats>.che-tabs{margin:0 0 24px}
.che-tab{position:relative;cursor:pointer;user-select:none;border:var(--card-bw,3px) solid var(--navy);border-radius:var(--card-r,14px);padding:.85rem 1rem .75rem;text-align:left;font:inherit;
  background:rgba(20,19,95,.25);color:#fff;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;transition:background-color .25s,color .25s,box-shadow .3s}
.che-tab b{font-family:var(--f-display);font-weight:400;font-size:var(--fs-sh);line-height:1}
.che-tab span{font-family:var(--f-body);font-size:var(--fs-s);letter-spacing:.08em;opacity:.85;text-transform:uppercase}
.che-tab::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--pink)}
.che-tab:hover{background:rgba(20,19,95,.45)}
.che-tab.is-on{background:var(--accent,var(--yel));color:var(--navy);box-shadow:var(--card-sh,5px 5px 0 var(--navy))}
.che-tab:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

/* products for the tabs (the picked one grows) */
.che-stage{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1rem,2.5vw,2.5rem);align-items:end}
.che-stage[style*="--n:1"]{grid-template-columns:1fr}
.che-stage[style*="--n:3"]{grid-template-columns:1fr 1.25fr 1fr}
.che-prod{display:flex;justify-content:center;cursor:pointer}
.che-prod__fig{display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(clamp(260px,29vw,420px) * var(--chc-fmt-s,1));transform-origin:50% 100%;transform:scale(.92);transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
.che-prod .chc-bob{height:100%;align-items:flex-end}
.che-prod--pack .chc-bob,.che-prod--can .chc-bob{height:86%}
.che-prod img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}
.che-prod--pack.is-on .che-prod__fig{transform:scale(1.28)}
.che-prod--draft.is-on .che-prod__fig,.che-prod--can.is-on .che-prod__fig{transform:scale(1.1)}
@media (max-width:575px){.che-prod__fig{height:calc(220px * var(--chc-fmt-s,1))}.che-prod--pack.is-on .che-prod__fig{transform:scale(1.18)}}

@media (prefers-reduced-motion:no-preference){
  /* facts drop in: title letters, then the cards */
  .chc--a-intro.chc-js .che-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)}
  .chc--a-intro.chc-js.is-in .che-ch{transform:none;opacity:1}
  .chc--a-intro.chc-js .che-card,.chc--a-intro.chc-js .che-tab{transform:translateY(30px);opacity:0;transition:transform .7s cubic-bezier(.3,1.5,.5,1) calc(.35s + var(--k,3) * .1s),opacity .4s calc(.35s + var(--k,3) * .1s),background-color .25s,color .25s,box-shadow .3s}
  .chc--a-intro.chc-js.is-in .che-card,.chc--a-intro.chc-js.is-in .che-tab{transform:none;opacity:1}
  .chc--a-intro.chc-js .che-prod{transform:translateY(60px);opacity:0;transition:transform .9s cubic-bezier(.3,1.35,.45,1) calc(var(--i) * .15s),opacity .5s calc(var(--i) * .15s)}
  .chc--a-intro.chc-js.is-in .che-prod{transform:none;opacity:1}
  /* tabs change by themselves: pink timer bar */
  .che-tabs.is-auto .che-tab.is-on::after{animation:cheTimer var(--che-delay,3800ms) linear forwards}
  @keyframes cheTimer{to{width:100%}}
  .chc--a-drift .chc-pour__i{transform:translateY(var(--drift,0px))}
}
.che-sp{display:inline-block;width:.3em}

/* can: bounce on hover / tap, drag to turn */
.chc-bounce{width:100%;height:100%;transform-origin:50% 100%}
.chc--a-drag .chc-can{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.chc--a-drag .chc-can.is-drag{cursor:grabbing}
.chc--a-bounce .chc-can{cursor:pointer}
.chc--a-drag.chc--a-bounce .chc-can{cursor:grab}
@media (prefers-reduced-motion:no-preference){
  .chc-bounce.is-bounce{animation:chcBounce .8s cubic-bezier(.3,.7,.4,1)}
  @keyframes chcBounce{0%{transform:none}18%{transform:translateY(-34px) scale(.98,1.03)}38%{transform:translateY(0) scale(1.06,.92)}55%{transform:translateY(-12px) scale(.99,1.01)}72%{transform:translateY(0) scale(1.03,.97)}86%{transform:translateY(-3px)}100%{transform:none}}
}

/* ---- "Building blocks" section (same elements on any page) ---- */
.sec-els{position:relative;overflow:hidden}
.sec-els--sp-tight .chc-in{padding-top:48px;padding-bottom:48px}
.sec-els--sp-none .chc-in{padding-top:0;padding-bottom:0}
.chc--dark{color:var(--navy);--chc-title:var(--navy)}
.chc--dark .t-lede,.chc--dark .chc-note,.chc--dark .chc-pour__tag,.chc--dark .chc-spec,.chc--dark .chc-spec__v{color:var(--navy)}
.chc--dark .chc-sl--1{color:var(--navy)}.chc--dark .chc-sl--2{color:var(--label,#B0106E)}
.chc--dark .chc-spec__l,.chc--dark .chc-pour__tag .t-k{color:var(--label,#B0106E)}
.chc--dark .chc-spec__i+.chc-spec__i{border-left-color:rgba(20,19,95,.35)}
.chc--dark .che-tab{background:rgba(255,255,255,.55);color:var(--navy)}
.chc--dark .che-tab.is-on{background:var(--navy);color:#fff}
.chc--dark .chc-rule,.chc--dark .chc-pour__tag::before{background:var(--pink)}

/* right after the painted hero (its pink brush edge already adds space): tighter top */
.hp + .sec-lch .chc-in{padding-top:var(--sec-pt,calc(var(--sec-pad,96px) * .5))}
@media (max-width:699px){.hp + .sec-lch .chc-in{padding-top:var(--sec-pt-m,calc(var(--sec-pad-m,64px) * .5))}}

/* ---------- Building-block pieces: Layout tab (any piece) ---------- */
.che-grid > .che{position:relative}
.che--side-l{grid-column:1}
.che--side-r{grid-column:2}
@media (max-width:900px){.che--side-l,.che--side-r{grid-column:auto}}
.che[style*="--che-maxw"]{max-width:var(--che-maxw);width:100%}
.che--al-left{justify-self:start;text-align:left}
.che--al-center{justify-self:center;text-align:center}
.che--al-right{justify-self:end;text-align:right}
.che--al-center.che--button,.che--al-center.che--image{display:flex;flex-direction:column;align-items:center}
.che--al-right.che--button,.che--al-right.che--image{display:flex;flex-direction:column;align-items:flex-end}
.che--up{margin-top:calc(-1 * var(--che-up,0px))}
@media (max-width:699px){.che--up{margin-top:calc(-1 * var(--che-up-m,var(--che-up,0px)))}}
.che[style*="--che-gap"]{margin-top:var(--che-gap)}
.che--up[style*="--che-gap"]{margin-top:calc(var(--che-gap) - var(--che-up,0px))}
.che--front{z-index:5}
.che--back{z-index:0}
/* Text */
.che-text > * + *{margin-top:.8em}
.che-text a{color:inherit;text-decoration:underline}
.che-text ul,.che-text ol{padding-left:1.2em}
/* Image */
.che--image{margin:0}
.che-img__a{display:block;overflow:hidden;border-radius:var(--che-r,var(--card-r,0px))}
.che-img__i{display:block;width:100%;height:auto}
.che-img--ratio .che-img__i{aspect-ratio:var(--che-ratio);object-fit:cover}
.che-img--sh-soft .che-img__a{box-shadow:0 14px 40px rgba(0,0,0,.25)}
.che-img--sh-hard .che-img__a{box-shadow:8px 8px 0 var(--navy)}
.che-img__cap{margin-top:12px;opacity:.85}
@media (prefers-reduced-motion:no-preference){.che-img--float .che-img__a{animation:che-float 4s ease-in-out infinite}}
@keyframes che-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
html.cnt-still .che-img--float .che-img__a{animation:none}
/* Button */
.che-btn{display:inline-block;border-radius:var(--btn-r,3px);text-decoration:none;transition:background-color .2s,color .2s,transform .2s;border:2px solid transparent}
.che-btn--s{padding:10px 18px}.che-btn--m{padding:15px 28px}.che-btn--l{padding:20px 38px;font-size:calc(var(--fs-k) * 1.15)}
.che-btn--navy{background:var(--navy);color:#fff}.che-btn--navy:hover{background:#470086}
.che-btn--pink{background:var(--pink);color:#fff}.che-btn--pink:hover{background:#B0106E}
.che-btn--yellow{background:var(--yel);color:var(--navy)}.che-btn--yellow:hover{background:#fff}
.che-btn--white{background:#fff;color:var(--navy)}.che-btn--white:hover{background:var(--yel)}
.che-btn--outline{border-color:currentColor;color:inherit;background:transparent}.che-btn--outline:hover{background:rgba(255,255,255,.12)}
/* Spacer / divider */
.che--spacer{height:var(--che-sp,48px);display:flex;align-items:center}
@media (max-width:699px){.che--spacer{height:var(--che-sp-m,var(--che-sp,48px))}}
.che-sp--line::before{content:"";display:block;width:100%;height:2px;background:var(--che-sp-c,currentColor);opacity:.6}
.che-sp--dots::before{content:"";display:block;width:100%;height:6px;background:radial-gradient(circle,var(--che-sp-c,currentColor) 2.5px,transparent 3px) left center/18px 6px repeat-x;opacity:.7}
.che-sp--torn .torn-edge{position:relative;bottom:auto;align-self:flex-end}
/* Video */
.che-vid{position:relative;aspect-ratio:var(--che-ratio,16/9);overflow:hidden;border-radius:var(--che-r,var(--card-r,0px));background:#000}
.che-vid iframe,.che-vid video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
/* Code */
.che--code{min-width:0}
.che--code iframe{max-width:100%}
.che-text h2{font-family:var(--t-h-font,var(--f-display));font-weight:900;font-size:var(--fs-h);line-height:var(--t-h-lh,.95);text-transform:var(--t-h-tt,uppercase);margin:0}
.che-text h3{font-family:var(--t-sh-font,var(--f-display));font-weight:900;font-size:var(--fs-sh);line-height:var(--t-sh-lh,1.1);text-transform:var(--t-sh-tt,uppercase);margin:0}
/* phones get the smaller can strip */
@media (max-width:767px){.chc-sprite,.chc-shine{--chc-spr:var(--chc-spr-m)}}

/* ---------- La Chela + Así viene on one continuous background ---------- */
.cnt-chela-wrap{background:var(--pink) var(--lch-tex) left top/var(--lch-tex-w,1100px) auto repeat;overflow:hidden}
.cnt-chela-wrap .lch,.cnt-chela-wrap .asv{background:transparent!important}
.cnt-chela-wrap .lch{padding-bottom:clamp(20px,3vw,40px)!important}
.cnt-chela-wrap .asv{padding-top:clamp(30px,4vw,60px)!important}