@font-face{font-family:Bebas;src:url('fonts/bebas-neue-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Syne;src:url('fonts/syne-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:DM;src:url('fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}

:root{
  --pink:#ff2a76;--pink-dark:#e1145d;--lime:#d8ff43;--cream:#f6f0e6;
  --ink:#171315;--paper:#fffaf2;--line:rgba(23,19,21,.15);
  --display:Bebas,Impact,sans-serif;--sub:Syne,Arial,sans-serif;--body:DM,Arial,sans-serif;
  --ease:cubic-bezier(.2,.82,.2,1);--bounce:cubic-bezier(.2,1.5,.5,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--pink);scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--cream);overflow-x:hidden}
body.is-wrapped{overflow:hidden}
button,a{font:inherit;color:inherit}
button{border:0}
button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
img{display:block;max-width:100%}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;background:#fff;border-radius:999px;transform:translateY(-180%)}
.skip-link:focus{transform:none}

/* Burbuja inicial */
.unwrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 24% 18%,rgba(255,184,213,.65),transparent 24%),linear-gradient(135deg,#ff5791,#ef1462 58%,#b70847);transition:opacity .34s var(--ease),visibility .34s}
.unwrap::before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(120deg,transparent 0 38px,rgba(255,255,255,.045) 39px 40px);transform:rotate(7deg)}
.unwrap__glow{position:absolute;width:min(88vmin,700px);aspect-ratio:1;border-radius:50%;background:rgba(255,207,225,.25);filter:blur(70px)}
.gum-entry{position:relative;z-index:1;display:grid;place-items:center;width:min(88vw,560px);height:min(88vw,560px);background:transparent;cursor:pointer;isolation:isolate}
.gum-bubble{position:relative;display:grid;place-items:center;width:min(68vw,410px,58svh);aspect-ratio:1;border-radius:50%;color:#fff;background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.95) 0 2.5%,rgba(255,227,239,.78) 3% 7%,transparent 16%),radial-gradient(circle at 38% 34%,#ff9ac2 0 12%,#ff4f91 42%,#ef1767 70%,#b60447 100%);border:1px solid rgba(255,255,255,.58);box-shadow:inset 24px 20px 42px rgba(255,255,255,.27),inset -28px -34px 48px rgba(101,0,40,.34),0 32px 60px rgba(91,0,34,.36);animation:gumInflate .92s cubic-bezier(.2,.76,.28,1) both,gumBreathe 4.2s .92s ease-in-out infinite;transition:filter .25s;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity;contain:paint}
.gum-bubble::before{content:"";position:absolute;inset:9% 14% 48% 20%;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 68%);filter:blur(2px);transform:rotate(-18deg)}
.gum-bubble::after{content:"";position:absolute;left:22%;right:22%;bottom:8%;height:10%;border-radius:50%;background:rgba(91,0,34,.26);filter:blur(13px)}
.gum-bubble__shine{position:absolute;top:17%;left:24%;width:14%;height:23%;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(7px);transform:rotate(34deg)}
.gum-bubble__logo{position:relative;z-index:2;width:62%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(103,0,40,.18))}
.gum-entry__hint{position:absolute;z-index:3;left:50%;bottom:2%;translate:-50% 0;white-space:nowrap;padding:14px 20px;border-radius:999px;background:var(--lime);color:var(--ink);box-shadow:7px 9px 0 rgba(23,19,21,.92);font:700 clamp(9px,1.8vw,12px) var(--sub);text-transform:uppercase;letter-spacing:.09em;animation:hintIn .45s 1s var(--ease) both}
.gum-entry:hover .gum-bubble,.gum-entry:focus-visible .gum-bubble{filter:saturate(1.12) brightness(1.04)}
.unwrap.is-opening .gum-bubble{animation:gumPop .44s .18s cubic-bezier(.2,.74,.3,1) forwards}
.unwrap.is-opening .gum-entry__hint{opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s}
@keyframes gumInflate{0%{transform:translate3d(0,0,0) scale(.12);opacity:0}62%{transform:translate3d(0,0,0) scale(1.04);opacity:1}82%{transform:translate3d(0,0,0) scale(.985)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes gumBreathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-4px,0) scale(1.012)}}
@keyframes gumPop{0%{transform:translate3d(0,0,0) scale(1);opacity:1}42%{transform:translate3d(0,0,0) scale(1.11)}72%{transform:translate3d(0,0,0) scale(.88);opacity:1}100%{transform:translate3d(0,0,0) scale(1.65);opacity:0}}
@keyframes hintIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.unwrap.is-gone{opacity:0;visibility:hidden;pointer-events:none}

/* Mostrador */
.shop{min-height:100svh;background:var(--cream);opacity:0;transform:scale(.97);transition:opacity .6s .35s var(--ease),transform .8s .25s var(--ease)}
body.is-open .shop{opacity:1;transform:none}
.shop__header{height:82px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(246,240,230,.9);backdrop-filter:blur(12px)}
.mini-logo img{width:118px;height:auto}.shop__header>p{font:700 11px var(--sub);text-transform:uppercase;letter-spacing:.14em}
.contact-pill{justify-self:end;padding:12px 18px;background:var(--ink);color:#fff;border-radius:999px;text-decoration:none;font:700 12px var(--sub);text-transform:uppercase;letter-spacing:.08em}.contact-pill span{color:var(--lime);margin-left:8px}
.counter{padding:clamp(56px,7vw,105px) clamp(20px,5vw,82px) clamp(90px,10vw,150px);background:radial-gradient(circle at 73% 12%,rgba(255,42,118,.15),transparent 25%),var(--cream)}
.counter__intro{max-width:1380px;margin:0 auto clamp(56px,7vw,92px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:clamp(50px,8vw,130px);align-items:end}
.counter__title .kicker{margin-bottom:24px}
.kicker{font:700 11px var(--sub);text-transform:uppercase;letter-spacing:.16em;color:var(--pink-dark)}
.counter h1{font:400 clamp(72px,9.4vw,132px)/.83 var(--display);text-transform:uppercase;letter-spacing:.005em;max-width:820px}
.counter h1 em{font-style:normal;color:var(--pink)}
.counter__lead{padding:25px 0 4px;border-top:1px solid var(--ink);display:grid;gap:20px;align-content:end}
.counter__number{font:700 10px var(--sub);letter-spacing:.16em;color:var(--pink-dark)}
.counter__copy{max-width:330px;font-size:clamp(15px,1.25vw,18px);line-height:1.55}
.counter__copy strong{font-weight:700;background:linear-gradient(transparent 60%,rgba(216,255,67,.82) 60%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}
.counter__lead>span{font:700 10px var(--sub);text-transform:uppercase;letter-spacing:.13em;color:#6c6465}
.candies{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(32px,5vw,80px) clamp(18px,3vw,50px);align-items:end}
.candy{position:relative;min-height:360px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;isolation:isolate}
.candy:nth-child(1){grid-column:1/span 4}.candy:nth-child(2){grid-column:5/span 4}.candy:nth-child(3){grid-column:9/span 4}.candy:nth-child(4){grid-column:2/span 3}.candy:nth-child(5){grid-column:5/span 4}.candy:nth-child(6){grid-column:9/span 3}.candy:nth-child(7){grid-column:5/span 4}
.candy__object{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .45s var(--bounce),filter .3s}
.candy__shadow{position:absolute;z-index:0;bottom:35px;width:70%;height:35px;background:rgba(35,18,24,.22);border-radius:50%;filter:blur(13px);transition:transform .45s var(--ease),opacity .3s}
.candy__object strong{font-family:var(--display);font-weight:400;line-height:.83;letter-spacing:.02em}.candy__object small,.candy__micro{font-family:var(--sub);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.candy__object small{font-size:9px;margin-top:11px}.candy__micro{font-size:8px;margin-bottom:13px;opacity:.7}
.candy__hint{position:relative;z-index:3;margin-top:22px;font:700 10px var(--sub);text-transform:uppercase;letter-spacing:.12em;opacity:.5;transition:opacity .25s,transform .3s}
.candy:hover .candy__object,.candy:focus-visible .candy__object{transform:translateY(-16px) rotate(-2deg)}
.candy:hover .candy__shadow{transform:scale(.8);opacity:.6}.candy:hover .candy__hint{opacity:1;transform:translateY(-5px)}
.candy--ini .candy__object{width:min(100%,300px);height:190px;border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 45%),#6439e8;color:#fff;border:3px solid #4220a8;box-shadow:inset 0 0 0 8px rgba(255,255,255,.12),8px 12px 0 #1b1237;transform:rotate(3deg)}
.candy--ini strong{font-size:92px}.candy__shine{position:absolute;left:12px;top:12px;bottom:12px;width:16px;border-radius:12px;background:rgba(255,255,255,.28)}
.candy--magnasco .candy__object{width:min(82%,250px);height:180px;background:linear-gradient(145deg,#ee543f,#a92223);color:#fff;border-radius:45% 42% 48% 43%;box-shadow:inset 0 0 0 4px #ffb04a,7px 10px 0 #3a1c22;transform:rotate(-4deg)}
.candy--magnasco strong{font:700 31px var(--sub);letter-spacing:-.06em}.candy__twist{position:absolute;top:43px;width:66px;height:90px;background:repeating-linear-gradient(45deg,#f9aa43 0 10px,#d6322d 10px 20px);z-index:-1}.candy__twist--left{left:-52px;clip-path:polygon(100% 12%,72% 0,60% 18%,32% 4%,38% 28%,0 31%,30% 54%,7% 76%,43% 78%,45% 100%,72% 78%,100% 85%)}.candy__twist--right{right:-52px;transform:scaleX(-1);clip-path:polygon(100% 12%,72% 0,60% 18%,32% 4%,38% 28%,0 31%,30% 54%,7% 76%,43% 78%,45% 100%,72% 78%,100% 85%)}
.candy--bragadense .candy__object{width:min(86%,250px);height:285px;padding:24px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 2px,transparent 2px 7px),#244c2c;color:#f4e8c7;border-radius:8px 8px 18px 18px;border-top:16px solid #d8c887;box-shadow:8px 11px 0 #112e18;transform:rotate(2deg);clip-path:polygon(0 2%,5% 0,10% 2%,15% 0,20% 2%,25% 0,30% 2%,35% 0,40% 2%,45% 0,50% 2%,55% 0,60% 2%,65% 0,70% 2%,75% 0,80% 2%,85% 0,90% 2%,95% 0,100% 2%,100% 100%,0 100%)}
.candy--bragadense strong{font-size:54px}.candy__seal{position:absolute;right:16px;top:23px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #d8c887;border-radius:50%;font:700 9px var(--sub)}
.candy--bechsud .candy__object{width:min(95%,190px);height:285px;padding:30px 14px 20px;border:4px solid #2a2a2a;border-radius:22px 22px 55px 55px;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.25) 48% 52%,transparent 54%),#f6c841;color:#161616;box-shadow:8px 11px 0 #222;transform:rotate(-3deg)}
.candy--bechsud strong{font-size:69px}.candy__cap{position:absolute;top:-26px;width:120px;height:35px;border:4px solid #222;border-radius:10px 10px 3px 3px;background:repeating-linear-gradient(90deg,#efefef 0 6px,#aaa 6px 8px)}
.candy--alfasal .candy__object{width:min(100%,290px);height:240px;padding:30px 20px;background:linear-gradient(145deg,#fb814f,#d84531);color:#fff;border-radius:14px 14px 40px 14px;border:3px solid #a82921;box-shadow:8px 11px 0 #58211b;transform:rotate(3deg);clip-path:polygon(0 5%,5% 0,10% 5%,15% 0,20% 5%,25% 0,30% 5%,35% 0,40% 5%,45% 0,50% 5%,55% 0,60% 5%,65% 0,70% 5%,75% 0,80% 5%,85% 0,90% 5%,95% 0,100% 5%,100% 100%,0 100%)}
.candy--alfasal strong{font-size:72px}.candy__window{display:flex;gap:6px;margin-bottom:14px}.candy__window i{width:17px;height:17px;border-radius:50%;background:var(--cream);box-shadow:inset 2px 2px 0 rgba(0,0,0,.18)}
.candy--prenut .candy__object{width:min(100%,220px);height:270px;padding:30px 18px;background:#e9f0ed;color:#125347;border:4px solid #125347;border-radius:110px 110px 20px 20px;box-shadow:8px 11px 0 #123d36;overflow:hidden;transform:rotate(-2deg)}
.candy--prenut strong{font-size:71px;z-index:2}.candy__stripe{position:absolute;left:-30px;right:-30px;bottom:48px;height:70px;background:#9fd237;transform:rotate(-9deg)}

/* Empaques con volumen y gráfica real de cada cliente */
.candy--ini{--pack-art:url('img/portfolio/ini-cobrar-1.jpg')}.candy--magnasco{--pack-art:url('img/portfolio/magnasco-mundial-1.jpg')}.candy--bragadense{--pack-art:url('img/portfolio/bragadense-semilla.jpg')}.candy--bechsud{--pack-art:url('img/portfolio/bechsud-verano.jpg')}.candy--alfasal{--pack-art:url('img/portfolio/alfasal-catalogo.jpg')}.candy--prenut{--pack-art:url('img/portfolio/prenut-destete.jpg')}
.candy__object{isolation:isolate;filter:drop-shadow(0 24px 19px rgba(27,15,18,.22)) drop-shadow(0 7px 5px rgba(27,15,18,.18));backface-visibility:hidden}
.candy__object>*{position:relative;z-index:2}
.candy__object::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:var(--pack-art) center/cover no-repeat;opacity:.25;mix-blend-mode:soft-light;pointer-events:none}
.candy__object::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.08) 14%,transparent 31%,rgba(0,0,0,.13) 65%,rgba(255,255,255,.2) 78%,transparent 100%),repeating-linear-gradient(87deg,transparent 0 18px,rgba(255,255,255,.08) 19px,transparent 21px);box-shadow:inset 12px 0 16px rgba(255,255,255,.12),inset -12px 0 18px rgba(0,0,0,.15);pointer-events:none}
.candy__object strong,.candy__object small,.candy__micro{text-shadow:0 1px 2px rgba(0,0,0,.24)}
.candy__shadow{bottom:28px;height:25px;background:rgba(26,13,17,.28);filter:blur(15px)}
.candy--ini .candy__object{width:min(96%,300px);height:184px;border:1px solid rgba(255,255,255,.6);border-radius:8px;background:linear-gradient(112deg,#7b61f1 0%,#5131c8 46%,#34179a 100%);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -10px 18px rgba(23,9,80,.24);clip-path:polygon(0 4%,3% 0,6% 4%,9% 0,12% 4%,88% 4%,91% 0,94% 4%,97% 0,100% 4%,100% 96%,97% 100%,94% 96%,91% 100%,88% 96%,12% 96%,9% 100%,6% 96%,3% 100%,0 96%)}
.candy--ini .candy__shine{left:8px;top:8px;bottom:8px;width:6px;background:rgba(255,255,255,.35);filter:blur(1px)}
.candy--magnasco .candy__object{width:min(76%,238px);height:170px;border:1px solid rgba(255,224,176,.7);border-radius:48% 45% 47% 44%;background:radial-gradient(circle at 35% 28%,#f78668,#d33d35 46%,#8e161d 100%);box-shadow:inset 0 2px 5px rgba(255,255,255,.45),inset 0 -12px 24px rgba(73,5,12,.25)}
.candy--magnasco .candy__twist{top:38px;width:70px;height:96px;background:linear-gradient(110deg,#7c1118,#ee6a45 26%,#b82128 51%,#ff9b5e 67%,#8b1119);filter:drop-shadow(0 5px 4px rgba(25,8,10,.25))}
.candy--bragadense .candy__object{width:min(86%,252px);height:292px;padding:30px 24px 23px;border:1px solid rgba(230,218,174,.48);border-top:13px solid #c9ba82;border-radius:5px 5px 18px 18px;background:linear-gradient(100deg,#173b22,#2d6038 46%,#14361f);box-shadow:inset 0 2px rgba(255,255,255,.25),inset 11px 0 15px rgba(255,255,255,.06),inset -13px 0 19px rgba(0,0,0,.2)}
.candy--bragadense .candy__object::before{opacity:.32}.candy--bragadense .candy__seal{background:rgba(24,63,36,.82);backdrop-filter:blur(2px)}
.candy--bechsud .candy__object{width:min(90%,236px);height:255px;padding:32px 18px 24px;border:1px solid rgba(255,255,255,.75);border-radius:9px 9px 18px 18px;background:linear-gradient(105deg,#f0bd2c,#ffd95e 44%,#c68b0e);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -14px 22px rgba(111,69,0,.17);clip-path:polygon(0 4%,4% 0,8% 4%,12% 0,16% 4%,84% 4%,88% 0,92% 4%,96% 0,100% 4%,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,16% 96%,12% 100%,8% 96%,4% 100%,0 96%)}
.candy--bechsud .candy__object::before{opacity:.34;mix-blend-mode:multiply}.candy--bechsud .candy__cap{display:none}
.candy--alfasal .candy__object{width:min(96%,282px);height:248px;padding:36px 22px 25px;border:1px solid rgba(255,222,203,.62);border-radius:7px 7px 28px 28px;background:linear-gradient(108deg,#b92e25,#ed6547 46%,#9e211d);box-shadow:inset 0 2px rgba(255,255,255,.5),inset 0 -16px 23px rgba(86,12,8,.2);clip-path:polygon(0 4%,4% 0,8% 4%,12% 0,16% 4%,84% 4%,88% 0,92% 4%,96% 0,100% 4%,100% 94%,96% 100%,4% 100%,0 94%)}
.candy--alfasal .candy__object::before{opacity:.3}.candy--alfasal .candy__window{padding:7px 10px;border-radius:999px;background:rgba(90,17,10,.38);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.candy--prenut .candy__object{width:min(88%,238px);height:275px;padding:32px 20px 28px;border:1px solid rgba(255,255,255,.9);border-radius:8px 8px 20px 20px;background:linear-gradient(105deg,#dfe9e4,#f9fcf8 48%,#b8cbc4);color:#114d43;box-shadow:inset 0 2px rgba(255,255,255,.9),inset 0 -15px 22px rgba(20,76,65,.12);clip-path:polygon(0 4%,4% 0,8% 4%,12% 0,16% 4%,84% 4%,88% 0,92% 4%,96% 0,100% 4%,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,16% 96%,12% 100%,8% 96%,4% 100%,0 96%)}
.candy--prenut .candy__object::before{opacity:.25;mix-blend-mode:multiply}.candy--prenut .candy__stripe{z-index:1;bottom:36px;background:linear-gradient(90deg,#7fae21,#b4dd4c,#78a91b);opacity:.92}

/* Packshots 3D finales con marca integrada en el empaque */
.candy__object,.candy--ini .candy__object,.candy--magnasco .candy__object,.candy--bragadense .candy__object,.candy--bechsud .candy__object,.candy--alfasal .candy__object,.candy--prenut .candy__object,.candy--lab .candy__object{container-type:inline-size;width:min(100%,280px);height:330px;max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;filter:drop-shadow(0 24px 18px rgba(31,17,22,.24));overflow:visible;transform:none}
.candy--ini .candy__object,.candy--magnasco .candy__object,.candy--bragadense .candy__object,.candy--alfasal .candy__object,.candy--prenut .candy__object,.candy--lab .candy__object{width:min(100%,350px);height:245px}
.candy__object::before,.candy__object::after{display:none}
.candy__pack{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.candy--lab .candy__pack{transform:scale(1.28)}
.candy__shadow{bottom:24px;width:62%;height:18px;background:rgba(23,13,16,.24);filter:blur(14px)}

.shop__footer{padding:clamp(46px,6vw,82px) clamp(20px,5vw,82px);background:var(--pink);color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(36px,7vw,110px);align-items:end}.footer__brand{display:grid;gap:24px}.footer__brand p{font:400 clamp(28px,3.5vw,54px)/1 var(--display);text-transform:uppercase}.footer__brand>span{font:700 9px var(--sub);text-transform:uppercase;letter-spacing:.16em;opacity:.75}.footer__contacts{display:grid;gap:10px}.footer__contacts a{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.5);border-radius:14px;color:#fff;text-decoration:none;transition:background .25s,color .25s,transform .25s}.footer__contacts a:hover,.footer__contacts a:focus-visible{background:var(--lime);color:var(--ink);transform:translateX(-4px)}.footer__contacts span{min-width:0;overflow-wrap:anywhere;font:700 11px/1.25 var(--sub);letter-spacing:.02em}.footer__contacts small{display:block;margin-bottom:4px;font:700 8px var(--sub);text-transform:uppercase;letter-spacing:.15em;opacity:.68}.footer__contacts b{font-size:20px}.footer-icon{position:relative;display:block;width:38px;height:38px;border:2px solid currentColor;border-radius:11px}.footer-icon--instagram::before{content:"";position:absolute;inset:8px;border:2px solid currentColor;border-radius:50%}.footer-icon--instagram::after{content:"";position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:currentColor}.footer-icon--email{border-radius:8px}.footer-icon--email::before,.footer-icon--email::after{content:"";position:absolute;top:9px;width:22px;height:2px;background:currentColor}.footer-icon--email::before{left:1px;rotate:32deg}.footer-icon--email::after{right:1px;rotate:-32deg}

.footer__brand p em{font-style:normal;color:var(--lime)}

/* Casos */
.case{width:100%;height:100%;max-width:none;max-height:none;border:0;background:var(--paper);color:var(--ink);overflow-y:auto;opacity:0;transform:translateY(30px);transition:opacity .35s var(--ease),transform .5s var(--ease),display .5s allow-discrete,overlay .5s allow-discrete}
.case[open]{opacity:1;transform:none}@starting-style{.case[open]{opacity:0;transform:translateY(40px)}}
.case::backdrop{background:rgba(15,10,12,.78);backdrop-filter:blur(6px)}
.case__chrome{position:sticky;top:0;z-index:20;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,250,242,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.case__close,.case__footer button{cursor:pointer;background:var(--ink);color:#fff;border-radius:999px;padding:12px 17px;font:700 11px var(--sub);text-transform:uppercase;letter-spacing:.1em}.case__close span,.case__footer button span{color:var(--lime);margin-left:8px;font-size:17px}.case__count{font:700 11px var(--sub);letter-spacing:.15em}
.case__content{width:min(100%,1560px);margin:0 auto;padding:0 clamp(20px,6vw,96px)}
.case__hero{padding:clamp(64px,8vw,116px) 0 clamp(54px,6vw,86px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(60px,9vw,145px);align-items:start;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,56px)}
.case__heading .kicker{margin-bottom:25px}
.case__hero h2{font:400 clamp(76px,10vw,148px)/.84 var(--display);text-transform:uppercase;color:var(--case-color,var(--pink));letter-spacing:.005em;max-width:820px;overflow-wrap:anywhere}
.case__summary{padding-top:36px;border-top:1px solid var(--ink)}
.case__summary-label{font:700 9px var(--sub);text-transform:uppercase;letter-spacing:.16em;color:#746b6c;margin-bottom:15px}
.case__intro{font:500 clamp(17px,1.65vw,23px)/1.45 var(--sub);max-width:650px}
.case__summary-label--services{margin-top:36px}
.case__summary ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.case__summary li{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font:700 10px var(--sub);text-transform:uppercase;letter-spacing:.08em}
.case__work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2vw,28px);align-items:start;padding-bottom:clamp(80px,10vw,150px)}
.content-card{--media-ratio:4/5;grid-column:span 6;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#faf6ef;box-shadow:0 10px 28px rgba(32,21,24,.04)}
.content-card--format-square{--media-ratio:1/1}.content-card--format-portrait{--media-ratio:4/5}.content-card--format-story{--media-ratio:9/16;grid-column:span 5}.content-card--format-long{--media-ratio:1/2.02;grid-column:span 5}.content-card--format-landscape{--media-ratio:16/9;grid-column:1/-1}.content-card--format-landscape-soft{--media-ratio:79/54;grid-column:1/-1}.content-card--format-catalog{--media-ratio:1800/1273;grid-column:1/-1}.content-card--format-document{--media-ratio:1/1.414}.content-card--size-wide{grid-column:1/-1}
.content-card__header{display:block;padding:2px 2px 18px}
.content-card__meta{display:flex;gap:12px;align-items:baseline;margin-bottom:14px}
.content-card__meta span{font:400 22px var(--display);color:var(--case-color,var(--pink))}
.content-card__meta p{display:inline-flex;padding:8px 12px 7px;border:1px solid var(--ink);border-radius:999px;background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--case-color,var(--pink));font:700 8px/1.2 var(--sub);text-transform:uppercase;letter-spacing:.12em;transform:rotate(-2deg)}
.content-card:nth-child(even) .content-card__meta p{transform:rotate(2deg)}
.content-card__copy{display:grid;gap:10px}
.content-card__copy h3{font:400 clamp(31px,3vw,44px)/.95 var(--display);text-transform:uppercase;letter-spacing:.01em}
.content-card__copy>p{max-width:530px;font-size:14px;line-height:1.52;color:#5d5657}
.content-carousel{overflow:hidden;border-radius:8px;background:#ece6dd}
.content-carousel__stage{position:relative;display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio);overflow:hidden;background:#ece6dd;cursor:e-resize}
.content-carousel__slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(24px);pointer-events:none;transition:opacity .32s var(--ease),transform .45s var(--ease)}
.content-carousel__slide.is-active{opacity:1;transform:none;pointer-events:auto}
.content-carousel__slide img,.content-carousel__slide video{width:100%;height:100%;object-fit:contain}
.content-carousel__slide video{display:block;background:#111}
.content-carousel__controls{height:52px;padding:0 13px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:var(--ink);color:#fff}
.content-carousel__controls button{width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:16px;transition:background .2s,color .2s,transform .2s}
.content-carousel__controls button:last-child{justify-self:end}.content-carousel__controls button:hover{background:var(--lime);color:var(--ink);transform:scale(1.06)}
.content-carousel__controls p{justify-self:center;font:700 10px var(--sub);letter-spacing:.16em}.content-carousel__controls b{color:var(--lime)}
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.content-grid figure{min-width:0;aspect-ratio:var(--media-ratio);overflow:hidden;border-radius:8px;background:#ece6dd}
.content-grid img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}.content-grid figure:hover img{transform:scale(1.018)}
.content-card--feature .content-grid{grid-template-columns:1fr}
.content-video{width:100%;aspect-ratio:var(--media-ratio);overflow:hidden;border-radius:8px;background:#111}
.content-video video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.content-card--process,.content-card--lab{grid-column:1/-1;padding:clamp(22px,4vw,46px);background:linear-gradient(135deg,#fffaf2,#f4ece1)}
.content-card--process .content-card__header,.content-card--lab .content-card__header{max-width:760px;padding:0 0 clamp(28px,4vw,48px)}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,34px)}
.process-step{padding-top:18px;border-top:2px solid var(--case-color,var(--pink))}
.process-step span{display:block;margin-bottom:18px;font:700 9px var(--sub);text-transform:uppercase;letter-spacing:.14em;color:var(--case-color,var(--pink))}
.process-step h4{margin-bottom:10px;font:400 clamp(26px,2.5vw,38px)/.95 var(--display);text-transform:uppercase}
.process-step p{font-size:14px;line-height:1.55;color:#5d5657}
.lab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none}
.lab-list li{min-height:128px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;font:400 clamp(25px,2.4vw,36px)/1 var(--display);text-transform:uppercase}
.lab-list li::before{content:"+";display:block;margin-bottom:20px;color:var(--case-color,var(--pink))}
.content-card--evolution,.content-card--before-after{grid-column:1/-1;padding:clamp(22px,3vw,38px);background:linear-gradient(145deg,#fffaf2,#f2e9dd)}
.content-card--evolution .content-card__header,.content-card--before-after .content-card__header{max-width:780px}
.process-ribbon{display:inline-flex;margin:4px 0 clamp(26px,4vw,44px);padding:13px 22px 11px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:7px 8px 0 var(--ink);font:400 clamp(27px,3.4vw,48px)/.9 var(--display);text-transform:uppercase;letter-spacing:.02em;transform:rotate(-2deg)}
.process-ribbon--comparison{background:var(--pink);color:#fff;transform:rotate(2deg)}
.evolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,34px)}
.evolution-step{position:relative;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.evolution-step:not(:last-child)::after{content:"→";position:absolute;z-index:4;right:calc(clamp(18px,2.5vw,34px) * -.72);top:45%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--lime);font:700 18px var(--sub)}
.evolution-step.is-final{border:3px solid var(--case-color,var(--pink));box-shadow:0 14px 32px color-mix(in srgb,var(--case-color,var(--pink)) 20%,transparent)}
.evolution-step figure,.comparison-item figure{aspect-ratio:1/1.414;overflow:hidden;border-radius:8px;background:#ece6dd}
.evolution-step img,.comparison-item img{width:100%;height:100%;object-fit:contain}
.candy-badge{position:relative;z-index:2;display:inline-flex;margin:0 0 12px;padding:9px 13px 8px;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--case-color,var(--pink));font:700 9px var(--sub);text-transform:uppercase;letter-spacing:.1em}
.evolution-step.is-final .candy-badge{background:var(--lime);box-shadow:4px 4px 0 var(--ink)}
.evolution-step__caption{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:15px 2px 2px}.evolution-step__caption b{font:400 28px var(--display);color:var(--case-color,var(--pink))}.evolution-step__caption p{font:700 10px/1.45 var(--sub);text-transform:uppercase;letter-spacing:.06em}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,42px);align-items:start}
.comparison-item{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.comparison-item--después{border:3px solid var(--case-color,var(--pink))}
.comparison-item--antes .candy-badge{background:#f2e9dd}.comparison-item--después .candy-badge{background:var(--lime);box-shadow:4px 4px 0 var(--ink)}
.comparison-item>p{padding:15px 2px 2px;font:700 11px var(--sub);text-transform:uppercase;letter-spacing:.08em}
.content-card--format-landscape,.content-card--format-landscape-soft,.content-card--format-catalog{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:clamp(18px,3vw,42px);align-items:start;padding:22px}
.content-card--format-landscape .content-card__header,.content-card--format-landscape-soft .content-card__header,.content-card--format-catalog .content-card__header{padding:5px 0 0;position:sticky;top:100px}
.content-card--lab-live{display:block;grid-column:1/-1;justify-self:center;width:100%;max-width:900px;padding:22px;background:linear-gradient(145deg,#fffaf2,#f2e9dd)}
.content-card--lab-live .content-card__header{position:static;max-width:760px;padding:0}.content-card--lab-live .content-card__copy>p{color:#b9aea2}
.lab-live{padding:clamp(15px,2.2vw,26px);border:1px solid #3d2a10;border-radius:13px;background:radial-gradient(circle at 50% 0,rgba(154,0,0,.2),transparent 36%),#070709;color:#d8c8b0;box-shadow:0 20px 40px rgba(20,7,10,.18)}.lab-live__intro{max-width:760px;margin:0 auto 26px}.lab-live__details{margin-top:26px;padding-top:24px;border-top:1px solid rgba(201,167,26,.26)}
.lab-live__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.lab-live__bar>span{padding:8px 11px;border:1px solid #c9a71a;border-radius:999px;color:#f0d060;font:700 8px var(--sub);text-transform:uppercase;letter-spacing:.13em}.lab-live__bar a{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#c9a71a;color:#080809;text-decoration:none;font:700 10px var(--sub);text-transform:uppercase;letter-spacing:.08em;transition:background .2s,transform .2s}.lab-live__bar a:hover,.lab-live__bar a:focus-visible{background:var(--lime);transform:translateY(-2px)}.lab-live__bar a b{font-size:17px}
.lab-live__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;list-style:none}.lab-live__features li{padding:12px;border:1px solid rgba(201,167,26,.25);border-radius:8px;background:#111116;color:#d8c8b0;font:700 9px/1.35 var(--sub);text-transform:uppercase;letter-spacing:.06em}
.lab-live__carousel{--media-ratio:1/2;width:min(100%,320px);margin:0 auto;border:1px solid rgba(201,167,26,.45);background:#050506}.lab-live__carousel .content-carousel__stage{background:#050506}.lab-live__carousel .content-carousel__slide img{object-fit:cover}.lab-live__carousel .content-carousel__controls{background:#130d0e}.lab-live__carousel .content-carousel__controls b{color:#f0d060}.lab-live__carousel .content-carousel__controls button:hover{background:#c9a71a;color:#070709}
.case__footer{padding:45px 0 70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.case__footer p{font:400 42px var(--display);text-transform:uppercase}
body.case-open{overflow:hidden}

@media(max-width:820px){
  .shop__header{grid-template-columns:auto 1fr auto;gap:12px}.shop__header>p{display:block;text-align:center;font-size:9px}.counter__intro{grid-template-columns:1fr;gap:36px}.counter h1{font-size:clamp(68px,17vw,108px);max-width:600px}.counter__lead{max-width:520px}.counter__copy{max-width:440px}
  .candies{grid-template-columns:1fr 1fr;gap:24px 14px}.candy:nth-child(n){grid-column:auto;min-height:0;padding:8px 0}.candy__object{transform:scale(.84)!important}.candy:hover .candy__object{transform:scale(.84) translateY(-10px) rotate(-2deg)!important}
  .shop__footer{grid-template-columns:1fr}.footer__contacts{width:100%;max-width:560px}
  .case__hero{grid-template-columns:1fr;gap:42px;padding:62px 0 50px}.case__hero h2{font-size:clamp(70px,18vw,122px);max-width:650px}.case__summary{padding-top:27px}.content-card{grid-column:1/-1}.content-card--format-landscape,.content-card--format-landscape-soft,.content-card--format-catalog{grid-template-columns:1fr;padding:18px}.content-card--format-landscape .content-card__header,.content-card--format-landscape-soft .content-card__header,.content-card--format-catalog .content-card__header{position:static;padding:2px 2px 18px}.process-steps,.lab-list,.evolution-grid,.comparison-grid{grid-template-columns:1fr}.evolution-step:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-28px;translate:50% 0}.case__footer p{font-size:30px}
}
@media(max-width:520px){
  .unwrap{padding:max(12px,env(safe-area-inset-left))}.gum-entry{width:100%;height:min(118vw,440px)}.gum-bubble{width:min(76vw,310px,52svh)}.gum-entry__hint{bottom:4%}
  .shop__header{height:70px;padding:0 16px;gap:8px}.mini-logo img{width:88px}.shop__header>p{max-width:100px;justify-self:center;font-size:7px;line-height:1.25;letter-spacing:.1em}.contact-pill{padding:10px 11px;font-size:9px}
  .counter{padding:48px 12px 56px}.counter__intro{gap:28px;margin-bottom:24px;padding:0 4px}.counter__title .kicker{margin-bottom:17px}.counter h1{font-size:clamp(62px,20vw,90px);line-height:.86}.counter__lead{padding-top:20px;gap:14px}.counter__copy{font-size:15px}
  .candies{position:relative;isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:48px 4px 78px;border-radius:48% 48% 34px 34px/12% 12% 34px 34px;background:radial-gradient(ellipse at 50% 2%,#30131e 0 30%,#16080d 31% 36%,transparent 37%),linear-gradient(112deg,#ff6a9f,#ee206c 54%,#ad0845);box-shadow:inset 16px 0 30px rgba(255,255,255,.17),inset -18px 0 28px rgba(92,0,35,.22),0 24px 46px rgba(62,29,37,.18);overflow:hidden}
  .candies::before{content:"";position:absolute;z-index:0;left:2%;right:2%;top:0;height:58px;border:8px solid #ff8bb5;border-bottom-color:#ad0845;border-radius:50%;background:radial-gradient(ellipse,#35131f 0 56%,#6f1438 58% 65%,#f34a87 67%);box-shadow:0 10px 18px rgba(55,4,23,.28);pointer-events:none}
  .candies::after{content:"";position:absolute;z-index:4;left:-4%;right:-4%;bottom:0;height:54px;background:repeating-linear-gradient(105deg,#cc0d50 0 12px,#ef3679 12px 24px,#ff72a8 24px 34px);border-top:4px solid rgba(255,255,255,.42);box-shadow:0 -8px 20px rgba(76,0,28,.2);pointer-events:none}
  .candy:nth-child(n){--candy-tilt:0deg;z-index:2;grid-column:auto;min-height:0;height:168px;margin:0;padding:0;justify-content:center}
  .candy:nth-child(n+3){margin-top:-34px}.candy:nth-child(1){--candy-tilt:-8deg}.candy:nth-child(2){--candy-tilt:6deg}.candy:nth-child(3){--candy-tilt:4deg}.candy:nth-child(4){--candy-tilt:-7deg}.candy:nth-child(5){--candy-tilt:-5deg}.candy:nth-child(6){--candy-tilt:7deg}.candy:nth-child(7){--candy-tilt:-3deg;grid-column:1/-1;width:58%;justify-self:center;margin-top:-46px}
  .candies .candy__object,.candies .candy--ini .candy__object,.candies .candy--magnasco .candy__object,.candies .candy--bragadense .candy__object,.candies .candy--bechsud .candy__object,.candies .candy--alfasal .candy__object,.candies .candy--prenut .candy__object,.candies .candy--lab .candy__object{width:clamp(142px,44vw,176px);height:138px;max-width:none;transform:rotate(var(--candy-tilt)) scale(.98)!important;transition:transform .34s var(--bounce),filter .3s}
  .candies .candy--bechsud .candy__object{width:128px;height:158px}
  .candies .candy--lab .candy__pack{transform:scale(1.08)}
  .candy__hint{display:none}.candy__shadow{bottom:23px;width:58%;height:12px;opacity:.48}
  .candy::before{content:"";position:absolute;z-index:0;inset:14% 4%;border-radius:50%;background:radial-gradient(circle,rgba(216,255,67,.8),rgba(255,255,255,.34) 35%,transparent 68%);opacity:0;transform:scale(.65);transition:opacity .25s,transform .34s var(--bounce)}
  .candy:hover .candy__object,.candy:focus-visible .candy__object{transform:translateY(-8px) rotate(var(--candy-tilt)) scale(1.02)!important}
  .candy.is-selected{z-index:5}.candy.is-selected::before{opacity:1;transform:scale(1.12)}.candy.is-selected .candy__object{transform:translateY(-23px) rotate(var(--candy-tilt)) scale(1.12)!important;filter:drop-shadow(0 22px 18px rgba(24,8,13,.34)) brightness(1.08)}.candy.is-selected .candy__shadow{transform:scale(.65);opacity:.28}
  .case__chrome{height:66px;padding:0 16px}.case__content{padding:0 16px}.case__hero{padding:44px 0 38px;gap:32px;margin-bottom:18px}.case__heading .kicker{margin-bottom:18px}.case__hero h2{font-size:clamp(68px,21vw,100px);line-height:.86}.case__summary{padding-top:20px}.case__intro{font-size:16px}.case__summary-label--services{margin-top:27px}.case__work{gap:14px}.content-card,.content-card--format-landscape,.content-card--format-landscape-soft,.content-card--format-catalog{padding:14px;border-radius:12px}.content-card__header,.content-card--format-landscape .content-card__header,.content-card--format-landscape-soft .content-card__header,.content-card--format-catalog .content-card__header{padding:2px 2px 15px}.content-card__meta{margin-bottom:10px}.content-card__copy h3{font-size:34px}.content-card__copy>p{font-size:13px}.process-ribbon{font-size:30px;margin-bottom:30px}.content-carousel{border-radius:7px}.content-carousel__controls{height:50px;grid-template-columns:38px 1fr 38px;padding:0 8px}.content-grid,.content-card--size-wide .content-grid{grid-template-columns:1fr;gap:9px}.case__footer{align-items:flex-start;gap:20px;flex-direction:column}
}
/* Caramelera transparente compartida por desktop y mobile */
.candy-machine{--machine-red:#f12b63;--machine-dark:#9f0c3d;position:relative;container-type:inline-size;width:min(100%,820px);margin:0 auto;padding-top:8%;filter:drop-shadow(0 30px 30px rgba(61,22,35,.2))}
.machine__lid{position:absolute;z-index:5;left:50%;top:2%;width:31%;height:10%;translate:-50% 0;border-radius:50% 50% 20% 20%/60% 60% 35% 35%;background:linear-gradient(105deg,#9e0b3b 0%,#ff4b79 32%,#dc174f 68%,#8e0a35);box-shadow:inset 0 5px 8px rgba(255,255,255,.32),inset 0 -8px 11px rgba(91,0,31,.25),0 7px 0 #89072f}
.machine__lid span{position:absolute;left:50%;top:-29%;width:25%;aspect-ratio:1.5;translate:-50% 0;border-radius:50% 50% 38% 38%;background:linear-gradient(110deg,#ff628b,#cc1249 65%,#8b0730);box-shadow:inset 0 3px 5px rgba(255,255,255,.36),0 4px 0 #84052d}
.machine__dome{position:relative;z-index:2;width:84%;aspect-ratio:1;margin:0 auto -4%;overflow:hidden;border:clamp(3px,.65cqw,7px) solid rgba(191,210,210,.82);border-radius:50%;background:radial-gradient(circle at 32% 23%,rgba(255,255,255,.55) 0 4%,rgba(255,255,255,.16) 15%,transparent 35%),linear-gradient(112deg,rgba(216,239,238,.26),rgba(255,255,255,.06) 44%,rgba(172,207,205,.18));box-shadow:inset 18px 8px 30px rgba(255,255,255,.46),inset -18px -9px 28px rgba(77,115,116,.14),0 9px 18px rgba(42,68,69,.14);backdrop-filter:blur(1px)}
.machine__dome::after{content:"";position:absolute;z-index:8;inset:0;border-radius:50%;background:linear-gradient(106deg,rgba(255,255,255,.38),transparent 18% 73%,rgba(255,255,255,.2));pointer-events:none}
.machine__glass-shine{position:absolute;z-index:9;left:15%;top:13%;width:12%;height:44%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.03));filter:blur(2px);rotate:30deg;pointer-events:none}
.machine__sticker{position:absolute;z-index:10;left:12%;top:11%;display:flex;align-items:center;justify-content:center;max-width:29%;padding:10px 16px;border:2px solid rgba(23,12,16,.9);border-radius:52% 48% 45% 55%/58% 44% 56% 42%;background:var(--lime);color:var(--ink);box-shadow:inset 0 2px rgba(255,255,255,.65),4px 6px 0 rgba(23,12,16,.88);transform:perspective(240px) rotateY(9deg) rotateZ(-5deg) skewY(1deg);transform-origin:left center;pointer-events:none}
.machine__sticker::after{content:"";position:absolute;inset:3px 6px auto 8px;height:36%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.45),transparent);opacity:.7}
.machine__sticker strong{position:relative;z-index:1;font:700 clamp(12px,2.4cqw,21px)/1 var(--sub);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap}.machine__sticker strong span{display:inline-block;margin-left:3px;font-size:1.15em;transform:translateY(1px)}
.machine__neck{position:relative;z-index:4;width:61%;height:5cqw;min-height:19px;margin:0 auto -1.5%;border-radius:50% 50% 12px 12px/55% 55% 25% 25%;background:linear-gradient(100deg,#8c0833,#fa3d72 30%,#db174e 67%,#83072f);box-shadow:inset 0 5px 8px rgba(255,255,255,.24),0 6px 0 #880831}
.machine__base{position:relative;z-index:3;width:62%;aspect-ratio:1.58;margin:0 auto;border-radius:16% 16% 12% 12%/14% 14% 9% 9%;background:linear-gradient(100deg,#970936,#f13a6c 27%,#d9154d 67%,#8a0732);box-shadow:inset 10px 0 18px rgba(255,255,255,.13),inset -13px 0 18px rgba(80,0,26,.22),inset 0 8px 11px rgba(255,255,255,.18)}
.machine__base::before{content:"";position:absolute;left:7%;right:7%;top:6%;height:10%;border-radius:50%;border-top:3px solid rgba(255,255,255,.32)}
.machine__turn{position:absolute;left:17%;top:25%;display:grid;place-items:center;width:19%;aspect-ratio:1;border:clamp(3px,.5cqw,6px) solid #8a092f;border-radius:50%;background:linear-gradient(135deg,#ff608c,#ba0e42);color:#fff;font:700 clamp(18px,4cqw,38px)/1 var(--sub);box-shadow:inset 3px 3px 5px rgba(255,255,255,.25),5px 6px 0 #7b062a;rotate:-12deg}
.machine__chute{position:absolute;left:50%;bottom:7%;width:29%;height:38%;translate:-50% 0;border:clamp(4px,.7cqw,8px) solid #85072d;border-radius:48% 48% 18% 18%/38% 38% 20% 20%;background:radial-gradient(ellipse at 50% 56%,#16050a 0 48%,#48091e 62%,#8c0c36 75%);box-shadow:inset 0 8px 12px #140207,0 8px 0 #770526}
.machine__chute i{position:absolute;left:-13%;right:-13%;bottom:-16%;height:31%;border-radius:12px 12px 50% 50%;background:linear-gradient(#a60b3a,#f04470);box-shadow:0 7px 0 #760529}
.machine__foot{position:relative;z-index:1;width:72%;height:5.8cqw;min-height:22px;margin:-1.2% auto 0;border-radius:28% 28% 46% 46%/35% 35% 50% 50%;background:linear-gradient(100deg,#83072f,#ff4b79 30%,#cf1248 70%,#790429);box-shadow:inset 0 5px 7px rgba(255,255,255,.25),0 9px 0 #720426}
.candies{position:absolute;z-index:2;inset:7% 2% 2%;display:block;max-width:none;margin:0;padding:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto}
.candies::before,.candies::after{display:none}
.candy:nth-child(n){--candy-tilt:0deg;position:absolute;z-index:2;display:block;grid-column:auto;width:42%;height:35%;min-height:0;margin:0;padding:0;isolation:isolate}
.candy:nth-child(1){--candy-tilt:-3deg;left:-1%;top:39%;width:37%;height:35%}.candy:nth-child(2){--candy-tilt:2deg;left:8%;top:14%;width:44%;height:32%}.candy:nth-child(3){--candy-tilt:-2deg;left:54%;top:14%;width:44%;height:32%}.candy:nth-child(4){--candy-tilt:3deg;left:14%;top:63%;width:32%;height:36%}.candy:nth-child(5){--candy-tilt:-2deg;left:33%;top:39%;z-index:4;width:46%;height:36%}.candy:nth-child(6){--candy-tilt:3deg;left:72%;top:41%;width:28%;height:33%}.candy:nth-child(7){--candy-tilt:-2deg;left:38%;top:67%;width:50%;height:32%}
.candies .candy__object,.candies .candy--ini .candy__object,.candies .candy--magnasco .candy__object,.candies .candy--bragadense .candy__object,.candies .candy--bechsud .candy__object,.candies .candy--alfasal .candy__object,.candies .candy--prenut .candy__object,.candies .candy--lab .candy__object{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:rotate(var(--candy-tilt))!important;transition:transform .34s var(--bounce),filter .28s,opacity .16s;filter:drop-shadow(0 10px 8px rgba(27,10,15,.25))}
.candies .candy--bechsud .candy__object{left:11%;width:78%}
.candies .candy--prenut .candy__object{transform:rotate(var(--candy-tilt)) scale(1.22)!important;transform-origin:left center}
.candies .candy--lab .candy__pack{transform:scale(1.1)}
.candy__hint,.candies .candy__shadow{display:none}
.candy::before{content:"";position:absolute;z-index:0;inset:-23%;border-radius:50%;background:radial-gradient(circle,rgba(216,255,67,.9),rgba(255,255,255,.56) 28%,rgba(255,69,139,.18) 52%,transparent 70%);opacity:0;transform:scale(.55);transition:opacity .22s,transform .34s var(--bounce)}
.candy:hover,.candy:focus-visible,.candy.is-selected{z-index:7}
.candy:hover::before,.candy:focus-visible::before,.candy.is-selected::before{opacity:1;transform:scale(1.18)}
.candies .candy:hover .candy__object,.candies .candy:focus-visible .candy__object,.candies .candy.is-selected .candy__object{transform:translateY(-22%) rotate(var(--candy-tilt)) scale(1.17)!important;filter:drop-shadow(0 18px 12px rgba(25,7,14,.34)) drop-shadow(0 0 16px rgba(216,255,67,.84)) brightness(1.08)}
.candies .candy--prenut:hover .candy__object,.candies .candy--prenut:focus-visible .candy__object,.candies .candy--prenut.is-selected .candy__object{transform:translateY(-22%) rotate(var(--candy-tilt)) scale(1.38)!important}
.candy.is-dispensing .candy__object{opacity:0}.candy.is-dispensing::before{opacity:0}
.dispensed-candy{position:absolute;z-index:6;display:block;margin:0;pointer-events:none;transform-origin:center;filter:none}.dispensed-candy.is-behind-base{z-index:2}
.dispensed-candy .candy__object{position:absolute;inset:0!important;width:100%!important;height:100%!important;transform:none!important;filter:none!important}.dispensed-candy .candy__pack{width:100%;height:100%;object-fit:contain}
.candy-machine.is-dispensing .machine__chute{animation:chuteGlow .86s ease-in-out}
@keyframes chuteGlow{0%,48%,100%{filter:none}72%{filter:brightness(1.3) drop-shadow(0 0 16px rgba(216,255,67,.8))}}
@media(min-width:821px){
  .shop__header{height:68px}
  .counter{min-height:calc(100svh - 68px);padding:clamp(18px,2.2vw,34px) clamp(28px,4vw,64px);display:grid;grid-template-columns:minmax(350px,.82fr) minmax(430px,1.18fr);gap:clamp(38px,5vw,78px);align-items:center}
  .counter__intro{display:block;max-width:530px;margin:0}
  .counter__title .kicker{margin-bottom:16px}
  .counter h1{font-size:clamp(62px,7vw,100px);line-height:.84}
  .counter__lead{max-width:460px;margin-top:28px;padding-top:18px;gap:12px}
  .counter__copy{max-width:410px;font-size:15px;line-height:1.45}
  .candy-machine{width:min(46vw,calc((100svh - 108px)/1.4),520px);margin:0 auto}
  .case__work{grid-template-columns:1fr;gap:22px;padding-bottom:100px}
  .case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature){grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,.42fr) minmax(320px,.58fr);gap:clamp(24px,4vw,58px);align-items:center;padding:24px;background:linear-gradient(145deg,#fffaf2,#f2e9dd)}
  .case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature) .content-card__header{grid-column:1;grid-row:1;position:static;padding:5px 0;max-width:430px}
  .case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature) .content-card__meta{align-items:center;margin-bottom:19px}
  .case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature)>.content-carousel,.case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature)>.content-video,.case .content-card:is(.content-card--carousel,.content-card--video,.content-card--video-carousel,.content-card--grid,.content-card--feature)>.content-grid{grid-column:2;grid-row:1;width:100%;justify-self:center}
  .case .content-card--format-square>.content-carousel,.case .content-card--format-square>.content-grid{max-width:440px}.case .content-card--format-portrait>.content-carousel,.case .content-card--format-portrait>.content-grid{max-width:400px}.case .content-card--format-story>.content-carousel,.case .content-card--format-story>.content-video,.case .content-card--format-long>.content-carousel{max-width:300px}.case .content-card--format-landscape>.content-video,.case .content-card--format-landscape>.content-carousel,.case .content-card--format-landscape-soft>.content-grid{max-width:640px}.case .content-card--format-catalog>.content-carousel{max-width:680px}.case[data-client="lab"] .content-card--carousel{justify-self:center;width:100%;max-width:900px}.case[data-client="lab"] .content-card--format-square>.content-carousel{max-width:460px}
}
@media(max-width:520px){
  .candy-machine{width:100%;padding-top:10%;margin-top:8px}
  .machine__dome{width:94%}.machine__lid{width:35%;top:1%}.machine__neck{width:69%;height:6.5cqw}.machine__base{width:70%}.machine__foot{width:81%;height:7cqw}
  .candy:nth-child(n){transform:none}
}
@media(max-width:820px){.content-card--lab-live{display:block}.lab-live{padding:15px}.lab-live__bar{align-items:flex-start;flex-direction:column}.lab-live__features{grid-template-columns:1fr 1fr}.lab-live__bar a{width:100%;justify-content:center}}
@media(max-width:520px){.lab-live__features{grid-template-columns:1fr}.lab-live__carousel .content-carousel__controls{height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
