/* MiCaldo · estilos de bloques. Variables heredadas del tema (theme.json) con valores de reserva. */
:root{--mc-ink:var(--wp--preset--color--tinta,#1b1d1c);--mc-cream:var(--wp--preset--color--crema,#f6f1e7);--mc-paper:var(--wp--preset--color--papel,#fbf8f2);--mc-teal:var(--wp--preset--color--turquesa,#6ecdc3);--mc-deep:var(--wp--preset--color--turquesa-hondo,#0d6b64);--mc-red:var(--wp--preset--color--rojo,#c41f2e);--mc-serif:var(--wp--preset--font-family--serif,'Playfair Display',serif);--mc-sans:var(--wp--preset--font-family--sans,Montserrat,system-ui,sans-serif);--mc-script:var(--wp--preset--font-family--script,'Pinyon Script',cursive);--mc-ease:cubic-bezier(.2,.8,.2,1)}
.mc-eyebrow{font:800 12px/1.2 var(--mc-sans);letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--mc-deep)}
.mc-eyebrow--teal{color:var(--mc-teal)}.mc-accent{color:var(--g-accent)}
.mc-display{font:500 clamp(36px,4.8vw,72px)/.92 var(--mc-serif);letter-spacing:-.035em;margin:0}.mc-display em{font-weight:400;color:var(--mc-deep)}
.mc-h2{font:500 clamp(38px,5vw,76px)/.95 var(--mc-serif);letter-spacing:-.03em;margin:14px 0 0;text-wrap:balance}
.mc-note{font-size:12px;color:rgba(246,241,231,.62);margin:0;max-width:460px}.mc-note--dark{color:#5b5f5c}
.mc-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:18px}
.mc-btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font:800 14.5px var(--mc-sans);text-decoration:none;cursor:pointer;background:var(--mc-ink);color:var(--mc-cream);transition:transform .2s,background .2s}
.mc-btn:hover{transform:translateY(-2px)}.mc-btn:disabled{opacity:.7;cursor:default}
.mc-btn--teal{background:var(--mc-teal);color:var(--mc-ink)}.mc-btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.mc-btn--dark{background:var(--mc-ink);color:var(--mc-cream)}
.mc-chips{display:flex;flex-wrap:wrap;gap:6px}
.mc-chip{display:inline-flex;gap:6px;align-items:baseline;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;border-radius:999px;padding:9px 14px;font:700 13px var(--mc-sans);text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.mc-chip small{opacity:.6;font-weight:500}.mc-chip.is-on{background:var(--mc-teal);border-color:var(--mc-teal);color:var(--mc-ink)}
.mc-chips--dark .mc-chip{border-color:var(--mc-ink)}.mc-chips--dark .mc-chip.is-on{background:var(--mc-ink);color:var(--mc-cream)}
.mc-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--mc-ease),transform 1s var(--mc-ease)}.mc-reveal.is-in,.mc-no-reveal .mc-reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mc-reveal{opacity:1;transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Badge en tarjetas */
.wc-block-components-product-image,.woocommerce ul.products li.product a{position:relative}
.mc-badge{position:absolute;left:12px;top:12px;z-index:2;background:var(--mc-ink);color:var(--mc-cream);border-radius:12px;padding:7px 10px 8px;line-height:1;display:flex;flex-direction:column;gap:3px}
.mc-badge b{font:500 26px var(--mc-serif);letter-spacing:-.02em}.mc-badge small{font:700 9.5px var(--mc-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mc-teal)}

/* OLLAS */
.mc-ollas{position:relative;height:360vh}
.mc-ollas__stage{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:calc(var(--mc-header-h,96px) + 18px) clamp(20px,4vw,40px) 22px;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,2.4vh,26px)}
.mc-ollas__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 48px}
.mc-ollas__cap{flex:1 1 300px;max-width:470px;min-height:90px}.mc-ollas__text{font:400 clamp(17px,1.9vw,27px)/1.22 var(--mc-serif);margin:6px 0 0;text-wrap:pretty}
.mc-ollas__pots{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,8vw,120px);align-items:start}
.mc-pot{display:flex;flex-direction:column;align-items:center;min-width:0}
@media (min-width:1100px){.mc-pot[data-side=left]{padding-left:150px}.mc-pot[data-side=right]{padding-right:150px}}
.mc-pot__tag{position:relative;z-index:6;background:var(--mc-deep);color:var(--mc-paper);border-radius:999px;padding:7px 14px;font:800 11px var(--mc-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-bottom:clamp(18px,3vh,30px)}
.mc-pot[data-side=right] .mc-pot__tag{background:#d9d4ca;color:var(--mc-ink)}
.mc-pot__vessel{position:relative;width:min(100%,calc(100vh - 480px) * 1.05,400px);min-width:130px;aspect-ratio:1.05}
.mc-pot__glow{position:absolute;inset:-10% -12% -8%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.8),rgba(255,255,255,0))}
.mc-pot__shadow{position:absolute;left:4%;right:4%;bottom:-5%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,30,28,.42),rgba(20,30,28,0))}
.mc-pot__handle{position:absolute;top:19%;width:10%;height:10%;background:linear-gradient(180deg,#3a3d3c,#141515)}.mc-pot__handle--l{left:-4%;border-radius:40% 12% 12% 40%}.mc-pot__handle--r{right:-4%;border-radius:12% 40% 40% 12%}
.mc-pot__body{position:absolute;left:4%;right:4%;top:13%;bottom:0;border-radius:0 0 46% 46%/0 0 26% 26%;background:linear-gradient(90deg,#101111,#3d403f 20%,#1b1d1c 55%,#0c0d0d);padding:0 3.4% 3.4%;box-sizing:border-box;box-shadow:0 22px 40px -18px rgba(20,30,28,.55)}
.mc-pot__window{position:relative;width:100%;height:100%;border-radius:0 0 44% 44%/0 0 24% 24%;overflow:hidden;background:linear-gradient(180deg,#232524,#393c3b)}
.mc-pot__rim{position:absolute;left:2.5%;right:2.5%;top:9%;height:10%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 61%,#7a7f7d 63%,#2a2c2b 69%,#161717 80%,#454947 93%,#0e0f0f 100%);pointer-events:none}
.mc-layer{position:absolute;left:0;right:0;bottom:0;height:0;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -12px 18px rgba(0,0,0,.14);transition:filter .6s}.mc-layer.is-dim{filter:grayscale(1) brightness(1.08) contrast(.7)}
.mc-tex-ingrediente{background:radial-gradient(ellipse 34% 24% at 30% 40%,#ef8c68 0 62%,transparent 66%) 0 0/52px 40px,radial-gradient(ellipse 28% 20% at 78% 72%,#96261a 0 62%,transparent 66%) 0 0/44px 34px,#c9412f}
.mc-tex-sofrito{background:radial-gradient(circle at 20% 30%,#c9412f 0 10%,transparent 12%) 0 0/26px 22px,radial-gradient(circle at 70% 62%,#e7b54a 0 9%,transparent 11%) 0 0/22px 24px,#7f8f36}
.mc-tex-sal{background:radial-gradient(circle at 30% 40%,#fff 0 14%,transparent 16%) 0 0/10px 10px,radial-gradient(circle at 72% 70%,#cfc8ba 0 12%,transparent 14%) 0 0/12px 12px,#ece7dc}
.mc-tex-agua{background:url(patron-celdas.png) 0 0/150px,linear-gradient(180deg,#b3e6df,#6ecdc3)}
.mc-tex-aove{background:linear-gradient(180deg,#f2da7c,#c79a2a)}
.mc-tex-otros{background:radial-gradient(circle at 30% 40%,#e2ddd2 0 12%,transparent 14%) 0 0/12px 12px,#bdb7aa}
.mc-pot__surface{position:absolute;left:-4%;right:-4%;bottom:0;height:10%;border-radius:50%;opacity:0;transform:translateY(50%);box-shadow:inset 0 -4px 8px rgba(0,0,0,.16);animation:mc-wobble 3.4s ease-in-out infinite}
.mc-pot__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08) 14%,rgba(255,255,255,.12) 30%,rgba(255,255,255,0) 46%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.46));pointer-events:none}
.mc-pot__ripple{position:absolute;left:50%;width:56%;height:8%;transform:translate(-50%,50%);opacity:0;transition:opacity .4s}.mc-pot__ripple i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);animation:mc-ripple 1.5s ease-out infinite}.mc-pot__ripple i+i{animation-delay:.75s}
.mc-pot.is-pouring .mc-pot__ripple,.mc-pot.is-pouring .mc-pot__drops{opacity:1}
.mc-pot__drops{position:absolute;left:20%;right:20%;top:-12%;bottom:0;z-index:4;opacity:0;transition:opacity .4s;pointer-events:none}
.mc-pot__drops i{position:absolute;top:0;width:14px;height:9px;margin-left:-7px;border-radius:52% 44% 56% 46%/62% 50% 48% 56%;box-shadow:inset -2px -3px 4px rgba(0,0,0,.22),inset 2px 2px 3px rgba(255,255,255,.45);animation:mc-fall 1s cubic-bezier(.5,0,.85,.55) infinite}
.mc-pot__drops i:nth-child(1){left:44%;animation-delay:-.1s}.mc-pot__drops i:nth-child(2){left:56%;animation-delay:-.33s;animation-duration:1.14s}.mc-pot__drops i:nth-child(3){left:49%;animation-delay:-.56s;animation-duration:1.28s}.mc-pot__drops i:nth-child(4){left:38%;animation-delay:-.79s}.mc-pot__drops i:nth-child(5){left:61%;animation-delay:-1.02s;animation-duration:1.14s}.mc-pot__drops i:nth-child(6){left:52%;animation-delay:-1.25s}.mc-pot__drops i:nth-child(7){left:42%;animation-delay:-1.48s;animation-duration:1.28s}.mc-pot__drops i:nth-child(8){left:58%;animation-delay:-1.71s}.mc-pot__drops i:nth-child(9){left:47%;animation-delay:-1.94s;animation-duration:1.14s}.mc-pot__drops i:nth-child(10){left:54%;animation-delay:-2.17s}
.mc-drop--sofrito{width:9px!important;height:9px!important;border-radius:2px!important}.mc-drop--sal,.mc-drop--otros{width:5px!important;height:5px!important;border-radius:1px!important}.mc-drop--agua,.mc-drop--aove{width:9px!important;height:12px!important;border-radius:50% 50% 50% 50%/62% 62% 40% 40%!important}
.mc-pot__bubbles{position:absolute;left:0;right:0;bottom:0;height:0;opacity:0;transition:opacity .6s}.mc-pot.is-filling .mc-pot__bubbles{opacity:1}
.mc-pot__bubbles i{position:absolute;bottom:0;width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.18);animation:mc-bubble 2.8s ease-in infinite}.mc-pot__bubbles i:nth-child(1){left:18%}.mc-pot__bubbles i:nth-child(2){left:36%;animation-delay:-.7s;width:8px;height:8px}.mc-pot__bubbles i:nth-child(3){left:54%;animation-delay:-1.4s}.mc-pot__bubbles i:nth-child(4){left:70%;animation-delay:-2.1s;width:9px;height:9px}.mc-pot__bubbles i:nth-child(5){left:82%;animation-delay:-.35s}
.mc-pot__steam{position:absolute;left:0;right:0;top:-14%;height:24%;opacity:0;transition:opacity .8s;pointer-events:none}.mc-pot[data-side=left].is-full .mc-pot__steam{opacity:1}
.mc-pot__steam i{position:absolute;bottom:0;width:22%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.95);filter:blur(10px);animation:mc-steam 3.2s ease-out infinite}.mc-pot__steam i:nth-child(1){left:28%}.mc-pot__steam i:nth-child(2){left:46%;animation-delay:1.1s;width:26%}.mc-pot__steam i:nth-child(3){left:60%;animation-delay:2.1s;width:18%}
.mc-call{position:absolute;display:none;align-items:center;gap:10px;opacity:0;transform:translate(16px,50%);transition:opacity .35s,transform .35s;white-space:nowrap;pointer-events:none}
@media (min-width:1100px){.mc-call{display:flex}}
.mc-pot[data-side=left] .mc-call{right:calc(100% + 8px);flex-direction:row-reverse;transform:translate(-16px,50%)}.mc-pot[data-side=right] .mc-call{left:calc(100% + 8px)}
.mc-call.is-on{opacity:1;transform:translate(0,50%)!important}.mc-call.is-on.is-dim{opacity:.3}
.mc-call__line{width:28px;height:1.5px;background:var(--mc-ink)}.mc-call__txt{display:flex;flex-direction:column;line-height:1}.mc-pot[data-side=left] .mc-call__txt{align-items:flex-end}
.mc-call b{font:500 28px var(--mc-serif);letter-spacing:-.02em}.mc-call[data-k=ingrediente] b{font-size:46px;color:var(--mc-red)}.mc-call[data-k=agua] b{color:var(--mc-deep)}.mc-pot[data-side=right] .mc-call[data-k=agua] b{font-size:46px}
.mc-call small{font:700 10.5px var(--mc-sans);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.mc-pot__num{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:18px}.mc-pot__num b{font:500 clamp(38px,5vw,64px)/.9 var(--mc-serif);letter-spacing:-.03em;color:var(--mc-red)}.mc-pot[data-side=right] .mc-pot__num b{color:#6b6f6c}
.mc-pot__num span{font:600 13px/1.25 var(--mc-sans)}.mc-pot__num em{font-style:normal;font-weight:800;color:var(--mc-deep)}
.mc-ollas__badge{position:absolute;left:50%;top:44%;width:clamp(66px,9vw,124px);aspect-ratio:1;border-radius:50%;background:var(--mc-red);color:var(--mc-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-30deg);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1);box-shadow:0 14px 34px rgba(196,31,46,.35);z-index:5}
.mc-ollas__badge.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}.mc-ollas__badge b{font:500 clamp(26px,3.4vw,48px)/.9 var(--mc-serif)}.mc-ollas__badge small{font:800 clamp(6.5px,.7vw,10px)/1.15 var(--mc-sans);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;max-width:70%}
.mc-ollas__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mc-ollas__rail span{display:block;height:4px;border-radius:9px;background:rgba(27,29,28,.12);overflow:hidden}.mc-ollas__rail i{display:block;height:100%;width:0;background:var(--mc-deep)}.mc-ollas__rail small{display:block;font:700 12px var(--mc-sans);margin-top:7px;color:#8a8d8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes mc-fall{0%{top:0;opacity:0;transform:rotate(0)}12%{opacity:1}86%{opacity:1}100%{top:100%;opacity:0;transform:rotate(210deg)}}
@keyframes mc-ripple{0%{transform:scale(.15);opacity:.9}100%{transform:scale(1.3);opacity:0}}
@keyframes mc-bubble{0%{bottom:0;opacity:0}25%{opacity:.9}100%{bottom:96%;opacity:0}}
@keyframes mc-wobble{0%,100%{transform:translateY(50%) scale(1,1)}50%{transform:translateY(50%) scale(1.012,1.18)}}
@keyframes mc-steam{0%{transform:translateY(30%) scale(.7);opacity:0}35%{opacity:.75}100%{transform:translateY(-90%) scale(1.5);opacity:0}}
@keyframes mc-float{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* COMPARADOR */
.mc-cmp{position:relative;overflow:hidden;background:var(--mc-ink);color:var(--mc-cream);border-radius:clamp(20px,2.4vw,32px);padding:clamp(24px,4.4vw,64px)}
.mc-cmp__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 40px}
.mc-cmp__title{font:500 clamp(30px,4vw,58px)/1 var(--mc-serif);letter-spacing:-.02em;margin:10px 0 0;text-wrap:balance}
.mc-cmp .mc-chip{border-color:rgba(246,241,231,.25)}
.mc-cmp__car{position:relative;margin:clamp(20px,3vw,32px) calc(-1*clamp(24px,4.4vw,64px)) 0}
.mc-cmp__track{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:8px clamp(24px,4.4vw,64px) 16px;scrollbar-width:none}
.mc-pick{flex:none;width:112px;border:0;border-radius:18px;padding:14px 10px 12px;background:rgba(246,241,231,.06);box-shadow:inset 0 0 0 1px rgba(246,241,231,.12);color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:background .3s,color .3s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.mc-pick:hover{transform:translateY(-4px)}.mc-pick img{width:54%;aspect-ratio:.68;object-fit:contain;object-position:bottom}.mc-pick[hidden]{display:none}
.mc-pick__n{font:700 11px/1.2 var(--mc-sans);text-align:center;min-height:2.4em;text-wrap:balance}.mc-pick__p{font:500 22px/1 var(--mc-serif);color:var(--mc-teal)}
.mc-pick.is-on{background:var(--mc-cream);color:var(--mc-ink);box-shadow:0 12px 28px rgba(0,0,0,.35);transform:translateY(-4px)}.mc-pick.is-on .mc-pick__p{color:var(--mc-red)}
.mc-car-btn{position:absolute;top:50%;transform:translateY(-60%);width:44px;height:44px;border:0;border-radius:50%;background:var(--mc-cream);color:var(--mc-ink);font-size:18px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.35);display:none}.mc-car-btn--prev{left:12px}.mc-car-btn--next{right:12px}
@media (min-width:900px){.mc-car-btn{display:grid;place-items:center}}
.mc-cmp__body{display:grid;gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(20px,3vw,40px)}
@media (min-width:980px){.mc-cmp__body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mc-cmp.is-single .mc-cmp__body{grid-template-columns:1fr}}
.mc-cmp__show{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}@media (min-width:600px){.mc-cmp__show{grid-template-columns:200px minmax(0,1fr)}}@media (min-width:980px){.mc-cmp__show{grid-template-columns:1fr}}
.mc-cmp__disc{position:relative;aspect-ratio:1;border-radius:50%;background:#2a2c2b center/cover;box-shadow:inset 0 0 0 6px rgba(246,241,231,.08);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:background-image .4s}
.mc-cmp__disc::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,rgba(27,29,28,0) 30%,rgba(27,29,28,.55))}
.mc-cmp__disc img{position:relative;width:52%;margin-bottom:6%;filter:drop-shadow(0 20px 22px rgba(0,0,0,.55));animation:mc-float 6s ease-in-out infinite}
.mc-cmp__name{font:800 clamp(18px,1.8vw,24px)/1.2 var(--mc-sans);text-transform:uppercase;margin:6px 0 0}
.mc-cmp__mine{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font:800 15px var(--mc-sans)}.mc-cmp__mine b{font:500 clamp(56px,6.4vw,96px)/.85 var(--mc-serif);letter-spacing:-.04em;color:var(--mc-teal)}
.mc-bar{position:relative;border-radius:20px;background:rgba(246,241,231,.06);overflow:hidden}.mc-bar--hero{height:clamp(64px,7vw,84px);margin-top:10px}.mc-bar--rival{height:clamp(22px,2.2vw,30px);margin-top:7px;border-radius:12px;background:linear-gradient(90deg,rgba(143,211,202,.05),rgba(143,211,202,.12))}
.mc-bar__rest{position:absolute;right:16px;top:0;bottom:0;display:flex;align-items:center;font:600 11.5px var(--mc-sans);color:rgba(246,241,231,.55)}
.mc-bar__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:20px;overflow:hidden;transition:width 1.2s var(--mc-ease);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mc-bar__photo{position:absolute;left:0;top:0;bottom:0;background:#c9412f center 40%/cover}
.mc-bar__lbl{position:absolute;left:16px;top:0;bottom:0;display:flex;align-items:center;font:800 12px var(--mc-sans);letter-spacing:.1em;text-transform:uppercase;color:#fbf8f2;text-shadow:0 1px 6px rgba(0,0,0,.6);white-space:nowrap}
.mc-cmp__rivals{display:flex;flex-direction:column;gap:14px;margin-top:22px}.mc-rival__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:600 14px var(--mc-sans);color:rgba(246,241,231,.85)}.mc-rival__h b{font:500 clamp(22px,2.2vw,30px)/1 var(--mc-serif);color:var(--mc-cream)}
.mc-bar__range,.mc-bar__min{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:12px;transition:width 1.2s var(--mc-ease)}.mc-bar__range{background:repeating-linear-gradient(135deg,rgba(246,241,231,.24) 0 5px,rgba(246,241,231,.06) 5px 10px)}.mc-bar__min{background:#8f928f}
.mc-cmp__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;align-items:center;margin-top:clamp(28px,4vw,44px);padding-top:20px;border-top:1px solid rgba(246,241,231,.14)}
.mc-cmp__mult{display:flex;align-items:center;gap:14px;font:600 clamp(15px,1.4vw,19px) var(--mc-sans)}.mc-seal{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mc-red);color:#fbf8f2;font:500 22px var(--mc-serif);transform:rotate(-8deg);flex:none}

/* GAMAS */
.mc-gamas{position:relative;overflow:hidden;background:var(--g-bg);color:var(--g-fg);transition:background-color .8s,color .8s;padding:clamp(56px,8vw,110px) clamp(20px,4vw,40px)}
.mc-gamas__tex{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}
.mc-gamas__tex--arrels{background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 18px,transparent 18px 36px)}
.mc-gamas__tex--savia{background:url(patron-celdas.png) 0 0/460px,#dff2ee;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.15) 85%);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.15) 85%)}
.mc-gamas__tex--anima{background:radial-gradient(90% 80% at 72% 50%,rgba(43,76,154,.55),rgba(20,29,82,.94) 72%),var(--photo,none) center/cover}
.mc-gamas[data-active=arrels] .mc-gamas__tex--arrels,.mc-gamas[data-active=savia] .mc-gamas__tex--savia,.mc-gamas[data-active=anima] .mc-gamas__tex--anima{opacity:1}
.mc-gamas__in{position:relative;max-width:1320px;margin:0 auto}
.mc-gamas__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,32px);margin-top:clamp(28px,4vw,56px);border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.mc-gamas__tab{all:unset;cursor:pointer;padding:0 0 16px;border-bottom:3px solid transparent;margin-bottom:-2px;opacity:.45;transition:opacity .3s,border-color .6s;display:flex;flex-direction:column;gap:6px}
.mc-gamas__tab:hover,.mc-gamas__tab[aria-selected=true]{opacity:1}.mc-gamas__tab[aria-selected=true]{border-color:var(--g-accent)}
.mc-gamas__tab small{font:800 11px var(--mc-sans);letter-spacing:.16em;text-transform:uppercase}.mc-gamas__tab span{font:500 clamp(30px,4.6vw,68px)/1 var(--mc-serif);letter-spacing:-.02em}
.mc-gamas__panel{display:none;gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(24px,4vw,56px);animation:mc-in .7s var(--mc-ease)}.mc-gamas__panel.is-on{display:grid}
@media (min-width:900px){.mc-gamas__panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media (max-width:899px){.mc-gamas__stage{order:-1}}
.mc-gamas__lema{font:400 clamp(30px,3.6vw,52px)/1.1 var(--mc-serif);color:var(--g-accent);margin:0;text-wrap:balance}.mc-gamas__lema.is-script{font:400 clamp(46px,6vw,86px)/1 var(--mc-script)}
.mc-gamas__desc{font-size:clamp(15.5px,1.35vw,18px);line-height:1.6;margin:18px 0 0;max-width:520px;opacity:.85}
.mc-gamas__refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.mc-gamas__refs a{font:600 12.5px var(--mc-sans);color:inherit;text-decoration:none;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;padding:7px 12px}
.mc-gamas__meta{font:600 13.5px var(--mc-sans);opacity:.75}
.mc-gamas__stage{position:relative;aspect-ratio:1.15}.mc-gamas__stage::before{content:"";position:absolute;inset:4% 10% 10%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--g-accent) 40%,transparent),transparent)}
.mc-gamas__can{position:absolute;bottom:6%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.5))}.mc-gamas__can--0{left:29%;width:42%;z-index:2}.mc-gamas__can--1{left:8%;width:28%;transform:rotate(-8deg)}.mc-gamas__can--2{right:8%;width:28%;transform:rotate(8deg)}
@keyframes mc-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* % DESTACADO */
.mc-pctbox{border-radius:22px;background:var(--mc-ink);color:var(--mc-cream);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:center}
.mc-pctbox__n{font:500 clamp(64px,7.4vw,104px)/.85 var(--mc-serif);letter-spacing:-.04em;color:var(--mc-teal);grid-row:span 2}.mc-pctbox__t{font:700 clamp(15px,1.4vw,18px)/1.3 var(--mc-sans)}.mc-pctbox__s{font-size:13px;line-height:1.45;color:rgba(246,241,231,.72)}

/* COMPOSICIÓN */
.mc-comp{display:grid;gap:clamp(28px,5vw,88px);align-items:center}@media (min-width:820px){.mc-comp{grid-template-columns:1fr 1fr}}
.mc-comp__ring{position:relative;width:100%;max-width:440px;justify-self:center;aspect-ratio:1}.mc-comp__ring::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0))}
.mc-comp__ring svg{position:relative;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.mc-comp__track{fill:none;stroke:rgba(27,29,28,.06);stroke-width:26}.mc-comp__dots{fill:none;stroke:rgba(27,29,28,.12);stroke-width:.6;stroke-dasharray:1.5 3}
.mc-comp__seg{fill:none;stroke-width:26;stroke-dasharray:0 600;transition:stroke-dasharray 1.1s var(--mc-ease),stroke-dashoffset 1.1s var(--mc-ease),stroke-width .3s,opacity .3s}.mc-comp__seg.is-hl{stroke-width:34}.mc-comp__seg.is-dim{opacity:.3}
.mc-comp__center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;pointer-events:none}.mc-comp__center small{font:800 11px var(--mc-sans);letter-spacing:.16em;text-transform:uppercase;color:#5b5f5c}
.mc-comp__center b{font:500 clamp(64px,7vw,92px)/.9 var(--mc-serif);letter-spacing:-.04em;margin-top:6px;transition:color .3s}.mc-comp__center span{font:700 12.5px/1.3 var(--mc-sans);margin-top:6px;max-width:150px}
.mc-seg{display:inline-flex;gap:4px;background:rgba(27,29,28,.07);border-radius:999px;padding:4px}.mc-seg button{border:0;background:transparent;border-radius:999px;padding:11px 18px;font:700 13.5px var(--mc-sans);cursor:pointer;color:var(--mc-ink)}.mc-seg button[aria-selected=true]{background:var(--mc-ink);color:var(--mc-cream)}
.mc-comp__rows{list-style:none;margin:20px 0 0;padding:0}.mc-comp__rows li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid rgba(27,29,28,.12);transition:opacity .3s}
.mc-comp__rows i{width:14px;height:14px;border-radius:50%}.mc-comp__rows b{display:block;font:700 16px var(--mc-sans)}.mc-comp__rows small{display:block;font-size:13.5px;color:#5b5f5c;margin-top:2px}
.mc-comp__rows em{font:500 clamp(22px,2.2vw,30px)/1 var(--mc-serif);font-style:normal;min-width:80px;text-align:right}.mc-comp__rows li[data-k=ingrediente] em{font-size:clamp(40px,4.4vw,60px);color:var(--mc-red)}
.mc-comp__rows li.is-gone{opacity:.45}.mc-comp__rows li.is-gone b{text-decoration:line-through}.mc-comp__rows li.is-dim{opacity:.4}

/* DOSIS / RENDIMIENTO */
.mc-dosis,.mc-rend{background:var(--mc-paper);border-radius:22px;padding:clamp(20px,3vw,32px)}
.mc-dosis .mc-chips{margin-top:14px}.mc-dosis__lbl{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px;font:600 14px var(--mc-sans)}.mc-dosis__lbl input{grid-column:1/-1;width:100%;accent-color:var(--mc-deep)}
.mc-dosis__spoons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;min-height:30px}.mc-dosis__spoons i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#f0b681,#c9743f 55%,#8a4219);box-shadow:inset 0 -2px 3px rgba(0,0,0,.25);animation:mc-pop .35s cubic-bezier(.3,1.6,.5,1)}
.mc-dosis__out,.mc-rend__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mc-dosis__out>div,.mc-rend__grid>div{border-radius:16px;border:1.5px solid var(--mc-ink);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.mc-dosis__out b,.mc-rend__grid b{font:500 clamp(28px,3vw,48px)/1 var(--mc-serif)}.mc-dosis__out small,.mc-rend__grid small{font-size:12.5px;opacity:.8}
.is-dark{background:var(--mc-ink);color:var(--mc-cream);border-color:var(--mc-ink)!important}.is-red{background:var(--mc-red);color:#fbf8f2;border-color:var(--mc-red)!important}
.mc-rend__big{display:flex;align-items:baseline;gap:14px;margin-top:20px}.mc-rend__big b{font:500 clamp(72px,9vw,130px)/.85 var(--mc-serif);letter-spacing:-.04em}.mc-rend__big span{font:700 16px/1.3 var(--mc-sans)}
.mc-field{display:flex;flex-direction:column;gap:6px;font:700 12px var(--mc-sans);letter-spacing:.06em;text-transform:uppercase}.mc-field select{font:500 15px var(--mc-sans);text-transform:none;letter-spacing:0;border:1.5px solid rgba(27,29,28,.25);border-radius:14px;padding:14px 16px;background:#fff}
@keyframes mc-pop{from{transform:scale(0)}to{transform:scale(1)}}

/* ENVÍO */
.mc-ship p{font:600 13.5px var(--mc-sans);margin:0}.mc-ship__bar{height:6px;border-radius:9px;background:rgba(13,107,100,.16);overflow:hidden;margin-top:8px}.mc-ship__bar i{display:block;height:100%;background:var(--mc-deep);border-radius:9px;transition:width .5s}
.mc-ship.is-compact p{font-size:12px}

/* FILTROS */
.mc-filtros__box summary{font:800 14px var(--mc-sans);cursor:pointer;list-style:none;border:1.5px solid var(--mc-ink);border-radius:999px;padding:12px 18px;text-align:center}
@media (min-width:980px){.mc-filtros__box summary{display:none}}.mc-filtros__in{display:flex;flex-direction:column;gap:22px;padding-top:18px}.mc-filtros__g .mc-chips{margin-top:10px}.mc-filtros .mc-chip.is-on{background:var(--mc-ink);border-color:var(--mc-ink);color:var(--mc-cream)}
.mc-link{font:700 13px var(--mc-sans);color:var(--mc-deep)}

/* CTA MÓVIL */
.mc-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:12px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(251,248,242,.97);backdrop-filter:blur(8px);border-top:1px solid rgba(27,29,28,.12);box-shadow:0 -10px 30px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .35s var(--mc-ease)}
.mc-cta.is-on{transform:none}.mc-cta>div{display:flex;flex-direction:column;line-height:1.2}.mc-cta small{font:700 11px var(--mc-sans);letter-spacing:.08em;text-transform:uppercase;color:#5b5f5c}.mc-cta b{font:800 18px var(--mc-sans)}.mc-cta .mc-btn{flex:1;justify-content:center;min-height:50px}
@media (min-width:782px){.mc-cta{display:none}}

/* NEWSLETTER */
.mc-nl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mc-nl input[type=email]{flex:1 1 260px;max-width:380px;border:0;border-radius:999px;padding:17px 22px;font:500 16px var(--mc-sans);background:var(--mc-paper)}.mc-nl small{flex-basis:100%;text-align:center;font-size:12px}.mc-nl-ok{text-align:center;font:500 28px var(--mc-serif)}