/* ===== Froozz · estilos ===== */
:root{
  --red:#e63a26;
  --red-dark:#c42c1a;
  --brown:#3b2625;
  --brown-soft:#6b5250;
  --cream:#fff6ef;
  --white:#ffffff;
  --line:#f0e2d8;
  /* Marca comercial itFruit */
  --if-brown:#3b2625; --if-yellow:#f2bc06; --if-orange:#f49306; --if-tangerine:#ff5b23;
  --if-pink:#f5cae8; --if-rose:#e0858d; --if-ice:#ade6ed; --if-lime:#d7ed88;
  --if-red:#e63a26; --if-coral:#f96464; --if-blue:#49b0e8; --if-green:#a5bb19;
  --if-olive:#6e7709;
  /* Marca comercial Sorbites */
  --sb-orange:#f0a23a; --sb-purple:#5b1a5e; --sb-plum:#8a2f62; --sb-wine:#42152a; --sb-peach:#e0904f; --sb-tea:#5a1a08; --sb-night:#2a0d2e;
  /* Marca comercial SMÜ */
  --smu-green:#00a870; --smu-mint:#4cb282; --smu-orange:#fba93f; --smu-yellow:#ffae35; --smu-red:#f26242; --smu-coral:#f86748; --smu-purple:#8671b4; --smu-bg:#effaf4;
  --font-smu:"Unbounded", "Arial Black", system-ui, sans-serif;
  --font-fun:"Titan One", "Arial Rounded MT Bold", system-ui, sans-serif; --if-petrol:#197097; --if-burgundy:#973945; --if-cream:#fffdf4;
  --radius:22px;
  --font-head:"Fraunces", Georgia, serif;
  --font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--font-body);color:var(--brown);background:var(--white);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--font-head);font-weight:800;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,5.4vw,4.2rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:.6em}
h3{font-size:1.6rem}
p+p{margin-top:1em}
.lead{font-size:1.15rem;color:var(--brown-soft);max-width:34em}
.eyebrow{font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.9rem}
.eyebrow--light{color:var(--if-ice)}

/* Botones */
.btn{display:inline-block;background:var(--red);color:var(--white);text-decoration:none;font-weight:700;padding:.9em 1.6em;border-radius:999px;border:2px solid var(--red);transition:background .2s,transform .2s}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn--ghost:hover{background:var(--brown);color:var(--white);border-color:var(--brown)}
.btn--small{padding:.55em 1.2em}
.btn--big{font-size:1.15rem;padding:1em 2.2em}

/* Cabecera */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;gap:24px;height:72px}
.header__logo img{width:120px}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav a:not(.btn){text-decoration:none;font-weight:500}
.nav a:not(.btn):hover{color:var(--red)}
.nav .btn{color:var(--white)}
.header__tools{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:1.5px solid var(--brown);border-radius:999px;overflow:hidden}
.lang button{background:none;border:0;font:inherit;font-weight:700;font-size:.8rem;padding:.35em .75em;cursor:pointer;color:var(--brown)}
.lang button[aria-pressed="true"]{background:var(--brown);color:var(--white)}
.menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:8px}
.menu-btn span{display:block;height:2.5px;background:var(--brown);border-radius:2px;transition:.25s}

/* Parte 1 · Froozz */
.froozz{background:var(--white);min-height:calc(100vh - 72px);display:flex;align-items:center;padding:70px 0}
.froozz__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.froozz__logo{margin:0}
.froozz__logo img{width:min(640px,86vw)}
.froozz__tagline{font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.9rem);margin-top:.6em}
.froozz__text p:first-child{font-size:1.3rem;font-weight:700;color:var(--brown)}
.froozz__text{max-width:min(1100px,100%);margin-top:1.8rem;color:var(--brown-soft);font-size:clamp(1.05rem,1.05vw + .5rem,1.25rem)}
.froozz__text p:first-child{font-size:clamp(1.25rem,1.3vw + .6rem,1.6rem)}
.scroll-cue{display:inline-flex;align-items:center;gap:8px;margin-top:2.6rem;font-weight:700;color:var(--red);text-decoration:none}
.scroll-cue svg{animation:bob 2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* Transición Froozz → itFruit */
.bridge{position:relative;background:var(--red);color:var(--white);padding:70px 0 0}
.bridge__inner{display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:40px;text-align:center}
.bridge__inner img{width:150px}
.bridge__line{width:2px;height:46px;background:rgba(255,255,255,.6)}
.bridge__label{font-family:var(--font-head);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
.bridge__wave{display:block;width:100%;height:90px;margin-bottom:-1px}
.bridge__wave path{fill:var(--white)}

/* Parte 2 · itFruit */
.brand{padding:40px 0 100px;background:var(--white);color:var(--if-brown)}
.palette{display:flex;gap:8px;margin:-.4rem 0 1.6rem}
.palette i{width:16px;height:16px;border-radius:50%;display:block}
.palette i:nth-child(1){background:var(--if-rose)}
.palette i:nth-child(2){background:var(--if-red)}
.palette i:nth-child(3){background:var(--if-yellow)}
.palette i:nth-child(4){background:var(--if-orange)}
.palette i:nth-child(5){background:var(--if-green)}
.palette i:nth-child(6){background:var(--if-blue)}
.palette i:nth-child(7){background:var(--if-petrol)}
.palette i:nth-child(8){background:var(--if-burgundy)}
.brand__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.brand__logo{width:260px;margin-bottom:1.6rem}
.brand__text p{color:#5a4644}
/* Envases: el doypack es ~1,45 veces más alto que el paper cup */
.brand__visual{--cup:clamp(110px,11.5vw,170px);--doy:calc(var(--cup) * 1.45);display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;position:relative}
.brand__visual::after{content:"";position:absolute;left:8%;right:8%;bottom:16px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,38,37,.18),transparent);z-index:0}
.bv{position:relative;width:auto;filter:drop-shadow(0 18px 22px rgba(59,38,37,.22));z-index:1}
.bv--cup{height:var(--cup);z-index:2}
.bv--doy{height:var(--doy)}
.bv--1{transform:rotate(-6deg);margin-right:calc(var(--cup) * -.2)}
.bv--2{margin-right:calc(var(--cup) * -.12);animation:float 6s ease-in-out infinite}
.bv--3{transform:rotate(5deg);margin-right:calc(var(--cup) * -.2)}
.bv--4{animation:float 6s ease-in-out infinite;animation-delay:-3s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Franja */
.strip{background:var(--if-brown);color:var(--white)}
.strip__inner div:nth-child(1) strong{color:var(--if-rose)}
.strip__inner div:nth-child(2) strong{color:var(--if-yellow)}
.strip__inner div:nth-child(3) strong{color:var(--if-lime)}
.strip__inner div:nth-child(4) strong{color:var(--if-ice)}
.strip__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:56px;padding-bottom:56px}
.strip__inner div{display:flex;flex-direction:column;align-items:center;text-align:center}
.strip__icon{width:64px;height:64px;margin-bottom:14px;color:var(--c,#fff)}
.strip__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.strip__inner div:nth-child(1){--c:var(--if-rose)}.strip__inner div:nth-child(2){--c:var(--if-yellow)}.strip__inner div:nth-child(3){--c:var(--if-lime)}.strip__inner div:nth-child(4){--c:var(--if-ice)}
.strip strong{font-family:var(--font-head);font-size:1.7rem;line-height:1.15}
.strip .strip__desc{opacity:.88;font-size:1.02rem;margin-top:4px}

/* Productos */
.products{padding:100px 0}
.products .eyebrow{color:var(--if-green)}
.section-head{text-align:center;max-width:680px;margin:0 auto 40px}
.product{--accent:var(--red);display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;background:var(--white);border-radius:var(--radius);padding:48px 56px;margin-top:32px;border-left:8px solid var(--accent)}
/* Piezas "volando" por el fondo de la sección de productos */
.products{position:relative;overflow:hidden;background:var(--white)}
.products>.wrap{position:relative;z-index:1}
.flyers{position:absolute;inset:0;z-index:0;pointer-events:none}
.fly{position:absolute;filter:drop-shadow(0 22px 18px rgba(59,38,37,.22));animation:fly 7s ease-in-out infinite;will-change:transform}
.fly--r1{width:120px;top:13%;left:1.5%;--r:-18deg;animation-delay:-1s}
.fly--r2{width:84px;top:29%;right:2%;--r:24deg;animation-duration:8s;animation-delay:-3s}
.fly--r3{width:62px;top:3.5%;left:22%;--r:-40deg;animation-duration:6s;animation-delay:-2s}
.fly--s1{width:126px;top:43%;right:1.5%;--r:16deg;animation-duration:7.5s;animation-delay:-4s}
.fly--s2{width:88px;top:57%;left:2.5%;--r:-26deg;animation-delay:-2.5s}
.fly--s3{width:60px;top:4%;right:21%;--r:34deg;animation-duration:6.5s}
.fly--b1{width:122px;top:71%;left:1%;--r:-12deg;animation-duration:8.5s;animation-delay:-5s}
.fly--b2{width:92px;top:85%;right:2.5%;--r:28deg;animation-delay:-1.5s}
.fly--b3{width:64px;top:96%;left:30%;--r:-30deg;animation-duration:6s;animation-delay:-3.5s}
@keyframes fly{0%,100%{transform:translate(0,0) rotate(var(--r))}50%{transform:translate(8px,-18px) rotate(calc(var(--r) + 12deg))}}
@media (prefers-reduced-motion:reduce){.fly{animation:none;transform:rotate(var(--r))}}
@media (max-width:1300px){.fly--r1,.fly--s1,.fly--b1{width:90px}.fly--r2,.fly--s2,.fly--b2{width:70px}}
@media (max-width:760px){.fly--r3,.fly--s3{display:none}.fly{width:52px !important}.fly--r1,.fly--s2,.fly--b1{left:-14px}.fly--r2,.fly--s1,.fly--b2{right:-14px}}

/* Cajas de producto a color */
.product{--soft:rgba(255,255,255,.45);--ink:var(--if-brown);--sub:var(--if-brown);background:var(--box);color:var(--ink);border:0 !important}
.product--raspberry{--box:var(--if-pink);--accent:var(--if-burgundy);--sub:var(--if-burgundy)}
.product--strawberry{--box:var(--if-red);--accent:var(--white);--ink:var(--white);--sub:var(--white);--soft:rgba(255,255,255,.18)}
.product--banana{--box:var(--if-yellow);--accent:var(--if-brown);--soft:rgba(255,255,255,.4)}
.product .product__choc{color:var(--sub)}
.product .product__info>p:not(.product__choc){color:var(--ink);opacity:.85}
.product--raspberry .badge{background:var(--if-burgundy);color:var(--white)}
.product .product__tags li{background:rgba(255,255,255,.7);color:var(--if-brown)}
.product--reverse{grid-template-columns:.95fr 1.05fr}
.product--reverse .product__pack{order:2}
.product--reverse{border-left:0;border-right:8px solid var(--accent)}
.product__pack{background:var(--soft);border-radius:200px;display:flex;align-items:flex-end;justify-content:center;gap:4%;padding:36px 6% 26px}
.pack{display:flex;flex-direction:column;align-items:center;margin:0}
.pack img{filter:drop-shadow(0 20px 24px rgba(59,38,37,.2));transition:transform .4s;height:auto}
.product__pack{--cup:clamp(140px,14vw,200px)}
.pack img{width:auto !important}
.pack--tub img{height:var(--cup)}
.pack--doy img{height:calc(var(--cup) * 1.45)}
.pack figcaption{margin-top:12px;font-size:.88rem;font-weight:500;background:rgba(255,255,255,.85);color:var(--if-brown);padding:.3em .9em;border-radius:999px;white-space:nowrap}
.pack figcaption strong{font-weight:800}
.product:hover .pack--tub img{transform:rotate(-4deg) scale(1.03)}
.product:hover .pack--doy img{transform:rotate(4deg) scale(1.03)}
.product h3{font-size:clamp(1.9rem,3vw,2.5rem)}
.product__choc{font-weight:700;color:var(--accent);margin:.3em 0 1em}
.product__info>p:not(.product__choc){color:var(--brown-soft)}
.badge{display:inline-block;background:var(--accent);color:var(--white);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.35em .9em;border-radius:999px;margin-bottom:.9rem}
.product__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:1.2rem}
.product__tags li{font-size:.85rem;font-weight:700;color:var(--if-brown);background:var(--soft);border:0;padding:.3em .85em;border-radius:999px}
.product__pack{width:100%;max-width:500px;justify-self:center}
.pack img{width:100%}
.product__detail{margin-top:1.4rem;width:100%;max-width:440px;height:180px;object-fit:contain;object-position:left center}

/* Por qué Froozz (corporativo) */
.why-bridge{background:var(--white)}
.why-bridge svg{display:block;width:100%;height:80px}
.why-bridge path{fill:var(--sb-night)}
.why{background:var(--white);color:var(--brown);padding:60px 0 100px}
.why .eyebrow{color:var(--red)}
.why__lead{color:var(--brown-soft);font-size:1.1rem}
.why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.why__card{background:#fbf6f4;border:1px solid #f1e3de;border-radius:var(--radius);padding:30px 26px;display:flex;flex-direction:column;gap:10px}
.why__icon{width:58px;height:58px;border-radius:50%;background:var(--red);color:var(--white);display:grid;place-items:center;margin-bottom:6px}
.why__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.why__card h3{font-size:1.3rem;line-height:1.15}
.why__card p{color:var(--brown-soft);font-size:.98rem}
.why__certs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.why__certs li{font-size:.8rem;font-weight:700;color:var(--brown);background:var(--white);border:1.5px solid var(--brown);padding:.25em .75em;border-radius:999px}
.contact{border-top:1px solid var(--line)}

/* Contacto */
.contact{padding:100px 0 110px;text-align:center;background:var(--white)}
.contact__inner{display:flex;flex-direction:column;align-items:center}
.contact h2{max-width:20em}
.contact .lead{margin-bottom:2rem}
.contact__mail{margin-top:1.2rem;font-weight:500}
.contact__mail a{color:var(--brown-soft)}

/* Pie */
.footer{background:var(--red);color:var(--white);padding:36px 0;font-size:.92rem}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer img{width:100px}
.footer a{color:var(--white)}

/* Animación de entrada */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bv,.scroll-cue svg{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}


/* ===== Puente hacia marcas: logos ===== */
.bridge__brands{display:flex;gap:16px;margin-top:8px}
.bridge__brands a{background:var(--white);border-radius:999px;padding:10px 22px;display:grid;place-items:center;height:64px;transition:transform .2s}
.bridge__brands a:hover{transform:translateY(-3px)}
.bridge__brands img{height:42px;width:auto}
.bridge__brands a:last-child{padding:4px 10px}
.bridge__brands a:last-child img{height:56px}

/* ===== SORBITES ===== */
.sb-bridge{background:var(--sb-night)}
.sb-bridge svg{display:block;width:100%;height:80px}
.sb-bridge path{fill:var(--white)}
.sb{background:radial-gradient(120% 90% at 85% 40%,#4a1650 0%,var(--sb-night) 70%);color:var(--white);padding:30px 0 100px;overflow:hidden}
.sb__inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.sb__logo{width:230px;margin-bottom:1.2rem;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.sb h2{font-family:var(--font-fun);font-weight:400;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;letter-spacing:0;background:linear-gradient(90deg,var(--sb-orange),#ffd08a 45%,#f39bc2);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.sb__text p{color:rgba(255,255,255,.82);max-width:34em}
.sb__cta{display:inline-block;margin-top:1.6rem;font-family:var(--font-fun);font-size:1.25rem;color:var(--sb-night);background:var(--sb-orange);padding:.6em 1.3em;border-radius:999px;text-decoration:none;transform:rotate(-2deg);box-shadow:0 10px 24px -8px rgba(240,162,58,.6);transition:transform .2s}
.sb__cta:hover{transform:rotate(0) scale(1.04)}
.sb__badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}
.sb__badges li{background:var(--white);border-radius:14px;padding:8px 12px;display:grid;place-items:center}
.sb__badges img{height:40px;width:auto}
.sb__visual{position:relative;height:520px}
.sbp{position:absolute;bottom:0;width:auto;height:84%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45))}
.sbp--1{left:2%;transform:rotate(-10deg);bottom:4%;height:74%}
.sbp--3{right:2%;transform:rotate(10deg);bottom:4%;height:74%}
.sbp--2{left:50%;transform:translateX(-50%);z-index:2;animation:sbfloat 6s ease-in-out infinite}
@keyframes sbfloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-14px)}}
.sbv{position:absolute;width:auto;z-index:3;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35));animation:fly 7s ease-in-out infinite}
.sbv--mango-f{height:120px;top:2%;left:4%;--r:-14deg}
.sbv--mora{height:80px;top:6%;right:8%;--r:18deg;animation-delay:-2s}
.sbv--melo{height:84px;bottom:2%;left:-2%;--r:10deg;animation-delay:-4s}
.sbv--arandano{height:66px;bottom:10%;right:0;--r:-20deg;animation-delay:-1s}

.sb-flavors{background:var(--sb-night);color:var(--white);padding:20px 0 110px}
.sb-flavors .eyebrow{color:var(--sb-orange)}
.sb-flavors h2{font-family:var(--font-fun);font-weight:400;letter-spacing:0}
.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sf{--g1:var(--sb-orange);--g2:var(--sb-purple);position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(170deg,var(--g1) 0%,var(--g2) 78%);display:flex;flex-direction:column}
.sf--mango{--g1:#f3ac3e;--g2:#5b1a5e}
.sf--bosque{--g1:#a8416f;--g2:#42152a}
.sf--melocoton{--g1:#e8995a;--g2:#5a1a08}
.sf__stage{position:relative;height:380px;display:grid;place-items:end center;padding-bottom:10px}
.sf__pack{height:320px;width:auto;position:relative;z-index:2;filter:drop-shadow(0 22px 22px rgba(0,0,0,.4));transition:transform .4s}
.sf:hover .sf__pack{transform:translateY(-8px) rotate(-3deg)}
.sf__fruits{position:absolute;inset:0;z-index:1}
.sf__fruit{position:absolute;width:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3));animation:fly 7s ease-in-out infinite}
.sf__fruit--1{height:96px;left:6%;top:16%;--r:-12deg}
.sf__fruit--2{height:84px;right:5%;bottom:14%;--r:14deg;animation-delay:-3s}
.sf__fruit--3{height:70px;left:10%;bottom:10%;--r:-8deg;animation-delay:-5s}
.sf__body{padding:6px 26px 28px;position:relative;z-index:2}
.sf h3{font-family:var(--font-fun);font-weight:400;font-size:1.55rem;line-height:1.1;letter-spacing:0;margin-bottom:.6em;min-height:2.2em}
.sf__facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.sf__facts li{background:rgba(255,255,255,.92);color:var(--sb-night);font-size:.86rem;font-weight:500;padding:.3em .9em;border-radius:999px}
.sf__facts strong{font-weight:800}
.sf__eatme{position:absolute;top:14px;right:12px;width:116px;z-index:3;transform:rotate(8deg)}
/* Perlas de sorbete flotando */
.sf__pearl{position:absolute;z-index:3;width:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));animation:fly 6s ease-in-out infinite}
.sf__pearl--1{height:58px;left:22%;bottom:14px;--r:0deg;animation-delay:-1s}
.sf__pearl--2{height:44px;right:24%;bottom:40px;--r:0deg;animation-delay:-3s}
.sf__pearl--3{height:36px;left:30%;top:22%;z-index:1;--r:0deg;animation-delay:-4.5s;opacity:.95}
.sbv--p1{height:64px;top:30%;left:14%;--r:0deg;animation-delay:-2.5s}
.sbv--p2{height:50px;top:18%;right:28%;--r:0deg;animation-delay:-5s}
.sbv--p3{height:56px;bottom:22%;right:12%;--r:0deg;animation-delay:-1.5s;z-index:3}
.sb-flavors{position:relative;overflow:hidden}
.sb-flavors>.wrap{position:relative;z-index:1}
.sbflyers{position:absolute;inset:0;z-index:0;pointer-events:none}
.sbfly{position:absolute;width:auto;filter:drop-shadow(0 16px 16px rgba(0,0,0,.4));animation:fly 7s ease-in-out infinite;--r:0deg}
.sbfly--1{height:70px;top:6%;left:3%;animation-delay:-1s}
.sbfly--2{height:42px;top:2%;left:24%;animation-duration:6s}
.sbfly--3{height:60px;top:8%;right:4%;animation-delay:-3s}
.sbfly--4{height:38px;top:3%;right:24%;animation-delay:-2s}
.sbfly--5{height:66px;top:48%;left:1.5%;animation-delay:-4s}
.sbfly--6{height:54px;top:56%;right:1.5%;animation-delay:-5s}
.sbfly--7{height:44px;bottom:4%;left:18%;animation-delay:-2.5s}
.sbfly--8{height:50px;bottom:6%;left:50%;animation-delay:-3.5s}
.sbfly--9{height:40px;bottom:3%;right:16%;animation-delay:-1.5s}
@media (max-width:1300px){.sbfly--5,.sbfly--6{height:44px}}
@media (max-width:760px){.sbfly{height:36px !important}.sbfly--2,.sbfly--4,.sbfly--8{display:none}.sbfly--5{left:-10px}.sbfly--6{right:-10px}.sbv--p1,.sbv--p2,.sbv--p3{height:40px}}
@media (prefers-reduced-motion:reduce){.sbp--2,.sbv,.sf__fruit,.sf__pearl,.sbfly{animation:none}}
@media (max-width:980px){
  .sb__inner{grid-template-columns:1fr;text-align:center}
  .sb__logo{margin:0 auto 1.2rem}
  .sb__text p{margin-left:auto;margin-right:auto}
  .sb__badges{justify-content:center}
  .sb__visual{height:420px;max-width:520px;width:100%;margin:0 auto}
  .sf-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
}
@media (max-width:760px){
  .bridge__brands a{height:52px;padding:8px 16px}
  .bridge__brands img{height:32px}
  .sb-bridge svg{height:44px}
  .sb{padding:20px 0 70px}
  .sb__visual{height:340px}
  .sbv--mango-f{height:80px}.sbv--mora{height:56px}.sbv--melo{height:60px}.sbv--arandano{height:48px}
  .sb__badges img{height:32px}
  .sf__stage{height:340px}.sf__pack{height:280px}
  .sb-flavors{padding-bottom:70px}
  .why__grid{grid-template-columns:1fr}
  .why-bridge svg{height:44px}
}


/* ===== SMÜ ===== */
.bridge__brands a:nth-child(3) img{height:30px}
.smu-bridge{background:var(--smu-bg)}
.smu-bridge svg{display:block;width:100%;height:80px}
.smu-bridge path{fill:var(--sb-night)}
.smu{background:var(--smu-bg);color:var(--brown);padding:40px 0 90px}
.smu__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.smu__logo{width:260px}
.smu__slogan{font-family:var(--font-smu);font-weight:600;color:var(--smu-green);font-size:1rem;letter-spacing:.02em;margin:.5rem 0 1.4rem}
.smu h2{font-family:var(--font-smu);font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.smu__text p:not(.smu__slogan){color:var(--brown-soft);max-width:34em}
.smu__cta{display:inline-block;margin-top:1.6rem;font-family:var(--font-smu);font-weight:800;font-size:1rem;color:var(--white);background:var(--smu-green);padding:.9em 1.5em;border-radius:999px;text-decoration:none;transition:transform .2s,background .2s}
.smu__cta:hover{transform:translateY(-2px);background:#008d5d}
.smu__visual{border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,80,50,.45);max-width:460px;justify-self:center;transform:rotate(1.5deg)}
.smu__visual img{width:100%}

.smu-range{background:var(--smu-bg);padding:30px 0 90px}
.smu-range .eyebrow,.smu-machine .eyebrow{color:var(--smu-green)}
.smu-range h2,.smu-machine h2{font-family:var(--font-smu);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.4rem)}
.smu-line{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;background:var(--white);border-radius:32px;padding:36px 40px;margin-top:28px}
.smu-line__head{display:flex;flex-direction:column;gap:10px}
.smu-line__head img{width:130px}
.smu-line__head p{color:var(--brown-soft);font-size:.98rem}
.smu-cups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}
.smu-cup{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.smu-cup img{height:260px;width:auto;filter:drop-shadow(0 18px 18px rgba(0,60,40,.18));transition:transform .35s;animation:smufloat 6s ease-in-out infinite}
@keyframes smufloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.smu-cup:nth-child(2) img{animation-delay:-2.3s}
.smu-cup:nth-child(3) img{animation-delay:-4.6s}
.smu-cup__btn{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;border-radius:20px;padding:6px 0 10px}
.smu-cup__btn:focus-visible{outline:3px solid var(--smu-green);outline-offset:4px}
.smu-cup__btn:hover img{transform:translateY(-6px) scale(1.03)}
.smu-cup figcaption{font-size:.86rem;font-weight:700;text-align:center;color:var(--white);background:var(--c);padding:.4em 1em;border-radius:999px;line-height:1.25;width:100%;max-width:220px;min-height:3.2em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.smu-cup__hint{font-size:.8rem;font-weight:700;color:var(--smu-green);text-decoration:underline;text-underline-offset:3px}
.smu-modal[hidden]{display:none}
.smu-modal{position:fixed;inset:0;z-index:100;background:rgba(20,40,30,.6);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
.smu-modal__box{position:relative;background:var(--white);border-radius:24px;padding:24px;max-height:92vh;display:flex}
.smu-modal__box img{max-height:calc(92vh - 48px);width:auto;max-width:min(360px,80vw);object-fit:contain}
.smu-modal__close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--smu-green);color:var(--white);font-size:1.6rem;line-height:1;cursor:pointer}
.smu-cup--or{--c:var(--smu-orange)}.smu-cup--gr{--c:var(--smu-mint)}.smu-cup--rd{--c:var(--smu-red)}
.smu-cup--co{--c:var(--smu-coral)}.smu-cup--ye{--c:var(--smu-yellow)}.smu-cup--pu{--c:var(--smu-purple)}
.smu-cup--ye figcaption,.smu-cup--or figcaption{color:#4a2a00}

.smu-machine{background:var(--white);padding:90px 0 60px}
.smu-m{display:grid;grid-template-columns:1fr 300px 1fr;gap:40px;align-items:center}
.smu-m__img img{width:100%;mix-blend-mode:multiply}
.smu-m__feats{list-style:none;display:grid;gap:34px}
.smu-f{display:flex;gap:16px;align-items:flex-start}
.smu-f--l{flex-direction:row-reverse;text-align:right}
.smu-f strong{display:block;font-family:var(--font-smu);font-weight:800;font-size:1.05rem;color:var(--smu-green);letter-spacing:-.01em;margin-bottom:2px}
.smu-f span:not(.smu-ic){color:var(--brown-soft);font-size:.95rem}
.smu-ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--smu-green);color:var(--white);display:grid;place-items:center}
.smu-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.smu-ic--lg{width:72px;height:72px}
.smu-ic--lg svg{width:40px;height:40px}
.smu-k{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:56px auto 0}
.smu-k__box{display:flex;align-items:center;gap:20px;background:var(--smu-bg);border:2px solid #cdeedd;border-radius:24px;padding:26px 28px}
.smu-k__box strong{display:block;font-family:var(--font-smu);font-weight:800;font-size:1.5rem;color:var(--smu-green);letter-spacing:-.02em}
.smu-k__box span:not(.smu-ic){color:var(--brown-soft)}
.why-bridge{display:none}
.smu-machine+section,.smu-machine~.why{border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){.smu-cup img{animation:none}}
@media (max-width:980px){
  .smu__inner{grid-template-columns:1fr;text-align:center}
  .smu__logo{margin:0 auto}
  .smu__text p:not(.smu__slogan){margin-left:auto;margin-right:auto}
  .smu-line{grid-template-columns:1fr;text-align:center;padding:30px 20px}
  .smu-line__head{align-items:center}
  .smu-m{grid-template-columns:1fr 200px 1fr;gap:24px}
  .smu-f{flex-direction:column;align-items:center;text-align:center}
  .smu-f--l{flex-direction:column;text-align:center}
}
@media (max-width:760px){
  .smu-bridge svg{height:44px}
  .smu-cups{grid-template-columns:repeat(3,1fr);gap:8px}
  .smu-cup img{height:150px}
  .smu-cup figcaption{font-size:.72rem;padding:.4em .6em}
  .smu-m{grid-template-columns:1fr 1fr;gap:28px 16px}
  .smu-m__img{grid-column:1/-1;max-width:190px;margin:0 auto;order:-1}
  .smu-m__feats{gap:24px}
  .smu-f strong{font-size:.92rem}
  .smu-f span:not(.smu-ic){font-size:.85rem}
  .smu-k{grid-template-columns:1fr;margin-top:36px}
  .smu-k__box{padding:20px}
  .smu-k__box strong{font-size:1.25rem}
  .smu-line__head img{width:110px}
  .smu-cup__hint{font-size:.7rem}
  .smu-cup figcaption{min-height:4.2em}
  .smu-machine{padding:60px 0 40px}
}

/* ===== Responsive ===== */
@media (max-width:980px){
  .brand__inner{grid-template-columns:1fr;gap:30px;text-align:center}
  .brand__logo{margin:0 auto 1.4rem}
  .brand__visual{--cup:clamp(90px,22vw,170px);width:100%;margin:0 auto}
  .product,.product--reverse{grid-template-columns:1fr;gap:28px;padding:36px 28px;border-left:0;border-right:0;border-top:8px solid var(--accent);text-align:center}
  .product--reverse .product__pack{order:0}
  .product__pack{max-width:420px;width:100%;margin:0 auto;border-radius:40px;--cup:min(150px,34vw)}
  .product__tags{justify-content:center}
  .product__detail{margin:1.4rem auto 0;object-position:center}
  .product--reverse{grid-template-columns:1fr}
  .strip__inner{grid-template-columns:repeat(2,1fr)}
  .why__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .menu-btn{display:flex}
  .nav{position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--white);border-bottom:1px solid var(--line);padding:10px 18px 22px;box-shadow:0 20px 30px -20px rgba(59,38,37,.25);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}
  .nav.is-open{opacity:1;visibility:visible;transform:none}
  .nav a:not(.btn){padding:14px 0;width:100%;border-bottom:1px solid var(--line);text-align:center}
  .nav .btn{margin-top:16px}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .header__tools{margin-left:auto}
  .froozz{min-height:0;padding:70px 0 60px}
  .bridge{padding-top:50px}
  .bridge__wave{height:50px}
  .palette{justify-content:center}
  .brand__visual{--cup:23vw}
  .product,.product--reverse{padding:30px 20px}
  .brand,.products,.why,.contact{padding:70px 0}
  .strip__inner{gap:30px 16px;padding-top:44px;padding-bottom:44px}
  .strip__icon{width:50px;height:50px}
  .strip strong{font-size:1.3rem}
  .strip .strip__desc{font-size:.92rem}
  .footer__inner{flex-direction:column;text-align:center}
}

@media (max-width:600px){.why__grid{grid-template-columns:1fr}}

/* ===== Menú desplegable de marcas ===== */
.dd{position:relative}
.dd__btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500}
.dd__btn:hover,.dd__btn[aria-expanded="true"]{color:var(--red)}
.dd__btn:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:4px}
.dd__btn svg{width:11px;height:8px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.dd__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd__menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,-6px);min-width:230px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #e7eef2;border-radius:18px;box-shadow:0 24px 40px -18px rgba(30,60,80,.3);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.dd.is-open .dd__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (hover:hover) and (min-width:761px){.dd:hover .dd__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}}
.dd__menu a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:700}
.dd__menu a:hover{background:#f1f7fa;color:var(--brown)}
.dd__menu img{width:64px;height:36px;object-fit:contain}
@media (max-width:760px){
  .dd{width:100%;border-bottom:1px solid var(--line)}
  .dd__btn{width:100%;justify-content:center;padding:14px 0}
  .dd__menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;background:transparent;backdrop-filter:none;padding:0 0 10px;display:none}
  .dd.is-open .dd__menu{display:grid;transform:none}
  .dd__menu a{justify-content:center;border-bottom:0 !important;padding:8px !important}
}

/* ===== Fila de envases bajo Froozz ===== */
.lineup{display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,2.4vw,34px);margin-top:3rem;width:min(1360px,96vw);--h:clamp(70px,7.6vw,118px);position:relative;padding-bottom:14px}
.lineup::after{content:"";position:absolute;left:4%;right:4%;bottom:4px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,38,37,.16),transparent)}
.lineup__g{display:flex;align-items:flex-end;text-decoration:none;position:relative;z-index:1;transition:transform .3s}
.lineup__g:hover{transform:translateY(-6px)}
.lu{width:auto;filter:drop-shadow(0 12px 12px rgba(59,38,37,.2));margin-left:calc(var(--h) * -.14)}
.lu:first-child{margin-left:0}
.lu--cup{height:var(--h);position:relative;z-index:2}
.lu--doy{height:calc(var(--h) * 1.45)}
.lu--sb{height:calc(var(--h) * 1.32)}
.lu--smu{height:calc(var(--h) * 1.3);margin-left:calc(var(--h) * -.1)}
.froozz{min-height:0}
@media (max-width:980px){
  .lineup{flex-wrap:wrap;--h:clamp(54px,11vw,90px);row-gap:26px;width:100%}
  .froozz__text{width:100%}
  .lineup::after{display:none}
}

/* ===== Efecto congelado (sutil) ===== */
.frost{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}
.froozz{position:relative;overflow:hidden;background:
  radial-gradient(60% 40% at 0% 0%,rgba(204,236,248,.55),transparent 70%),
  radial-gradient(50% 35% at 100% 0%,rgba(204,236,248,.45),transparent 70%),
  radial-gradient(70% 30% at 50% 100%,rgba(225,243,250,.5),transparent 70%),var(--white)}
.froozz::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .75 0 0 0 0 .9 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:radial-gradient(120% 80% at 50% 50%,transparent 45%,#000 100%);-webkit-mask-image:radial-gradient(120% 80% at 50% 50%,transparent 45%,#000 100%)}
.froozz__inner{position:relative;z-index:1}
.header{background:rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:rgba(190,225,240,.6)}
.product,.sf,.smu-line,.why__card,.smu-k__box{position:relative}
.product::after,.sf::after,.smu-line::after,.why__card::after,.smu-k__box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(200,235,250,.35),inset 0 18px 30px -24px rgba(220,245,255,.9)}
.sf::after{z-index:4}
.frost-shine{position:relative;overflow:hidden}
@media (prefers-reduced-motion:reduce){.frost{display:none}}
.dd__menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}

/* SMÜ en móvil: cada smoothie en fila (vaso a la izquierda, nombre a la derecha) */
@media (max-width:600px){
  .smu-line{padding:24px 16px}
  .smu-cups{grid-template-columns:1fr;gap:10px}
  .smu-cup__btn{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:6px;align-items:center;text-align:left;padding:10px 12px;background:var(--smu-bg);border-radius:18px;box-sizing:border-box}
  .smu-cup__btn img{grid-row:1/3;height:110px;justify-self:center;animation:none}
  .smu-cup__btn:hover img{transform:none}
  .smu-cup figcaption{background:none;color:var(--brown);padding:0;min-height:0;max-width:none;width:auto;display:block;font-size:.98rem;line-height:1.3;text-align:left;border-radius:0;align-self:end;position:relative;padding-left:16px}
  .smu-cup figcaption::before{content:"";position:absolute;left:0;top:.35em;width:9px;height:9px;border-radius:50%;background:var(--c)}
  .smu-cup--ye figcaption,.smu-cup--or figcaption{color:var(--brown)}
  .smu-cup__hint{font-size:.82rem;justify-self:start;align-self:start;padding-left:16px}
}

.bridge__hint{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.9);margin:-4px 0 2px}
.bridge__hint svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:bob 2s ease-in-out infinite}

/* ===== Contacto en dos partes ===== */
.contact__eyebrow{text-align:center;margin-bottom:28px}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.contact__card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fbf6f4;border:1px solid #f1e3de;border-radius:28px;padding:44px 36px;min-width:0}
.contact__card h2{font-size:clamp(1.5rem,2.4vw,2.1rem);max-width:16em}
.contact__card .lead{margin-bottom:1.6rem}
.contact__ic{width:64px;height:64px;border-radius:50%;background:var(--red);color:var(--white);display:grid;place-items:center;margin-bottom:18px}
.contact__ic svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.contact__card--jobs .contact__ic{background:var(--brown)}
.contact__card--jobs #jobsMail{background:var(--brown);border-color:var(--brown);cursor:pointer;font:inherit;font-weight:700;font-size:1.15rem}
.contact__card--jobs #jobsMail:hover{background:#2a1a19}
.jobs{width:100%;margin-top:26px;padding-top:24px;border-top:1px solid #ecdcd6;display:grid;gap:16px;text-align:left}
.jobs[hidden]{display:none}
.jobs__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jobs label{display:grid;gap:6px;font-size:.88rem;font-weight:700;color:var(--brown)}
.jobs input[type=text]{font:inherit;font-weight:400;font-size:1rem;padding:.75em .9em;border:1.5px solid #e3d3cd;border-radius:12px;background:var(--white);color:var(--brown);min-width:0}
.jobs input[type=text]:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,58,38,.15)}
.jobs__file input{position:absolute;width:1px;height:1px;opacity:0}
.jobs__drop{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border:1.5px dashed #d9c3bb;border-radius:12px;background:var(--white);font-weight:400;color:var(--brown-soft);cursor:pointer;min-width:0;overflow-wrap:anywhere}
.jobs__drop strong{background:var(--brown);color:var(--white);padding:.35em .9em;border-radius:999px;font-size:.85rem}
.jobs__file:focus-within .jobs__drop{border-color:var(--red)}
.jobs__msg{font-size:.92rem;min-height:1.2em}
.jobs__msg.is-err{color:#b3261e}
.jobs__msg.is-ok{color:#1d7a46;font-weight:700}
.jobs .btn{justify-self:start;cursor:pointer;font:inherit;font-weight:700}
@media (max-width:860px){.contact__grid{grid-template-columns:1fr}}
@media (max-width:480px){.contact__card{padding:32px 20px}.jobs__row{grid-template-columns:1fr}.jobs .btn{justify-self:stretch;text-align:center}}
/* Contacto: mismas alturas y elementos alineados entre las dos tarjetas */
@media (min-width:861px){
  .contact__grid{align-items:stretch;grid-template-rows:repeat(6,auto)}
  .contact__card{display:grid;grid-row:span 6;grid-template-rows:subgrid;justify-items:center;align-content:start;row-gap:0}
  .contact__card .contact__ic{align-self:start}
  .contact__card h2{align-self:center;margin-bottom:.4em}
  .contact__card .lead{align-self:start;margin:0 0 1.6rem}
  .contact__card .btn{align-self:start}
  .contact__card .contact__mail{align-self:start;margin-top:1.2rem}
  .contact__card .jobs{justify-self:stretch}
}

/* Logos institucionales */
.funding{background:var(--white);border-top:1px solid var(--line);padding-block:28px}

@media (max-width:600px){.funding{padding-block:20px}}

.funding__inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:center;max-width:1180px;margin:0 auto}

.funding__inner p{font-size:.8rem;line-height:1.5;color:var(--brown-soft);border-left:1px solid var(--line);padding-left:24px;margin:0}
@media (max-width:860px){.funding__inner{grid-template-columns:1fr;gap:16px}.funding__inner p{border-left:0;padding-left:0;text-align:center}}

/* Logos institucionales: emblema UE a la misma altura que el logo mayor (GVA), sin nieve encima */
.funding{position:relative;z-index:45;background:var(--white);--lh:68px}
.funding__inner{grid-template-columns:auto minmax(0,1fr);gap:40px}
.funding__logos{display:flex;align-items:center;gap:36px;flex-wrap:wrap;padding:12px}
.funding__pair{display:flex;align-items:center;gap:36px;padding-right:36px;border-right:2px solid #d4102c}
.funding .fl-gva{display:block;height:var(--lh);width:auto;max-width:none}
.funding .fl-ivf{display:block;height:calc(var(--lh) * .75);width:auto;max-width:none}
.funding__eu{display:flex;align-items:center;gap:14px}
.funding .fl-eu{display:block;height:var(--lh);width:auto;max-width:none}
.fl-eu__txt{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#003399;font-size:calc(var(--lh) * .27);line-height:1.2;white-space:nowrap}
@media (max-width:1240px){.funding__inner{grid-template-columns:1fr;gap:20px;justify-items:center}.funding__inner p{border-left:0;padding-left:0;text-align:center;max-width:62em}}
@media (max-width:860px){.funding{--lh:56px}}
@media (max-width:600px){
  .funding{--lh:44px}
  .funding__logos{flex-direction:column;gap:20px}
  .funding__pair{gap:22px;padding-right:0;border-right:0;padding-bottom:18px;border-bottom:2px solid #d4102c}
  .funding__inner p{font-size:.85rem}
}
@media (max-width:360px){.funding{--lh:38px}}
.funding .funding__inner{grid-template-columns:1fr;gap:22px;justify-items:center}
.funding .funding__inner p{border-left:0;padding-left:0;text-align:center;max-width:62em;font-size:.85rem}
.funding__logos{justify-content:center}
.funding .fl-eu__txt{font-size:max(14px,calc(var(--lh) * .27))}
/* Franja de logos más discreta (bandera UE sigue igual de alta que el logo GVA) */
.funding{--lh:44px;padding-block:18px}
.funding .funding__inner{gap:12px}
.funding__logos{gap:24px;padding:6px}
.funding__pair{gap:24px;padding-right:24px;border-right-width:1.5px}
.funding__eu{gap:10px}
.funding .fl-eu__txt{font-size:max(12px,calc(var(--lh) * .27))}
.funding .funding__inner p{font-size:.72rem;line-height:1.45;max-width:70em}
@media (max-width:860px){.funding{--lh:40px}}
@media (max-width:600px){
  .funding{--lh:34px;padding-block:16px}
  .funding__logos{gap:12px}
  .funding__pair{gap:16px;padding-bottom:12px;border-bottom-width:1.5px}
  .funding .funding__inner p{font-size:.75rem}
}
@media (max-width:360px){.funding{--lh:30px}}
/* Menos hueco entre "Por qué incorporar Froozz" y Contacto */
.why{padding-bottom:56px}
.contact{padding-top:48px}
.contact__eyebrow{margin-bottom:20px}
@media (max-width:760px){.why{padding-bottom:40px}.contact{padding-top:36px}}
/* Máquina SMÜ más compacta */
.smu-machine{padding:64px 0 48px}
.smu-machine .section-head{margin-bottom:28px}
.smu-machine h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}
.smu-m{grid-template-columns:1fr 210px 1fr;gap:32px;max-width:980px;margin:0 auto}
.smu-m__feats{gap:22px}
.smu-f{gap:12px}
.smu-f strong{font-size:.95rem}
.smu-f span:not(.smu-ic){font-size:.86rem;line-height:1.45}
.smu-m .smu-ic{width:42px;height:42px}
.smu-m .smu-ic svg{width:22px;height:22px}
.smu-k{margin-top:36px;max-width:760px;gap:16px}
.smu-k__box{padding:18px 22px;gap:16px}
.smu-ic--lg{width:56px;height:56px}
.smu-ic--lg svg{width:30px;height:30px}
.smu-k__box strong{font-size:1.2rem}
.smu-k__box span:not(.smu-ic){font-size:.92rem}
@media (max-width:980px){.smu-m{grid-template-columns:1fr 170px 1fr;gap:20px}}
@media (max-width:760px){.smu-m__img{max-width:150px}.smu-machine{padding:48px 0 36px}}
.smu-m .smu-f span:not(.smu-ic),.smu-k__box span:not(.smu-ic){line-height:1.45;display:block}

/* Escarcha intensa en la parte superior de la portada (de la cabecera hasta casi el logo) */
.froozz{padding-top:110px}
.frost-top{position:absolute;left:0;right:0;top:0;height:min(260px,34%);pointer-events:none;z-index:0}
.frost-top::before{content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27140%27%20height%3D%27140%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.95%27%20numOctaves%3D%272%27/%3E%3CfeColorMatrix%20values%3D%270%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%20.9%20-.35%27/%3E%3C/filter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27300%27%20height%3D%27300%27%3E%3Cfilter%20id%3D%27f%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.035%20.06%27%20numOctaves%3D%274%27%20seed%3D%273%27/%3E%3CfeColorMatrix%20values%3D%270%200%200%200%20.86%200%200%200%200%20.95%200%200%200%200%201%200%200%200%201.6%20-.55%27/%3E%3C/filter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23f%29%27/%3E%3C/svg%3E"),linear-gradient(180deg,#bfe5f5 0%,#d6effa 35%,rgba(232,247,253,.7) 70%,rgba(255,255,255,0) 100%);
  background-size:140px 140px,420px 420px,100% 100%;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%)}
.frost-top::after{content:"";position:absolute;left:0;right:0;top:0;height:64px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27600%27%20height%3D%2764%27%20viewBox%3D%270%200%20600%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23ffffff%27/%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23dff3fb%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23b9e2f3%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%27M0%200%20L13%200%20Q8.45%206.6000000000000005%206.5%2012%20Q4.55%206.6000000000000005%200%200Z%20M13%200%20L34%200%20Q26.65%2017.6%2023.5%2032%20Q20.35%2017.6%2013%200Z%20M38%200%20L46%200%20Q43.2%2013.200000000000001%2042.0%2024%20Q40.8%2013.200000000000001%2038%200Z%20M46%200%20L55%200%20Q51.85%208.8%2050.5%2016%20Q49.15%208.8%2046%200Z%20M56%200%20L65%200%20Q61.85%209.9%2060.5%2018%20Q59.15%209.9%2056%200Z%20M71%200%20L88%200%20Q82.05%206.050000000000001%2079.5%2011%20Q76.95%206.050000000000001%2071%200Z%20M92%200%20L109%200%20Q103.05%208.8%20100.5%2016%20Q97.95%208.8%2092%200Z%20M109%200%20L125%200%20Q119.4%2018.700000000000003%20117.0%2034%20Q114.6%2018.700000000000003%20109%200Z%20M128%200%20L138%200%20Q134.5%2018.150000000000002%20133.0%2033%20Q131.5%2018.150000000000002%20128%200Z%20M142%200%20L163%200%20Q155.65%2011.0%20152.5%2020%20Q149.35%2011.0%20142%200Z%20M167%200%20L184%200%20Q178.05%2020.900000000000002%20175.5%2038%20Q172.95%2020.900000000000002%20167%200Z%20M184%200%20L200%200%20Q194.4%2011.55%20192.0%2021%20Q189.6%2011.55%20184%200Z%20M204%200%20L215%200%20Q211.15%2033.0%20209.5%2060%20Q207.85%2033.0%20204%200Z%20M221%200%20L234%200%20Q229.45%2030.250000000000004%20227.5%2055%20Q225.55%2030.250000000000004%20221%200Z%20M236%200%20L247%200%20Q243.15%2012.100000000000001%20241.5%2022%20Q239.85%2012.100000000000001%20236%200Z%20M247%200%20L264%200%20Q258.05%2032.45%20255.5%2059%20Q252.95%2032.45%20247%200Z%20M266%200%20L285%200%20Q278.35%209.350000000000001%20275.5%2017%20Q272.65%209.350000000000001%20266%200Z%20M285%200%20L301%200%20Q295.4%2019.8%20293.0%2036%20Q290.6%2019.8%20285%200Z%20M302%200%20L324%200%20Q316.3%209.350000000000001%20313.0%2017%20Q309.7%209.350000000000001%20302%200Z%20M329%200%20L338%200%20Q334.85%2025.3%20333.5%2046%20Q332.15%2025.3%20329%200Z%20M343%200%20L356%200%20Q351.45%2031.35%20349.5%2057%20Q347.55%2031.35%20343%200Z%20M356%200%20L377%200%20Q369.65%2023.650000000000002%20366.5%2043%20Q363.35%2023.650000000000002%20356%200Z%20M382%200%20L400%200%20Q393.7%2015.950000000000001%20391.0%2029%20Q388.3%2015.950000000000001%20382%200Z%20M405%200%20L422%200%20Q416.05%2029.700000000000003%20413.5%2054%20Q410.95%2029.700000000000003%20405%200Z%20M427%200%20L441%200%20Q436.1%2013.200000000000001%20434.0%2024%20Q431.9%2013.200000000000001%20427%200Z%20M444%200%20L457%200%20Q452.45%2018.150000000000002%20450.5%2033%20Q448.55%2018.150000000000002%20444%200Z%20M457%200%20L468%200%20Q464.15%2012.100000000000001%20462.5%2022%20Q460.85%2012.100000000000001%20457%200Z%20M473%200%20L484%200%20Q480.15%2028.05%20478.5%2051%20Q476.85%2028.05%20473%200Z%20M484%200%20L494%200%20Q490.5%2028.05%20489.0%2051%20Q487.5%2028.05%20484%200Z%20M495%200%20L516%200%20Q508.65%2023.650000000000002%20505.5%2043%20Q502.35%2023.650000000000002%20495%200Z%20M518%200%20L536%200%20Q529.7%2013.200000000000001%20527.0%2024%20Q524.3%2013.200000000000001%20518%200Z%20M537%200%20L546%200%20Q542.85%206.6000000000000005%20541.5%2012%20Q540.15%206.6000000000000005%20537%200Z%20M551%200%20L562%200%20Q558.15%205.5%20556.5%2010%20Q554.85%205.5%20551%200Z%20M564%200%20L576%200%20Q571.8%2019.25%20570.0%2035%20Q568.2%2019.25%20564%200Z%20M580%200%20L593%200%20Q588.45%2010.450000000000001%20586.5%2019%20Q584.55%2010.450000000000001%20580%200Z%20M598%200%20L619%200%20Q611.65%2015.950000000000001%20608.5%2029%20Q605.35%2015.950000000000001%20598%200Z%27%20fill%3D%27url%28%23g%29%27%20stroke%3D%27%23a9d8ec%27%20stroke-width%3D%27.8%27%20stroke-opacity%3D%27.7%27/%3E%3Cpath%20d%3D%27M0%200%20L13%200%20Q8.45%206.6000000000000005%206.5%2012%20Q4.55%206.6000000000000005%200%200Z%20M13%200%20L34%200%20Q26.65%2017.6%2023.5%2032%20Q20.35%2017.6%2013%200Z%20M38%200%20L46%200%20Q43.2%2013.200000000000001%2042.0%2024%20Q40.8%2013.200000000000001%2038%200Z%20M46%200%20L55%200%20Q51.85%208.8%2050.5%2016%20Q49.15%208.8%2046%200Z%20M56%200%20L65%200%20Q61.85%209.9%2060.5%2018%20Q59.15%209.9%2056%200Z%20M71%200%20L88%200%20Q82.05%206.050000000000001%2079.5%2011%20Q76.95%206.050000000000001%2071%200Z%20M92%200%20L109%200%20Q103.05%208.8%20100.5%2016%20Q97.95%208.8%2092%200Z%20M109%200%20L125%200%20Q119.4%2018.700000000000003%20117.0%2034%20Q114.6%2018.700000000000003%20109%200Z%20M128%200%20L138%200%20Q134.5%2018.150000000000002%20133.0%2033%20Q131.5%2018.150000000000002%20128%200Z%20M142%200%20L163%200%20Q155.65%2011.0%20152.5%2020%20Q149.35%2011.0%20142%200Z%20M167%200%20L184%200%20Q178.05%2020.900000000000002%20175.5%2038%20Q172.95%2020.900000000000002%20167%200Z%20M184%200%20L200%200%20Q194.4%2011.55%20192.0%2021%20Q189.6%2011.55%20184%200Z%20M204%200%20L215%200%20Q211.15%2033.0%20209.5%2060%20Q207.85%2033.0%20204%200Z%20M221%200%20L234%200%20Q229.45%2030.250000000000004%20227.5%2055%20Q225.55%2030.250000000000004%20221%200Z%20M236%200%20L247%200%20Q243.15%2012.100000000000001%20241.5%2022%20Q239.85%2012.100000000000001%20236%200Z%20M247%200%20L264%200%20Q258.05%2032.45%20255.5%2059%20Q252.95%2032.45%20247%200Z%20M266%200%20L285%200%20Q278.35%209.350000000000001%20275.5%2017%20Q272.65%209.350000000000001%20266%200Z%20M285%200%20L301%200%20Q295.4%2019.8%20293.0%2036%20Q290.6%2019.8%20285%200Z%20M302%200%20L324%200%20Q316.3%209.350000000000001%20313.0%2017%20Q309.7%209.350000000000001%20302%200Z%20M329%200%20L338%200%20Q334.85%2025.3%20333.5%2046%20Q332.15%2025.3%20329%200Z%20M343%200%20L356%200%20Q351.45%2031.35%20349.5%2057%20Q347.55%2031.35%20343%200Z%20M356%200%20L377%200%20Q369.65%2023.650000000000002%20366.5%2043%20Q363.35%2023.650000000000002%20356%200Z%20M382%200%20L400%200%20Q393.7%2015.950000000000001%20391.0%2029%20Q388.3%2015.950000000000001%20382%200Z%20M405%200%20L422%200%20Q416.05%2029.700000000000003%20413.5%2054%20Q410.95%2029.700000000000003%20405%200Z%20M427%200%20L441%200%20Q436.1%2013.200000000000001%20434.0%2024%20Q431.9%2013.200000000000001%20427%200Z%20M444%200%20L457%200%20Q452.45%2018.150000000000002%20450.5%2033%20Q448.55%2018.150000000000002%20444%200Z%20M457%200%20L468%200%20Q464.15%2012.100000000000001%20462.5%2022%20Q460.85%2012.100000000000001%20457%200Z%20M473%200%20L484%200%20Q480.15%2028.05%20478.5%2051%20Q476.85%2028.05%20473%200Z%20M484%200%20L494%200%20Q490.5%2028.05%20489.0%2051%20Q487.5%2028.05%20484%200Z%20M495%200%20L516%200%20Q508.65%2023.650000000000002%20505.5%2043%20Q502.35%2023.650000000000002%20495%200Z%20M518%200%20L536%200%20Q529.7%2013.200000000000001%20527.0%2024%20Q524.3%2013.200000000000001%20518%200Z%20M537%200%20L546%200%20Q542.85%206.6000000000000005%20541.5%2012%20Q540.15%206.6000000000000005%20537%200Z%20M551%200%20L562%200%20Q558.15%205.5%20556.5%2010%20Q554.85%205.5%20551%200Z%20M564%200%20L576%200%20Q571.8%2019.25%20570.0%2035%20Q568.2%2019.25%20564%200Z%20M580%200%20L593%200%20Q588.45%2010.450000000000001%20586.5%2019%20Q584.55%2010.450000000000001%20580%200Z%20M598%200%20L619%200%20Q611.65%2015.950000000000001%20608.5%2029%20Q605.35%2015.950000000000001%20598%200Z%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%27.6%27%20stroke-opacity%3D%27.9%27%20transform%3D%27translate%28-1.2%200%29%27/%3E%3C/svg%3E") repeat-x 0 0/600px 64px;filter:drop-shadow(0 4px 4px rgba(120,190,220,.25))}
@media (max-width:760px){.froozz{padding-top:80px}.frost-top{height:170px}.frost-top::after{height:44px;background-size:420px 44px}}
/* Portada sin envases ni enlace; logos de marcas más grandes en la banda roja */
.froozz{padding-bottom:72px}
.bridge__brands{gap:22px;margin-top:14px;flex-wrap:wrap;justify-content:center}
.bridge__brands a{height:104px;padding:16px 38px;box-shadow:0 14px 28px -14px rgba(0,0,0,.35)}
.bridge__brands img{height:64px}
.bridge__brands a:nth-child(2){padding:8px 22px}
.bridge__brands a:nth-child(2) img{height:88px}
.bridge__brands a:nth-child(3) img{height:48px}
.bridge__brands a:hover{transform:translateY(-4px) scale(1.03)}
@media (max-width:760px){
  .bridge__brands{gap:12px}
  .bridge__brands a{height:72px;padding:10px 22px}
  .bridge__brands img{height:42px}
  .bridge__brands a:nth-child(2){padding:6px 14px}
  .bridge__brands a:nth-child(2) img{height:60px}
  .bridge__brands a:nth-child(3) img{height:32px}
}
@media (max-width:480px){
  .bridge__brands{gap:8px;flex-wrap:nowrap}
  .bridge__brands a{height:60px;padding:8px 14px}
  .bridge__brands img{height:32px}
  .bridge__brands a:nth-child(2){padding:4px 10px}
  .bridge__brands a:nth-child(2) img{height:50px}
  .bridge__brands a:nth-child(3) img{height:24px}
}
/* Escarcha realista (sustituye a los carámbanos) */
.frost-top{height:min(300px,38%)}
.frost-top::after{display:none}
.frost-top::before{background:url("img/escarcha.webp") center top/cover no-repeat;-webkit-mask-image:none;mask-image:none}
@media (max-width:760px){.frost-top{height:190px}.frost-top::before{background-size:auto 100%;background-position:center top}}

/* Fruta real flotando en la presentación de itFruit */
.brand__visual{position:relative}
.rf{position:absolute;z-index:4;width:auto;filter:drop-shadow(0 16px 14px rgba(59,38,37,.22));animation:rffloat 7s ease-in-out infinite;pointer-events:none}
.rf--1{height:84px;left:-4%;top:-6%;--r:-12deg;animation-delay:-1s}
.rf--2{height:104px;right:-3%;top:-14%;--r:14deg;animation-delay:-3.5s;animation-duration:8s}
.rf--3{height:80px;right:6%;bottom:-6%;--r:-8deg;animation-delay:-5s;animation-duration:6.5s}
@keyframes rffloat{0%,100%{transform:translate(0,0) rotate(var(--r))}50%{transform:translate(4px,-14px) rotate(calc(var(--r) + 8deg))}}
@media (prefers-reduced-motion:reduce){.rf{animation:none;transform:rotate(var(--r))}}
@media (max-width:760px){.rf--1{height:56px;left:0}.rf--2{height:70px;right:0;top:-10%}.rf--3{height:54px;right:4%}}
/* Fruta por detrás del packaging */
.brand__visual .bv{position:relative;z-index:2}
.brand__visual .bv--cup{z-index:3}
.brand__visual .rf{z-index:0}
.rf--1{left:2%;top:-10%}
.rf--2{right:2%;top:-16%}
.rf--3{right:2%;bottom:6%}
@media (max-width:760px){.rf--1{left:2%;top:-8%}.rf--2{right:2%;top:-12%}.rf--3{right:0;bottom:8%}}
.rf--1{height:96px;left:-3%;top:-22%}
.rf--2{height:112px;right:24%;top:-30%}
.rf--3{height:86px;right:-5%;bottom:20%}
@media (max-width:760px){.rf--1{height:60px;left:-1%;top:-18%}.rf--2{height:72px;right:24%;top:-26%}.rf--3{height:56px;right:-3%;bottom:22%}}

/* ===== SMÜ gama con más color ===== */
.smu-range{background:
  radial-gradient(40% 50% at 0% 20%,rgba(251,169,63,.22),transparent 70%),
  radial-gradient(40% 50% at 100% 70%,rgba(134,113,180,.18),transparent 70%),
  radial-gradient(35% 40% at 60% 0%,rgba(0,168,112,.14),transparent 70%),var(--smu-bg)}
.smu-line--fm{background:linear-gradient(135deg,#fff4e4 0%,#ffe6df 100%)}
.smu-line--db{background:linear-gradient(135deg,#e6f7ee 0%,#fff6d8 100%)}
.smu-line{box-shadow:0 24px 50px -32px rgba(60,40,30,.35)}
.smu-cup{--soft:color-mix(in srgb,var(--c) 22%,white);--mid:color-mix(in srgb,var(--c) 55%,white)}
.smu-cup__btn{position:relative;background:var(--soft);border-radius:26px;padding:22px 14px 16px;transition:transform .3s,box-shadow .3s}
.smu-cup__btn::before{content:"";position:absolute;left:50%;top:28px;width:min(190px,78%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--mid) 55%,var(--c) 100%);opacity:.85;z-index:0}
.smu-cup__btn>*{position:relative;z-index:1}
.smu-cup__btn:hover{transform:translateY(-4px);box-shadow:0 20px 34px -20px color-mix(in srgb,var(--c) 70%,black)}
.smu-cup__btn:hover img{transform:none}
.smu-cup__hint{color:color-mix(in srgb,var(--c) 70%,black)}
@media (max-width:600px){
  .smu-cup__btn{background:var(--soft);padding:10px 12px}
  .smu-cup__btn::before{left:12px;top:50%;width:84px;transform:translateY(-50%)}
  .smu-cup figcaption::before{background:var(--c)}
}
.smu-line .smu-cups{gap:18px}.smu-cup{min-width:0}
.smu-cup__btn{box-sizing:border-box}
/* Sorbites: el packaging siempre delante; frutas y perlas flotando por detrás */
.sf__stage{isolation:isolate}
.sf__fruits{z-index:1}
.sf .sf__pearl,.sf .sf__pearl--3{z-index:1}
.sf .sf__pack{z-index:5}
.sf .sf__eatme{z-index:6}
.sb__visual{isolation:isolate}
.sb__visual .sbv,.sb__visual .sbv--p3{z-index:1}
.sb__visual .sbp{z-index:4}
.sb__visual .sbp--2{z-index:5}
.sf .sf__pearl--1{left:14%;bottom:20px}
.sf .sf__pearl--2{right:16%;bottom:auto;top:30%}
.sf .sf__pearl--3{left:auto;right:30%;top:8%}
.sb__visual .sbv--p1{left:6%;top:38%}
.sb__visual .sbv--p2{right:22%;top:8%}
.sb__visual .sbv--p3{right:2%;bottom:30%}
/* Logos institucionales en móvil: misma composición que en ordenador (una fila) */
@media (max-width:600px){
  .funding{--lh:min(34px,calc((100vw - 32px) / 14.5))}
  .funding .funding__logos{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:calc(var(--lh) * .35);padding:4px 0}
  .funding .funding__pair{gap:calc(var(--lh) * .35);padding:0 calc(var(--lh) * .35) 0 0;border-bottom:0;border-right:1.5px solid #d4102c}
  .funding .funding__eu{gap:calc(var(--lh) * .2)}
  .funding .fl-eu__txt{font-size:max(9px,calc(var(--lh) * .3))}
}
/* Copos por detrás de cajas y textos: el lienzo queda entre los fondos de sección y el contenido */
.frost{z-index:1}
main .wrap,.froozz__inner,.footer .wrap,.flyers,.sbflyers,.brand__visual,.sb__visual{position:relative;z-index:2}

/* SMÜ: líneas como desplegables */
.smu-line{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}
.smu-line__head{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:28px;width:100%;padding:26px 36px;border-radius:32px;transition:background .2s}
.smu-line__head:hover{background:rgba(255,255,255,.35)}
.smu-line__head:focus-visible{outline:3px solid var(--smu-green);outline-offset:-3px}
.smu-line__head img{width:120px;flex:none}
.smu-line__txt{display:flex;flex:1;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--brown-soft);font-size:1.02rem}
.smu-line__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-smu);font-weight:800;font-size:.9rem;color:var(--white);background:var(--smu-green);padding:.7em 1.2em;border-radius:999px;white-space:nowrap}
.smu-line__cta svg{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .25s}
.smu-line.is-open .smu-line__cta svg{transform:rotate(180deg)}
.smu-line .smu-cups{padding:0 36px 34px}
.smu-cups[hidden]{display:none}
.smu-cups--in{animation:smuIn .4s ease}
@keyframes smuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.smu-cups--in{animation:none}}
@media (max-width:980px){.smu-line__head{text-align:left}}
@media (max-width:600px){
  .smu-line__head{flex-direction:column;gap:12px;padding:22px 16px;text-align:center}
  .smu-line__head img{width:100px}
  .smu-line__txt{flex-direction:column;justify-content:center;gap:12px}
  .smu-line .smu-cups{padding:0 12px 16px}
}
/* Piezas flotantes siempre enteras (sin cortarse por los bordes de la sección) */
.sbfly--1{top:90px}
.sbfly--2{top:70px}
.sbfly--3{top:96px}
.sbfly--4{top:64px}
.sbfly--7,.sbfly--8,.sbfly--9{bottom:40px}
.sbfly--5{left:1.5%}.sbfly--6{right:1.5%}
.fly--r3{top:70px}
.fly--s3{top:76px}
.fly--b3{top:auto;bottom:40px}
@media (max-width:760px){.sbfly--5{left:6px}.sbfly--6{right:6px}.fly--r1,.fly--s2,.fly--b1{left:6px}.fly--r2,.fly--s1,.fly--b2{right:6px}}
.flyers,.sbflyers{position:absolute;inset:0;z-index:2}
@media (max-width:760px){.fly--r1,.fly--s2,.fly--b1{left:12px}.fly--r2,.fly--s1,.fly--b2{right:12px}.sbfly--5{left:12px}.sbfly--6{right:12px}}
/* Fruta real más pequeña y siempre dentro de la zona de envases (no tapa el texto) */
.brand__visual .rf--1{height:62px;left:2%;top:0}
.brand__visual .rf--2{height:72px;right:26%;left:auto;top:-4px;bottom:auto}
.brand__visual .rf--3{height:56px;right:0;left:auto;top:auto;bottom:26%}
@media (max-width:980px){
  .brand__visual{padding-top:34px}
  .brand__visual .rf--1{height:44px;left:4%;top:0}
  .brand__visual .rf--2{height:52px;right:24%;top:0}
  .brand__visual .rf--3{height:40px;right:2%;bottom:28%}
}
@media (max-width:480px){
  .brand__visual{padding-top:26px}
  .brand__visual .rf--1{height:36px}
  .brand__visual .rf--2{height:42px}
  .brand__visual .rf--3{height:34px}
}
@media (min-width:981px){
  .brand__visual{padding-top:44px}
  .brand__visual .rf--1{left:4%;top:4px}
  .brand__visual .rf--2{right:28%;top:0}
}
/* ===== Ajustes móvil ===== */
@media (max-width:760px){
  /* 1-2: piezas de chocolate por detrás de las fichas (solo asoman en los huecos) */
  .products .flyers{z-index:0}
  .products>.wrap{position:relative;z-index:2}
  /* 3: presentación Sorbites, tres doypacks ordenados en abanico */
  .sb__visual{height:300px;max-width:380px}
  .sb__visual .sbp{height:62%;bottom:6%}
  .sb__visual .sbp--1{left:0;right:auto;transform:rotate(-9deg)}
  .sb__visual .sbp--3{right:0;left:auto;transform:rotate(9deg)}
  .sb__visual .sbp--2{height:78%;bottom:2%}
  .sbv--mango-f{height:58px;top:0;left:4%}
  .sbv--mora{height:44px;top:4%;right:6%}
  .sbv--melo{height:46px;bottom:0;left:2%}
  .sbv--arandano{height:38px;bottom:4%;right:2%}
  .sb__visual .sbv--p1,.sb__visual .sbv--p2,.sb__visual .sbv--p3{height:30px}
  /* 4: funciones de la máquina SMÜ en una sola columna, alineadas */
  .smu-m{grid-template-columns:1fr;gap:20px;max-width:420px}
  .smu-m__img{grid-column:auto;order:-1;max-width:150px;margin:0 auto 6px}
  .smu-m__feats{gap:16px}
  .smu-f,.smu-f--l{flex-direction:row;align-items:flex-start;text-align:left}
  .smu-f strong{font-size:.98rem}
  .smu-f span:not(.smu-ic){font-size:.88rem}
}
/* Sorbites móvil: los 3 doypacks en fila con flex (centrado sin depender de transform) */
@media (max-width:760px){
  .sb__visual{display:flex;justify-content:center;align-items:flex-end;height:auto;min-height:0;padding:56px 0 24px}
  .sb__visual .sbp{position:relative;left:auto !important;right:auto !important;bottom:auto !important;height:200px;width:auto;flex:none;animation:none}
  .sb__visual .sbp--1{order:1;height:170px;margin-right:-26px;transform:rotate(-8deg);z-index:4}
  .sb__visual .sbp--2{order:2;height:210px;transform:none;z-index:6;animation:sbfloatm 6s ease-in-out infinite}
  .sb__visual .sbp--3{order:3;height:170px;margin-left:-26px;transform:rotate(8deg);z-index:4}
  @keyframes sbfloatm{0%,100%{translate:0 0}50%{translate:0 -10px}}
}
@media (max-width:360px){.sb__visual .sbp--1,.sb__visual .sbp--3{height:146px}.sb__visual .sbp--2{height:180px}}
.bridge{padding-top:56px}@media (max-width:760px){.bridge{padding-top:40px}}

/* Pieza que baja con el scroll y se transforma: frambuesa → perla Sorbites → smoothie SMÜ */
.morph{position:fixed;right:max(18px,3.2vw);top:0;width:110px;height:130px;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform}
.morph.is-visible{opacity:1}
.morph__spin{position:absolute;inset:0}
.morph__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.2) rotate(-120deg);filter:blur(8px) drop-shadow(0 16px 14px rgba(0,0,0,.25));transition:opacity .45s,transform .7s cubic-bezier(.3,1.5,.5,1),filter .5s}
.morph__img.is-on{opacity:1;transform:none;filter:blur(0) drop-shadow(0 16px 14px rgba(0,0,0,.25))}
.morph__img--itf{padding:6px}
.morph__img--sb{padding:18px}
.morph__pop{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,255,255,.9);opacity:0}
.morph.is-pop .morph__pop{animation:mpop .6s ease-out}
@keyframes mpop{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(6)}}
@media (max-width:1300px){.morph{width:84px;height:100px;right:10px}}
@media (max-width:760px){.morph{width:56px;height:68px;right:4px}}
@media (prefers-reduced-motion:reduce){.morph__img{transition:opacity .3s;transform:none;filter:none}.morph.is-pop .morph__pop{animation:none}}

.morph{width:130px;height:150px}
.morph::before{content:"";position:absolute;left:50%;top:50%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--halo,rgba(245,202,232,.9)) 0%,transparent 68%);transition:background .6s}
.morph[data-k="sb"]{--halo:rgba(240,162,58,.55)}
.morph[data-k="smu"]{--halo:rgba(0,168,112,.35)}
@media (max-width:1300px){.morph{width:96px;height:112px}}
@media (max-width:760px){.morph{width:60px;height:72px}}
.morph__img--itf{padding:26px}
.morph__img--itf,.morph__img--sb{padding:23px}

/* Portada sin logo grande: slogan como titular y contenido más arriba */
.froozz{padding-top:96px;padding-bottom:64px}
.froozz .froozz__tagline{font-family:var(--font-head);font-weight:800;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.02em;color:var(--brown);margin:0;text-wrap:balance}
.froozz .froozz__text{margin-top:1.6rem}
@media (max-width:760px){.froozz{padding-top:72px;padding-bottom:48px}}
/* Portada a pantalla completa (sin ver la banda roja) */
.froozz{min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:flex;align-items:center;padding-top:110px;padding-bottom:80px;box-sizing:border-box}
.froozz .froozz__inner{width:100%}
@media (max-width:760px){.froozz{padding-top:84px;padding-bottom:56px}}

/* 5 pilares de innovación (portada) */
.pillars{width:100%;max-width:1240px;margin:56px auto 0}
.pillars__title{font-family:var(--font-head);font-weight:800;font-size:clamp(1.4rem,2.4vw,2rem);color:var(--brown);margin:0 0 26px;text-wrap:balance}
.pillars__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:left}
.pillar{position:relative;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);border:1px solid #e3eef3;border-radius:22px;padding:22px 20px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 34px -26px rgba(40,80,100,.4);transition:transform .25s,box-shadow .25s}
.pillar:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(40,80,100,.45)}
.pillar__ic{width:48px;height:48px;border-radius:14px;background:var(--red);color:var(--white);display:grid;place-items:center}
.pillar__ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pillar__n{position:absolute;top:18px;right:20px;font-family:var(--font-head);font-weight:800;font-size:1.6rem;color:#e9dcd7;font-variant-numeric:tabular-nums}
.pillar__t{font-family:var(--font-body);font-weight:800;font-size:1rem;letter-spacing:.06em;color:var(--brown);margin:6px 0 0}
.pillar p{font-size:.9rem;line-height:1.5;color:var(--brown-soft);margin:0}
@media (max-width:1100px){.pillars__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.pillars{margin-top:40px}.pillars__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pillar{padding:18px 16px}}
@media (max-width:480px){.pillars__list{grid-template-columns:1fr}}

/* Pilares dinámicos en una sola fila */
.pillars__list{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:14px}
.pillar{padding:20px 18px 20px;gap:6px;cursor:default;transition:transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .35s,background .35s,border-color .35s;opacity:0;animation:pilIn .7s cubic-bezier(.2,1.2,.4,1) forwards}
.pillar:nth-child(1){animation-delay:.05s}.pillar:nth-child(2){animation-delay:.15s}.pillar:nth-child(3){animation-delay:.25s}.pillar:nth-child(4){animation-delay:.35s}.pillar:nth-child(5){animation-delay:.45s}
@keyframes pilIn{from{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}
.pillar p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem}
.pillar__ic{transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .3s}
.pillar__n{transition:color .35s,transform .35s}
.pillar::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.pillar.is-active{transform:translateY(-10px);background:#fff;border-color:#f3c9c2;box-shadow:0 26px 44px -22px rgba(230,58,38,.45)}
.pillar.is-active .pillar__ic{transform:rotate(-12deg) scale(1.12)}
.pillar.is-active .pillar__n{color:var(--red);transform:scale(1.15)}
.pillar.is-active::after{transform:scaleX(1);transition:transform 2.5s linear}
@media (max-width:1100px){
  .pillars__list{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 18px;margin:0 -4px;scrollbar-width:none}
  .pillars__list::-webkit-scrollbar{display:none}
  .pillar{flex:0 0 min(240px,70%);scroll-snap-align:center}
}
@media (prefers-reduced-motion:reduce){.pillar{animation:none;opacity:1}.pillar.is-active::after{transition:none}}
@media (min-width:1101px) and (max-width:1199px){.pillar{padding:18px 14px}.pillar p{font-size:.82rem}.pillar__t{font-size:.92rem}}

/* Sin barra-temporizador en los pilares */
.pillar::after,.pillar.is-active::after{display:none}

.froozz__eyebrow{margin:0 0 12px}

/* ===== Página Seguridad alimentaria ===== */
.nav__link{text-decoration:none;font-weight:500}
.nav__link:hover,.nav__link.is-current{color:var(--red)}
.nav__link.is-current{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.sa-hero{position:relative;overflow:hidden;background:var(--white);padding-block:120px 56px;text-align:center}
.sa-hero .frost-top{height:240px}
.sa-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.sa-hero h1{font-family:var(--font-head);font-weight:800;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.02em;color:var(--brown);margin:0;text-wrap:balance}
.sa-hero__lead{max-width:44em;margin:1.2rem auto 0;color:var(--brown-soft);font-size:1.1rem}
.sa-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2rem}
.sa-jump a{text-decoration:none;font-weight:700;font-size:.9rem;color:var(--brown);background:#fbf6f4;border:1px solid #f1e3de;padding:.55em 1.1em;border-radius:999px;transition:background .2s,color .2s}
.sa-jump a:hover{background:var(--red);border-color:var(--red);color:var(--white)}
.sa-list{background:var(--white);padding-block:16px 96px;position:relative}
.sa-list__inner{display:grid;gap:22px;max-width:980px;position:relative;z-index:2}
.cert{--c:var(--red);display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:center;background:#fbf6f4;border:1px solid #f1e3de;border-radius:28px;padding:32px 36px;scroll-margin-top:96px}
.cert--ifs{--c:#1d4f91}
.cert--rainforest{--c:#2f7d3a}
.cert__logo{aspect-ratio:4/3;background:var(--white);border:2px dashed #e3d3cd;border-radius:20px;display:grid;place-items:center;padding:18px}
.cert__ph{display:flex;flex-direction:column;align-items:center;gap:10px;color:#b9a6a0;font-size:.85rem;font-weight:700;text-align:center}
.cert__ph svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.cert__body{min-width:0}
.cert__kind{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin:0 0 .4rem}
.cert h2{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--brown);margin:0 0 .6rem}
.cert__desc{color:var(--brown-soft);margin:0}
.cert__data{display:flex;flex-wrap:wrap;gap:10px;margin:1.2rem 0 0}
.cert__data div{background:var(--white);border:1px solid #efe2dd;border-radius:12px;padding:8px 14px}
.cert__data dt{font-size:.72rem;color:var(--brown-soft);text-transform:uppercase;letter-spacing:.08em}
.cert__data dd{margin:0;font-weight:700;font-size:.92rem;color:var(--brown)}
.cert__tag{display:inline-block;margin-top:14px;font-size:.75rem;font-weight:800;letter-spacing:.06em;color:var(--white);background:var(--c);padding:.3em .8em;border-radius:999px}
@media (max-width:760px){
  .sa-hero{padding-block:84px 40px}
  .cert{grid-template-columns:1fr;gap:20px;padding:24px 20px;text-align:center}
  .cert__logo{max-width:240px;width:100%;margin:0 auto}
  .cert__data{justify-content:center}
  .nav .nav__link{padding:14px 0;width:100%;border-bottom:1px solid var(--line);text-align:center}
}

/* ===== Página Nos avalan ===== */
.clients{background:var(--white);padding-block:8px 96px;position:relative;overflow:hidden}
.marquee{position:relative;z-index:2;overflow:hidden;padding-block:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{list-style:none;margin:0;padding:0;display:flex;gap:22px;width:max-content;animation:marq 40s linear infinite}
.marquee--rev .marquee__track{animation-direction:reverse;animation-duration:46s}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}
.logo-tile{flex:none;width:200px;height:110px;display:grid;place-items:center;background:#fbf6f4;border:1px solid #f1e3de;border-radius:20px;padding:18px}
.logo-tile img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.logo-tile:hover img{filter:none;opacity:1}
.logo-tile--ph{border-style:dashed;color:#b9a6a0;font-weight:700;font-size:.85rem}
.clients__cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:48px;text-align:center}
.clients__cta p{font-family:var(--font-head);font-weight:800;font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--brown);margin:0}
@media (max-width:760px){.logo-tile{width:150px;height:86px;border-radius:16px}.marquee__track{gap:14px}@keyframes marq{to{transform:translateX(calc(-50% - 7px))}}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.marquee--rev{display:none}.marquee{mask-image:none;-webkit-mask-image:none}}
@media (min-width:761px) and (max-width:1180px){.nav{gap:18px}.nav__link,.dd__btn{font-size:.92rem}}
.logo-tile--ph{white-space:nowrap}
.logo-tile--ph{display:flex;align-items:center;justify-content:center;gap:4px}

.logo-tile--name{font-family:var(--font-body);font-weight:800;font-size:1.15rem;color:var(--brown-soft);letter-spacing:.01em;white-space:nowrap;text-align:center;transition:color .3s,background .3s}
.logo-tile--name:hover{color:var(--brown);background:var(--white)}
@media (prefers-reduced-motion:reduce){.marquee__track li[aria-hidden="true"]{display:none}}

.logo-tile--img{width:190px;height:150px;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}
.logo-tile--img img{max-width:130px;max-height:84px;width:auto;height:auto;object-fit:contain;filter:none;opacity:1;transition:transform .3s}
.logo-tile--img:hover img{transform:scale(1.06)}
.logo-tile--img span{font-size:.8rem;font-weight:700;color:var(--brown-soft);white-space:nowrap}
@media (max-width:760px){.logo-tile--img{width:140px;height:116px;gap:6px}.logo-tile--img img{max-width:96px;max-height:62px}}
.logo-tile--img img{height:84px;width:130px;max-height:none;max-width:none}@media (max-width:760px){.logo-tile--img img{height:62px;width:96px}}

/* Una sola cinta, recuadros más grandes */
.clients .marquee{padding-block:20px}
.clients .marquee__track{gap:28px;animation-duration:50s}
.logo-tile--img{width:260px;height:200px;border-radius:26px;gap:14px;padding:22px}
.logo-tile--img img{height:120px;width:190px}
.logo-tile--img span{font-size:.95rem}
@keyframes marq{to{transform:translateX(calc(-50% - 14px))}}
@media (max-width:760px){.logo-tile--img{width:180px;height:150px;gap:8px;padding:14px}.logo-tile--img img{height:84px;width:130px}.clients .marquee__track{gap:16px}@keyframes marq{to{transform:translateX(calc(-50% - 8px))}}}

.logo-tile--img{gap:8px}
.logo-tile__cty{font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-top:-4px;white-space:nowrap}
.logo-tile--img img{height:112px}
@media (max-width:760px){.logo-tile--img img{height:76px}.logo-tile__cty{font-size:.68rem}}

/* ===== Mapa de Europa ===== */
.eumap{padding-block:0 72px}
.eumap__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.eumap__map{background:linear-gradient(180deg,#eef7fb,#f8fbfd);border:1px solid #e3eef3;border-radius:28px;padding:10px;overflow:hidden}
.eumap__svg{display:block;width:100%;height:auto}
.m-land{fill:#e4e0de;stroke:#fff;stroke-width:.8;stroke-linejoin:round}
.m-active{fill:#f08a7c;cursor:pointer;transition:fill .25s,filter .25s;outline:none}
.m-active:hover,.m-active:focus-visible{fill:#ea5a46}
.m-active.is-on{fill:var(--red);filter:drop-shadow(0 6px 10px rgba(230,58,38,.35))}
.eumap__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.eumap__chip{font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--brown);background:#fbf6f4;border:1px solid #f1e3de;padding:.55em 1.1em;border-radius:999px;transition:background .2s,color .2s}
.eumap__chip:hover{border-color:var(--red)}
.eumap__chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:var(--white)}
.eumap__intro p{color:var(--brown-soft)}
.eumap__intro[hidden],.eumap__panel[hidden]{display:none}
.eumap__panel.is-in{animation:euIn .45s ease}
@keyframes euIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.eumap__country{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--brown);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.eumap__country small{font-family:var(--font-body);font-size:.8rem;font-weight:800;color:var(--white);background:var(--red);border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px}
.eumap__logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.eu-logo{background:var(--white);border:1px solid #f1e3de;border-radius:20px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 16px 30px -24px rgba(59,38,37,.35)}
.eu-logo img{width:110px;height:76px;object-fit:contain}
.eu-logo span{font-size:.85rem;font-weight:700;color:var(--brown-soft)}
@media (max-width:900px){.eumap__inner{grid-template-columns:1fr;gap:24px}.eumap__map{max-width:560px;margin:0 auto;width:100%}.eumap__chips{justify-content:center}.eumap__country{justify-content:center}.eumap__intro{text-align:center}}
@media (max-width:480px){.eumap__logos{grid-template-columns:repeat(2,minmax(0,1fr))}.eu-logo img{width:90px;height:62px}}
.eumap__map{padding:0}

/* Páginas de marca */
body[data-page="itf"] .brand{padding-top:96px}
body[data-page="sb"] .sb{padding-top:96px}
body[data-page="smu"] .smu{padding-top:96px}
body[data-page="itf"] .dd__btn,body[data-page="sb"] .dd__btn,body[data-page="smu"] .dd__btn{color:var(--red)}
.dd__menu a[aria-current="page"]{background:#f1f7fa}
.why{padding-top:96px}
@media (max-width:760px){body[data-page="itf"] .brand,body[data-page="sb"] .sb,body[data-page="smu"] .smu{padding-top:56px}.why{padding-top:64px}}

/* Envases flotando en la portada, enlazan a cada marca */
.hero-packs{--h:clamp(96px,11vw,150px);display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,3vw,44px);margin:0 auto 28px;position:relative;z-index:2}
.hp{display:block;text-decoration:none;animation:hpFloat 6s ease-in-out infinite;transition:transform .3s;border-radius:16px}
.hp img{display:block;width:auto;filter:drop-shadow(0 18px 18px rgba(59,38,37,.22));transition:transform .35s cubic-bezier(.3,1.5,.5,1),filter .3s}
.hp--cup img{height:var(--h)}
.hp--doy img{height:calc(var(--h) * 1.45)}
.hp--sb img{height:calc(var(--h) * 1.4)}
.hp--smu img{height:calc(var(--h) * 1.3)}
.hp--doy{animation-delay:-1.2s}.hp--cup{animation-delay:-3s}.hp--sb{animation-delay:-4.4s;animation-duration:6.8s}.hp--smu{animation-delay:-2.2s;animation-duration:5.6s}
.hp:hover img,.hp:focus-visible img{transform:translateY(-10px) scale(1.06) rotate(-3deg);filter:drop-shadow(0 26px 22px rgba(59,38,37,.3))}
.hp:focus-visible{outline:3px solid var(--red);outline-offset:6px}
@keyframes hpFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.froozz{padding-top:88px}
@media (max-width:760px){.hero-packs{--h:clamp(52px,15vw,80px);gap:10px;margin-bottom:18px}.froozz{padding-top:64px}}
@media (prefers-reduced-motion:reduce){.hp{animation:none}}

/* Galería de momentos (portada) */
.lg{width:100%;max-width:1240px;margin:48px auto 0;columns:4 220px;column-gap:14px;position:relative;z-index:2}
.lg__item{margin:0 0 14px;break-inside:avoid;border-radius:20px;overflow:hidden;box-shadow:0 18px 34px -24px rgba(59,38,37,.45);background:#f3ece9}
.lg__item img{display:block;width:100%;height:auto;transition:transform .6s ease}
.lg__item:hover img{transform:scale(1.05)}
@media (max-width:760px){.lg{columns:2;column-gap:10px;margin-top:32px}.lg__item{margin-bottom:10px;border-radius:14px}}
@media (prefers-reduced-motion:reduce){.lg__item img{transition:none}}

/* Galería en mosaico ordenado */
.lg{columns:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(130px,12.5vw,180px);grid-auto-flow:dense;gap:12px}
.lg__item{margin:0;height:100%}
.lg__item img{height:100%;object-fit:cover}
.lg__item--wide{grid-column:span 2}
.lg__item--big{grid-column:span 2;grid-row:span 2}
@media (max-width:760px){.lg{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:8px}}
@media (max-width:760px){.lg{grid-auto-rows:120px}}

/* Galería en fila con desplazamiento automático */
.lg.marquee{display:block;columns:auto;width:100vw;max-width:none;margin:48px calc(50% - 50vw) 0;padding-block:6px 20px}
.lg__track{gap:16px;animation:marq 42s linear infinite}
.lg .lg__item{flex:none;height:clamp(240px,26vw,360px);width:auto;margin:0;border-radius:22px;list-style:none}
.lg .lg__item img{height:100%;width:auto;object-fit:cover;display:block}
.lg .lg__item:hover img{transform:none}
.lg.marquee:hover .lg__track{animation-play-state:paused}
@media (max-width:760px){.lg.marquee{margin-top:32px}.lg .lg__item{height:220px;border-radius:16px}.lg__track{gap:10px}}
@media (prefers-reduced-motion:reduce){.lg__track{animation:none;flex-wrap:nowrap;overflow-x:auto;width:auto}}
/* Pilares: espacio para que la sombra no se corte en la fila deslizable */
@media (max-width:1100px){.pillars__list{padding:18px 8px 56px;margin:-4px -8px -40px;scroll-padding-inline:8px}}
.froozz{overflow:visible}
.pillars{position:relative;z-index:2}
/* Sin franja de color al final de la portada: el fondo termina en blanco */
.froozz{background:radial-gradient(60% 40% at 0% 0%,rgba(204,236,248,.55),transparent 70%),radial-gradient(50% 35% at 100% 0%,rgba(204,236,248,.45),transparent 70%),var(--white)}
.froozz::before{mask-image:radial-gradient(120% 80% at 50% 0%,#000 0%,transparent 60%);-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 0%,transparent 60%)}
.why{border-top:1px solid var(--line)}

/* SMÜ: vasos flotando en la presentación */
.smu__visual.smu__cups{position:relative;height:clamp(380px,40vw,520px);width:100%;max-width:560px;border-radius:0;overflow:visible;box-shadow:none;transform:none;justify-self:center}
.smv{position:absolute;width:auto;filter:drop-shadow(0 22px 22px rgba(0,80,50,.22));animation:smvF 6s ease-in-out infinite}
.smv--1{height:58%;left:2%;top:4%;rotate:-8deg;animation-delay:-1s}
.smv--2{height:64%;left:34%;top:0;z-index:2;animation-delay:-3s}
.smv--3{height:56%;right:0;top:8%;rotate:9deg;animation-delay:-2s}
.smv--4{height:48%;left:12%;bottom:0;rotate:6deg;z-index:3;animation-delay:-4s;animation-duration:7s}
.smv--5{height:52%;left:44%;bottom:-4%;z-index:4;rotate:-4deg;animation-delay:-5s}
.smv--6{height:46%;right:4%;bottom:2%;z-index:3;rotate:-9deg;animation-delay:-2.5s;animation-duration:6.6s}
@keyframes smvF{0%,100%{translate:0 0}50%{translate:0 -12px}}
.smu-corner{margin:48px auto 0;max-width:420px;text-align:center}
.smu-corner img{width:100%;height:auto;border-radius:28px;box-shadow:0 30px 60px -30px rgba(0,80,50,.45)}
.smu-corner figcaption{margin-top:14px;color:var(--brown-soft);font-size:.92rem}
@media (max-width:980px){.smu__visual.smu__cups{height:360px;max-width:460px;margin:0 auto}}
@media (max-width:760px){.smu__visual.smu__cups{height:300px}.smu-corner{max-width:300px}}
@media (prefers-reduced-motion:reduce){.smv{animation:none}}
.smu__visual.smu__cups img.smv{width:auto;max-width:none}

/* SMÜ: fruta flotando por detrás de los vasos */
.smu__visual.smu__cups{isolation:isolate}
.smu__visual.smu__cups img.smf{position:absolute;z-index:0;width:auto;max-width:none;filter:drop-shadow(0 14px 12px rgba(0,60,40,.2));animation:smfF 7s ease-in-out infinite}
.smu__visual.smu__cups img.smv{z-index:1}
.smv--2{z-index:2}.smv--4,.smv--6{z-index:3}.smv--5{z-index:4}
.smf--frambuesa{height:15%;left:-6%;top:-4%;rotate:-14deg;animation-delay:-1s}
.smf--fresa{height:19%;left:28%;top:-10%;rotate:12deg;animation-delay:-3.5s}
.smf--kiwi{height:18%;right:-8%;top:-2%;rotate:-10deg;animation-delay:-2s;animation-duration:8s}
.smf--banana{height:15%;left:-8%;top:52%;rotate:18deg;animation-delay:-4.5s}
.smf--arandano{height:10%;right:-4%;top:54%;animation-delay:-5.5s;animation-duration:6s}
@keyframes smfF{0%,100%{translate:0 0}50%{translate:6px -14px}}
@media (max-width:760px){.smf--frambuesa{left:0}.smf--banana{left:0}.smf--kiwi{right:0}.smf--arandano{right:2%}}
@media (prefers-reduced-motion:reduce){.smu__visual.smu__cups img.smf{animation:none}}

.smu-corner-sec{border-top:1px solid var(--line);padding-top:64px}
.smu-corner-sec .smu-corner{margin-top:8px}

/* SMÜ: córner + máquina en paralelo, info resumida debajo */
.smu-duo{padding:72px 0 64px}
.smu-duo__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto}
.smu-duo__item{margin:0;display:flex;flex-direction:column;gap:18px;text-align:center}
.smu-duo__img{height:clamp(340px,36vw,460px);border-radius:28px;overflow:hidden;display:grid;place-items:center;background:var(--smu-bg)}
.smu-duo__img--corner img{width:100%;height:100%;object-fit:cover}
.smu-duo__img--machine{background:#fff;border:1px solid #e3f2ea}
.smu-duo__img--machine img{height:88%;width:auto;mix-blend-mode:multiply}
.smu-duo__item .eyebrow{margin:0 0 4px}
.smu-duo__item h2{font-size:clamp(1.15rem,1.8vw,1.5rem);margin:0;text-wrap:balance}
.smu-duo__info{max-width:1000px;margin:36px auto 0;display:grid;gap:18px}
.smu-duo .smu-k{margin:0;max-width:none}
.smu-duo .smu-k__box{padding:16px 20px}
.smu-duo .smu-k__box span:not(.smu-ic){font-size:.92rem}
.smu-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.smu-chips li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3f2ea;border-radius:16px;padding:10px 14px;font-weight:700;font-size:.92rem;color:var(--brown)}
.smu-chips .smu-ic{width:34px;height:34px}
.smu-chips .smu-ic svg{width:18px;height:18px}
@media (max-width:760px){.smu-duo__grid{grid-template-columns:1fr 1fr;gap:12px}.smu-duo__img{height:260px;border-radius:18px}.smu-duo__item h2{font-size:1rem}.smu-chips{grid-template-columns:1fr 1fr}.smu-chips li{font-size:.82rem;padding:8px 10px}.smu-duo .smu-k{grid-template-columns:1fr 1fr}.smu-duo .smu-k__box{flex-direction:column;text-align:center;gap:8px;padding:14px}}

.smu-duo__img{position:relative}
.smu-duo__img--machine img{position:absolute;inset:6% 0;margin:auto;height:88%;width:auto;max-width:90%;object-fit:contain}
.smu-chips{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.smu-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.smu-chips{grid-template-columns:1fr 1fr}.smu-chips li:last-child{grid-column:span 2;justify-content:center}}

/* Córner y máquina: título arriba, foto entera, info solo bajo la máquina */
.smu-duo__grid{align-items:start}
.smu-duo__item{gap:16px}
.smu-duo__head{display:flex;flex-direction:column;align-items:center;min-height:5.2em;justify-content:flex-end}
.smu-duo__img{height:auto;aspect-ratio:654/900}
.smu-duo__img--corner{background:none}
.smu-duo__img--corner img{position:static;width:100%;height:100%;object-fit:contain}
.smu-duo__img--machine img{inset:8% 0;height:84%}
.smu-duo__item .smu-duo__info{margin:4px 0 0;max-width:none}
.smu-duo__item .smu-k{grid-template-columns:1fr 1fr;gap:10px}
.smu-duo__item .smu-k__box{flex-direction:column;text-align:center;gap:8px;padding:16px 12px}
.smu-duo__item .smu-chips{grid-template-columns:1fr 1fr}
.smu-duo__item .smu-chips li:last-child{grid-column:span 2;justify-content:center}
@media (max-width:760px){.smu-duo__grid{grid-template-columns:1fr;gap:40px;max-width:420px}.smu-duo__head{min-height:0}}
/* Córner/máquina más compactos e info de la máquina ordenada */
.smu-duo{padding:56px 0 48px}
.smu-duo__grid{max-width:860px;gap:32px}
.smu-duo__head{min-height:4.6em}
.smu-duo__img{aspect-ratio:auto;height:340px;width:100%}
.smu-duo__img--corner{background:var(--smu-bg)}
.smu-duo__img--corner img{object-fit:cover;object-position:center 40%}
.smu-duo__img--machine img{inset:7% 0;height:86%}
.smu-duo__item .smu-duo__info{background:#fff;border:1px solid #e3f2ea;border-radius:22px;padding:18px;display:grid;gap:16px}
.smu-duo__item .smu-k{grid-template-columns:1fr 1fr;gap:10px}
.smu-duo__item .smu-k__box{flex-direction:row;text-align:left;gap:10px;padding:10px 12px;border-radius:14px}
.smu-duo__item .smu-ic--lg{width:40px;height:40px}
.smu-duo__item .smu-ic--lg svg{width:22px;height:22px}
.smu-duo__item .smu-k__box strong{font-size:1.02rem;line-height:1.1}
.smu-duo__item .smu-k__box span:not(.smu-ic){font-size:.82rem}
.smu-duo__item .smu-chips{grid-template-columns:1fr 1fr;gap:10px 14px;border-top:1px solid #e3f2ea;padding-top:14px}
.smu-duo__item .smu-chips li{background:none;border:0;padding:0;font-size:.88rem;gap:8px}
.smu-duo__item .smu-chips li:last-child{grid-column:auto;justify-content:flex-start}
.smu-duo__item .smu-chips .smu-ic{width:28px;height:28px}
.smu-duo__item .smu-chips .smu-ic svg{width:16px;height:16px}
@media (max-width:760px){.smu-duo__img{height:300px}.smu-duo__grid{max-width:380px}}
.smu-duo__img--corner{background:none;height:340px}
.smu-duo__img--corner img{object-fit:contain;width:100%;height:100%;border-radius:22px}
.smu-duo__head{min-height:0;justify-content:flex-end;height:4.4em}
.smu-duo__item{min-width:0}
@media (max-width:760px){.smu-duo__grid{grid-template-columns:minmax(0,1fr)}.smu-duo__head{height:auto}.smu-duo__img{height:280px}.smu-duo__item .smu-k{grid-template-columns:1fr}}
.smu-duo .smu-duo__img.smu-duo__img--corner{height:340px;width:auto;max-width:100%;aspect-ratio:654/900;margin:0 auto;background:none;border-radius:22px;overflow:hidden}
.smu-duo .smu-duo__img.smu-duo__img--corner img{position:static;width:100%;height:100%;object-fit:contain;border-radius:0}
@media (max-width:760px){.smu-duo .smu-duo__img.smu-duo__img--corner{height:380px}}

/* Córner y máquina en dos cajas blancas sobre el fondo menta */
.smu-duo{background:var(--smu-bg)}
.smu-duo__grid{max-width:900px;gap:24px;align-items:stretch}
.smu-duo__item{background:#fff;border:1px solid #dcefe5;border-radius:28px;padding:28px 24px 24px;gap:18px;box-shadow:0 24px 44px -34px rgba(0,80,50,.4)}
.smu-duo__head{height:auto;min-height:0;justify-content:flex-start}
.smu-duo__item h2{line-height:1.15}
.smu-duo .smu-duo__img{height:320px}
.smu-duo .smu-duo__img.smu-duo__img--corner{height:320px}
.smu-duo__img--machine{border:0;background:none}
.smu-duo__item .smu-duo__info{background:none;border:0;padding:0;border-top:1px solid #e3f2ea;padding-top:16px;border-radius:0}
.smu-duo__item .smu-chips{border-top:0;padding-top:0}
@media (max-width:760px){.smu-duo__item{padding:22px 16px}.smu-duo .smu-duo__img,.smu-duo .smu-duo__img.smu-duo__img--corner{height:300px}}
.smu-duo__item .smu-chips li,.smu-duo__item .smu-chips li:last-child{justify-content:flex-start;text-align:left;grid-column:auto}

.smu-duo__title{margin-bottom:32px}
.smu-duo__title h2{font-family:var(--font-smu);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.4rem);margin:0}
.smu-range{background:linear-gradient(180deg,transparent 70%,var(--smu-bg) 100%),radial-gradient(40% 50% at 0% 20%,rgba(251,169,63,.22),transparent 70%),radial-gradient(40% 45% at 100% 55%,rgba(134,113,180,.18),transparent 70%),radial-gradient(35% 40% at 60% 0%,rgba(0,168,112,.14),transparent 70%),var(--smu-bg)}

/* Nuestra tecnología: mismo formato que La gama SMÜ y corte de color */
.smu-duo__title{margin-bottom:40px}
.smu-duo__title h2{font-family:var(--font-smu);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.4rem);margin:0}
.smu-duo__title .eyebrow{color:var(--smu-green)}
.smu-duo{background:
  radial-gradient(38% 55% at 100% 0%,rgba(73,176,232,.18),transparent 70%),
  radial-gradient(40% 50% at 0% 10%,rgba(0,168,112,.16),transparent 70%),
  radial-gradient(35% 40% at 45% 0%,rgba(255,174,53,.14),transparent 70%),
  var(--smu-bg);padding-top:56px}

.why__card{position:relative}
.why__link{all:unset;box-sizing:border-box;cursor:pointer;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:.5em 1.1em;border-radius:999px;background:var(--red);color:var(--white);font-weight:700;font-size:.9rem;transition:background .2s,gap .2s}
.why__link:hover{background:var(--red-dark);gap:12px}
.why__link:focus-visible{outline:3px solid var(--brown);outline-offset:3px}
.why__link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.why__certs+.why__link,.why__card p+.why__link{margin-top:14px}
.why__card{padding-bottom:26px}
/* Cabecera en rojo corporativo, logo y textos en blanco */
.header{background:var(--red);backdrop-filter:none;border-bottom:0;box-shadow:0 6px 18px -10px rgba(120,20,10,.45)}
body::before{background:var(--red)}
.nav a:not(.btn),.nav__link,.dd__btn{color:#FBF6F2}
.nav a:not(.btn):hover,.nav__link:hover,.dd__btn:hover,.dd__btn[aria-expanded="true"],.nav__link.is-current,body[data-page="itf"] .dd__btn,body[data-page="sb"] .dd__btn,body[data-page="smu"] .dd__btn{color:#FFFFFF;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.dd__btn:focus-visible{outline-color:#FFFFFF}
.dd__menu a,.dd__menu a span{color:var(--brown);text-decoration:none}
.lang{border-color:#FBF6F2}
.lang button{color:#FBF6F2}
.lang button[aria-pressed="true"]{background:#FBF6F2;color:var(--red)}
.menu-btn span{background:#FBF6F2}
@media (max-width:760px){
  .nav{background:var(--red);border-bottom:0}
  .nav a:not(.btn),.nav .nav__link{border-bottom-color:rgba(255,255,255,.25)}
  .dd{border-bottom-color:rgba(255,255,255,.25)}
  .dd__menu a,.dd__menu a span{color:#FBF6F2}
}
@media (max-width:760px){
  .dd__menu{gap:8px;padding:4px 0 14px}
  .dd__menu a{background:#FBF6F2;border-radius:14px;margin:0 8px;justify-content:flex-start !important;padding:8px 16px !important}
  .dd__menu a,.dd__menu a span{color:var(--brown)}
}
/* Kiwi y fresa intercambiados */
.smu__visual.smu__cups img.smf--kiwi{height:18%;left:28%;right:auto;top:-10%;rotate:-10deg}
.smu__visual.smu__cups img.smf--fresa{height:19%;left:auto;right:-8%;top:-2%;rotate:12deg}
@media (max-width:760px){.smu__visual.smu__cups img.smf--fresa{right:0}}

/* Formato + gramaje debajo */
.pack figcaption{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15;padding:.35em 1em;border-radius:14px}
.pack figcaption span{font-weight:700}
.pack figcaption small{font-size:.76rem;font-weight:500;color:var(--brown-soft)}

/* Call out "Mantener congelado" */
.frozen-badge{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:.45em .95em .45em .7em;border-radius:999px;background:#E3F3FB;border:1.5px solid #9BD3EE;color:#0F4C6E;font-size:.86rem;font-weight:700;line-height:1;box-shadow:0 6px 14px -10px rgba(15,76,110,.5)}
.frozen-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.frozen-badge b{font-weight:800;padding-left:8px;border-left:1.5px solid #9BD3EE}
.product .frozen-badge{align-self:flex-start}
.sf .frozen-badge{margin:0 0 10px;background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.6)}
@media (max-width:980px){.product .frozen-badge{align-self:center}}
.product .product__info>p.frozen-badge,.sf p.frozen-badge{color:#0F4C6E;opacity:1;background:#E3F3FB;border-color:#9BD3EE}
/* Vasos SMÜ con aspecto congelado: sombra fría */
.smv,.smu-cup img,.hp--smu img{filter:drop-shadow(0 18px 20px rgba(40,110,150,.22)) drop-shadow(0 0 14px rgba(200,235,250,.55))}

/* Sticker "Compra congelado, disfruta fresco" */
.smu__visual.smu__cups .smu-sticker{position:absolute;z-index:6;left:-4%;bottom:6%;width:150px;height:150px;margin:0;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#2fd296 0%,#00A870 60%,#008a5c 100%);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:14px;
  box-shadow:0 16px 28px -12px rgba(0,90,60,.55),inset 0 0 0 5px rgba(255,255,255,.35),inset 0 0 0 7px #00A870;
  rotate:-12deg;animation:stickerPop 4s ease-in-out infinite}
.smu-sticker__ic{font-size:1.4rem;line-height:1;color:#D6F5FF}
.smu-sticker__a{font-family:var(--font-smu);font-weight:800;font-size:1rem;line-height:1.05;letter-spacing:-.01em}
.smu-sticker__b{font-family:var(--font-smu);font-weight:800;font-size:1rem;line-height:1.05;color:#FFE27A}
@keyframes stickerPop{0%,100%{scale:1}50%{scale:1.06}}
@media (max-width:760px){.smu__visual.smu__cups .smu-sticker{width:108px;height:108px;left:0;bottom:2%;padding:10px}.smu-sticker__a,.smu-sticker__b{font-size:.74rem}.smu-sticker__ic{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.smu__visual.smu__cups .smu-sticker{animation:none}}
.smu__visual.smu__cups .smu-sticker{left:auto;right:-6%;bottom:-2%;rotate:10deg}@media (max-width:760px){.smu__visual.smu__cups .smu-sticker{right:0;left:auto;bottom:-4%}}

/* Call out moderno bajo el botón */
.smu-chip{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;padding:5px;border-radius:999px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border:1px solid #d5efe2;box-shadow:0 10px 22px -16px rgba(0,90,60,.5);font-size:.86rem;font-weight:700;line-height:1;width:max-content;max-width:100%}
.smu-chip__part{display:inline-flex;align-items:center;gap:6px;padding:.5em .85em;border-radius:999px;white-space:nowrap}
.smu-chip__part svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.smu-chip__part--cold{background:linear-gradient(135deg,#dff3fb,#bfe6f6);color:#0F4C6E}
.smu-chip__part--fresh{background:linear-gradient(135deg,#ffe9a8,#ffd24d);color:#6b3f00}
.smu-chip__arrow{color:var(--smu-green);font-weight:800;animation:chipArrow 1.8s ease-in-out infinite}
@keyframes chipArrow{0%,100%{translate:0 0}50%{translate:3px 0}}
@media (max-width:980px){.smu-chip{margin-left:auto;margin-right:auto}}
@media (max-width:400px){.smu-chip{font-size:.76rem}.smu-chip__part{padding:.45em .65em}}
@media (prefers-reduced-motion:reduce){.smu-chip__arrow{animation:none}}
.smu__cta+.smu-chip{display:flex}
@media (min-width:901px){.funding .funding__inner p{max-width:none;font-size:.8rem}.funding .funding__inner{max-width:1240px}}

/* ===== Portada con foto ===== */
.cover{position:relative;height:calc(100vh - 72px);height:calc(100svh - 72px);min-height:560px;max-height:1000px;
  background:linear-gradient(180deg,#a9d0f3 0%,#b7d8f5 30%,#a7cdf0 60%);overflow:visible;isolation:isolate}
.cover__bg{position:absolute;left:0;right:0;bottom:0;height:80%;z-index:0;display:block;overflow:hidden}
.cover__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;display:block;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%)}
.cover__frost{position:absolute;left:0;right:0;top:0;height:min(220px,28%);z-index:1;pointer-events:none;
  background:url("img/escarcha.webp") center top/cover no-repeat;opacity:.8;mix-blend-mode:screen}
.cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.85) 85%,#fff)}
.cover__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(36px,5vh,64px)}
.cover__eyebrow{margin:0 0 10px;color:var(--red);text-shadow:0 1px 0 rgba(255,255,255,.6)}
.cover__title{font-family:var(--font-head);font-weight:800;font-size:clamp(2.6rem,6.2vw,5.6rem);line-height:1;letter-spacing:-.02em;color:var(--brown);margin:0;
  text-shadow:0 2px 0 rgba(255,255,255,.55),0 10px 30px rgba(255,255,255,.55);text-wrap:balance}
.cover__packs{position:absolute;left:0;right:0;bottom:-46px;z-index:3}
.cover__packs .hero-packs{margin:0 auto;--h:clamp(84px,8.5vw,124px)}
.cover__packs .hp img{filter:drop-shadow(0 22px 22px rgba(59,38,37,.35))}
.froozz{min-height:0 !important;padding-top:96px !important}
.froozz .froozz__text{margin-top:0}
@media (max-width:760px){
  .cover{height:auto;min-height:0;aspect-ratio:auto;padding-bottom:0}
  .cover__inner{padding-top:28px;padding-bottom:12px}
  .cover__bg{position:relative;height:auto;aspect-ratio:4/5}
  .cover__bg img{object-position:62% 60%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%)}
  .cover__frost{height:120px}
  .cover::after{height:18%}
  .cover__packs{bottom:-30px}
  .cover__packs .hero-packs{--h:clamp(48px,14vw,72px)}
  .froozz{padding-top:64px !important}
}
main .cover .cover__packs,.cover .cover__packs{position:absolute;left:0;right:0;bottom:-48px;z-index:3}
.cover .cover__inner{position:relative;z-index:2}
@media (max-width:760px){
  .cover{display:flex;flex-direction:column}
  .cover .cover__inner{order:0}
  .cover .cover__bg{order:1;margin-top:-40px}
  main .cover .cover__packs,.cover .cover__packs{bottom:-30px}
}
.cover{z-index:3}
.froozz{background:var(--white) !important}.froozz::before{display:none}
.froozz{padding-top:64px !important}@media (max-width:760px){.froozz{padding-top:40px !important}}

/* Texto completo sobre la foto, en panel escarchado */
.cover .cover__inner{max-width:980px;margin:0 auto;padding-top:clamp(28px,4vh,52px)}
.cover__inner{background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.7);border-radius:32px;padding:clamp(24px,3vw,40px) clamp(20px,4vw,56px) clamp(24px,3vw,36px) !important;box-shadow:0 30px 60px -36px rgba(30,70,100,.45);top:clamp(20px,3vh,40px)}
.cover__title{font-size:clamp(2.4rem,5.2vw,4.6rem);text-shadow:none}
.cover__text{margin-top:18px;max-width:760px;color:#4a3533;font-size:clamp(1rem,1.05vw + .35rem,1.15rem);line-height:1.55}
.cover__text p{margin:0}
.cover__text p+p{margin-top:.6em}
.cover__text p:first-child{font-weight:700;color:var(--brown);font-size:1.18em}
.cover__bg{height:72%}
.froozz{padding-top:48px !important}
@media (max-width:760px){
  .cover__inner{margin:16px 14px 0 !important;top:0;border-radius:24px}
  .cover .cover__bg{margin-top:-60px}
  .cover__text{font-size:.95rem}
}
@media (min-width:761px){.cover__bg{height:66%}.cover__bg img{object-position:50% 35%}}
@media (min-width:761px) and (max-height:800px){.cover__inner{padding:18px 40px 20px !important;top:14px}.cover__title{font-size:clamp(2.2rem,4.2vw,3.4rem)}.cover__text{margin-top:10px;font-size:.95rem;line-height:1.45}.cover__bg{height:62%}.cover__bg img{object-position:50% 30%}}
/* Carrusel subido a la altura del corte de la portada */
.froozz{padding-top:0 !important}
.froozz .lg.marquee{position:relative;z-index:4;margin-top:calc(-1 * clamp(150px,16vw,230px)) !important}
.froozz .lg .lg__item{box-shadow:0 24px 40px -22px rgba(59,38,37,.45)}
.froozz .pillars{margin-top:56px}
@media (max-width:760px){.froozz .lg.marquee{margin-top:-110px !important}.froozz .pillars{margin-top:36px}}
.froozz{overflow:visible !important;position:relative;z-index:4}.froozz .lg.marquee{overflow:hidden}
/* Panel más separado de la barra y carrusel más bajo para ver las sonrisas */
@media (min-width:761px){.cover .cover__inner{top:clamp(40px,6vh,64px)}}
.froozz .lg.marquee{margin-top:calc(-1 * clamp(90px,9.5vw,140px)) !important}
@media (max-width:760px){.cover__inner{margin-top:30px !important}.froozz .lg.marquee{margin-top:-60px !important}}
/* ===== Portada v3: foto + logo + slogan ===== */
.cover.cover--hero{display:block;height:calc(100svh - 72px);min-height:520px;max-height:1000px;padding:0;background:#cfe6f5;overflow:hidden}
.cover.cover--hero .cover__bg{position:absolute;inset:0;height:100%;margin:0;-webkit-mask-image:none;mask-image:none}
.cover.cover--hero .cover__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;-webkit-mask-image:none;mask-image:none}
.cover.cover--hero::after{display:none}
.cover__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(20,30,45,.55) 0%,rgba(20,30,45,.18) 38%,rgba(20,30,45,0) 55%),linear-gradient(0deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 14%)}
.cover__hero{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(36px,7vh,80px)}
.cover__logo{width:clamp(220px,26vw,400px);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.cover__slogan{margin:clamp(6px,1.2vh,14px) 0 0;color:#fff;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.1;letter-spacing:-.01em;text-shadow:0 3px 16px rgba(0,0,0,.4)}
.froozz{padding-top:clamp(32px,4vw,56px) !important}
.froozz .lg.marquee{margin-top:0 !important}
.about{max-width:860px;margin:clamp(48px,6vw,80px) auto 0;text-align:center}
.about__title{font-family:'Fraunces',Georgia,serif;font-weight:700;color:var(--brown);font-size:clamp(1.8rem,3.2vw,2.6rem);margin:0 0 16px}
.about__text{color:#5a4544;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65;margin:0}
.froozz .pillars{margin-top:clamp(56px,6vw,88px)}
@media (max-width:760px){
  .cover.cover--hero{height:calc(100svh - 72px);min-height:480px}
  .cover.cover--hero .cover__bg{margin:0 !important}
  .cover.cover--hero .cover__bg img{object-position:60% 60%}
  .cover__hero{padding-top:40px}
  .froozz .lg.marquee{margin-top:0 !important}
}
/* Mix de envases bajo el eslogan */
.cover__mix{--h:clamp(130px,19vh,210px);display:flex;align-items:flex-end;justify-content:center;margin-top:clamp(14px,2.5vh,28px)}
.cpk{display:block;position:relative;margin:0 calc(var(--h) * -.06);transition:transform .3s ease;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
.cpk img{display:block;height:var(--h);width:auto;animation:cpkFloat 5s ease-in-out infinite}
.cpk--sb img,.cpk--sb2 img{height:calc(var(--h) * .9)}
.cpk--dp img{height:calc(var(--h) * .95);animation-delay:-1.2s}
.cpk--smu{z-index:2}.cpk--smu img{height:calc(var(--h) * 1.12);animation-delay:-2.4s}
.cpk--pc img{height:calc(var(--h) * .72);animation-delay:-3.6s}
.cpk--sb img{animation-delay:-.6s}.cpk--sb2 img{animation-delay:-3s}
.cpk--sb{transform:rotate(-8deg)}.cpk--sb2{transform:rotate(8deg)}
.cpk:hover{transform:translateY(-6px) scale(1.04);z-index:3}
.cpk--sb:hover{transform:rotate(-8deg) translateY(-6px) scale(1.04)}.cpk--sb2:hover{transform:rotate(8deg) translateY(-6px) scale(1.04)}
@keyframes cpkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.cpk img{animation:none}}
@media (max-width:760px){.cover__mix{--h:clamp(92px,15vh,130px);margin-top:16px}}
.cover__mix{margin-top:clamp(40px,9vh,96px)}
@media (max-width:760px){.cover__mix{margin-top:clamp(48px,10vh,90px)}}
@media (max-width:760px){.cover__mix{margin-top:clamp(80px,16vh,150px)}}
/* Packs que se abren */
button.cpk{background:none;border:0;padding:0;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
button.cpk:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:12px}
.cpk__bit{position:absolute;left:50%;top:12%;z-index:-1;pointer-events:none;height:auto;will-change:transform,opacity}
.cpk img.cpk__bit{height:auto !important;animation:none !important;display:block}
.cover__tap{display:inline-flex;align-items:center;gap:8px;margin:clamp(14px,2vh,22px) 0 0;padding:7px 16px 7px 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.cover__tap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:tapNudge 1.6s ease-in-out infinite}
@keyframes tapNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.cover__tap svg{animation:none}}
@media (max-width:760px){.cover__tap{font-size:.82rem}}
/* Sobre nosotros: más legible */
#sobre-nosotros{scroll-margin-top:110px}
.about{max-width:900px}
.about__text{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.7;color:#4a3634}
.about__text strong{font-weight:700;color:var(--brown);background:linear-gradient(transparent 62%,rgba(230,58,38,.18) 62%);padding:0 2px;border-radius:2px}
.about{max-width:1000px}
.about__text{font-size:clamp(1.3rem,2.1vw,1.75rem);line-height:1.6}
.about__next{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-top:clamp(24px,3vw,36px);border-radius:50%;background:var(--red);color:#fff;box-shadow:0 12px 24px -10px rgba(230,58,38,.6);transition:transform .25s ease,background .25s ease;animation:nextBob 2s ease-in-out infinite}
.about__next svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.about__next:hover{background:#c92f1d;animation-play-state:paused;transform:translateY(3px)}
@keyframes nextBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.about__next{animation:none}}
#pilares{scroll-margin-top:100px}
@media (max-width:760px){.about__text{font-size:1.2rem}}
.cover__mix{margin-top:clamp(90px,16vh,160px)}
@media (max-width:760px){.cover__mix{margin-top:clamp(120px,22vh,190px)}}
/* Sin difuminado blanco en la portada */
.cover__shade{background:linear-gradient(180deg,rgba(20,30,45,.55) 0%,rgba(20,30,45,.18) 38%,rgba(20,30,45,0) 55%)}
.cover.cover--hero::after,.cover.cover--hero::before{display:none !important}
.cover.cover--hero .cover__bg,.cover.cover--hero .cover__bg img{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important}
/* Desplegable Inicio */
.dd__menu--text{min-width:210px}
.dd__menu--text a{padding:11px 16px;font-weight:600;font-size:.95rem}
/* Inicio: texto enlaza a portada, flecha abre desplegable */
.dd--home{display:inline-flex;align-items:center;gap:6px}
.dd__home{color:#FBF6F2;text-decoration:none;font-weight:500}
.dd__home:hover{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.dd__btn--caret{padding:6px 2px}
@media (min-width:761px) and (max-width:1180px){.dd__home{font-size:.92rem}}
@media (max-width:760px){
  .dd--home{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
  .dd--home .dd__home{padding:14px 6px 14px 0;color:#FBF6F2}
  .dd--home .dd__btn--caret{width:auto;padding:14px 8px}
  .dd--home .dd__menu{flex-basis:100%}
}
@media (max-width:760px){
  .nav .dd--home .dd__home{width:auto !important;display:inline-block !important;border:0 !important;flex:0 0 auto}
  .nav .dd--home .dd__btn--caret{width:auto !important;flex:0 0 auto;border:0 !important}
}
.dd__menu--text a{gap:12px}
.dd__ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(230,58,38,.1);color:var(--red);transition:background .2s,color .2s}
.dd__ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dd__menu--text a:hover .dd__ic{background:var(--red);color:#fff}
.dd__menu--text{min-width:250px}.dd__menu--text a span{white-space:nowrap}
/* Logo cabecera más a la izquierda */
.header .header__logo{margin-left:calc(-1 * max(0px, (100vw - 1180px) / 2 - 16px))}
html,body{overflow-x:clip}
/* Escarcha bajo la portada, detrás del carrusel */
.froozz{position:relative}
.froozz>.frost-top{display:block;z-index:0;height:clamp(200px,24vw,320px)}
.froozz>.froozz__inner{position:relative;z-index:2}
@media (max-width:760px){.froozz>.frost-top{height:170px}}
/* Escarcha arriba en itFruit */
#itfruit.brand{position:relative}
#itfruit>.frost-top{display:block;z-index:0;height:240px}
#itfruit>.wrap{position:relative;z-index:2}
@media (max-width:760px){#itfruit>.frost-top{height:160px}}
/* Escarcha arriba en Sorbites (fondo oscuro) */
#sorbites.sb{position:relative}
#sorbites>.frost-top{display:block;z-index:0;height:240px;mix-blend-mode:screen;opacity:.6}
#sorbites>.frost-top::before{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 35%,transparent 100%)}
#sorbites>.wrap{position:relative;z-index:2}
@media (max-width:760px){#sorbites>.frost-top{height:160px}}
/* Escarcha arriba en SMÜ */
#smu.smu{position:relative}
#smu>.frost-top{display:block;z-index:0;height:240px}
#smu>.wrap,#smu>*:not(.frost-top){position:relative;z-index:2}
@media (max-width:760px){#smu>.frost-top{height:160px}}
/* Packs congelados al pasar el ratón */
.brand__visual .bv,.sb__visual .sbp,.smu__visual .smv{cursor:pointer;transition:filter .35s ease}
.brand__visual .bv.is-frozen,.sb__visual .sbp.is-frozen,.smu__visual .smv.is-frozen{filter:drop-shadow(0 18px 22px rgba(40,110,150,.28)) drop-shadow(0 0 16px rgba(190,232,252,.9))}
/* ===== Dónde encontrarnos v2: escaparate ===== */
.stores{position:relative;z-index:2;padding:8px 0 clamp(56px,7vw,96px)}
.st-stats{list-style:none;margin:0 auto clamp(40px,5vw,64px);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:760px}
.st-stats li{background:#fff;border:1px solid #e7eef2;border-radius:22px;padding:22px 12px;text-align:center;box-shadow:0 18px 36px -26px rgba(30,60,80,.35)}
.st-stats strong{display:block;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;color:var(--red)}
.st-stats span{display:block;margin-top:6px;font-weight:600;color:var(--brown);font-size:.98rem}
.st-group{margin-top:clamp(28px,4vw,48px)}
.st-group__title{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:clamp(1.5rem,2.4vw,2rem);color:var(--brown)}
.st-group__title small{font-family:'DM Sans',system-ui,sans-serif;font-size:.85rem;font-weight:700;background:var(--red);color:#fff;border-radius:999px;padding:3px 10px}
.st-flag{display:inline-flex;width:34px;height:23px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.st-flag svg{width:100%;height:100%}
.st-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.st-card{background:#fff;border:1px solid #e7eef2;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 18px 36px -28px rgba(30,60,80,.35)}
.st-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -26px rgba(230,58,38,.35)}
.st-card__logo{height:130px;display:flex;align-items:center;justify-content:center;padding:22px}
.st-card__logo img{max-width:100%;max-height:78px;object-fit:contain}
.st-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #f0f3f5;background:#fbf8f6}
.st-card__name{font-weight:700;color:var(--brown);font-size:.95rem}
.st-card__brand{height:22px;width:auto}
.st-cta{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,56px);background:var(--red);color:#fff;border-radius:28px;padding:clamp(24px,4vw,44px) clamp(24px,5vw,64px);overflow:hidden}
.st-cta__packs{display:flex;align-items:flex-end}
.st-cta__packs img{height:clamp(110px,13vw,170px);width:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.3));margin-right:-18px}
.st-cta__packs img:nth-child(2){height:clamp(85px,10vw,130px);position:relative;z-index:2}
.st-cta__packs img:nth-child(1){transform:rotate(-6deg)}.st-cta__packs img:nth-child(3){transform:rotate(6deg)}
.st-cta__text h2{margin:0;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.15;color:#fff}
.st-cta__text p{margin:10px 0 18px;color:#ffe3dd;font-size:1.05rem}
.st-cta__btn{background:#fff !important;color:var(--red) !important;border-color:#fff !important}
@media (max-width:760px){
  .st-stats{gap:10px}.st-stats li{padding:16px 6px;border-radius:18px}.st-stats span{font-size:.82rem}
  .st-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .st-card__logo{height:96px;padding:14px}.st-card__logo img{max-height:56px}
  .st-card__foot{padding:10px 12px}.st-card__name{font-size:.82rem}.st-card__brand{height:16px}
  .st-cta{grid-template-columns:1fr;text-align:center;justify-items:center}
  .st-cta__packs img{height:110px}.st-cta__packs img:nth-child(2){height:84px}
}
/* Cursores de marca */
@media (hover:hover) and (pointer:fine){
  body[data-page="itf"],body[data-page="itf"] *{cursor:url("img/cursor/frambuesa.png") 22 22,auto !important}
  body[data-page="sb"],body[data-page="sb"] *{cursor:url("img/cursor/perla.png") 18 18,auto !important}
  body[data-page="smu"],body[data-page="smu"] *{cursor:url("img/cursor/vaso.png") 24 24,auto !important}
}
@media (hover:hover) and (pointer:fine){
  body[data-page] .header,body[data-page] .header *{cursor:auto !important}
  body[data-page] .header a,body[data-page] .header button,body[data-page] .header a *,body[data-page] .header button *{cursor:pointer !important}
}
/* Seguridad alimentaria v2 (según Calidad) */
.cert__logo--ifs{flex-direction:column;gap:14px;padding:22px}
.cert__logo--ifs img{width:100%;max-width:240px;height:auto}
.cert__mandatory{margin:0;font-size:.8rem;line-height:1.45;color:#3b2625;text-align:center;max-width:260px}
.cert__logo--text{flex-direction:column}
.cert__seal{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--red);font-weight:700;font-size:.95rem;text-align:center}
.cert__seal svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cert__excl{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--red);background:#fdf3f1;border-radius:0 10px 10px 0;font-size:.9rem;color:#3b2625}
.cert__logo--ifs,.cert__logo--text{border-style:solid !important;border-color:#ece4e0 !important;background:#fff}
/* Certificados sin logos */
.cert.cert--text{display:block;grid-template-columns:none}
.cert--text .cert__body{max-width:820px}
.sa-scope{display:flex;gap:16px;align-items:flex-start;margin-top:8px;padding:clamp(20px,3vw,28px) clamp(20px,3vw,32px);border-radius:24px;background:#fff;border:1px solid #f1d6d0;border-left:4px solid var(--red)}
.sa-scope__ic{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:rgba(230,58,38,.1);color:var(--red);display:flex;align-items:center;justify-content:center}
.sa-scope__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sa-scope h2{margin:0 0 6px;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:1.3rem;color:var(--brown)}
.sa-scope p{margin:6px 0 0;color:#4a3634;line-height:1.55}
#alcance{scroll-margin-top:100px}
.sa-note{display:flex;gap:8px;align-items:flex-start;margin:4px auto 0;max-width:820px;width:100%;font-size:.82rem;line-height:1.5;color:#8a7672}
.sa-note svg{flex:0 0 auto;width:15px;height:15px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sa-note{justify-content:center;text-align:center;margin:6px auto 0}
.sa-note svg{margin-top:3px}
.sa-list{padding-bottom:clamp(28px,3vw,40px) !important}
.sa-note{display:block !important;max-width:640px}
.sa-note svg{display:inline-block;vertical-align:-2px;margin:0 6px 0 0}
/* Logos de marcas en portada */
.cover__brands{margin-top:clamp(18px,3vh,34px);display:flex;flex-direction:column;align-items:center;gap:10px}
.cover__brands-t{margin:0;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.cover__brands-row{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,44px)}
.cover__brands-row a{display:block;transition:transform .25s ease,opacity .25s;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))}
.cover__brands-row a:hover{transform:translateY(-3px) scale(1.05)}
.cover__brands-row img{display:block;width:auto}
.cb-itf{height:clamp(30px,3.6vw,46px);filter:brightness(0) invert(1)}
.cb-sb{height:clamp(44px,5.2vw,66px)}
.cb-smu{height:clamp(22px,2.6vw,34px)}
.cover__mix{margin-top:clamp(40px,7vh,80px)}
@media (max-width:760px){
  .cover__brands{margin-top:16px;gap:8px}
  .cover__brands-t{font-size:.68rem}
  .cover__brands-row{gap:20px}
  .cb-itf{height:26px}.cb-sb{height:40px}.cb-smu{height:20px}
  .cover__mix{margin-top:clamp(60px,10vh,100px)}
}
.cover__brands{position:relative;z-index:5}
/* Portada: más aire */
.cover__brands{margin-top:clamp(28px,5vh,56px)}
.cb-smu{height:clamp(28px,3.2vw,42px);filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.cb-itf{height:clamp(32px,3.8vw,48px)}
.cover__brands-row{gap:clamp(28px,3.6vw,52px)}
.cover__mix{--h:clamp(115px,16vh,195px);margin-top:clamp(50px,9vh,104px)}
.cover__tap{margin-top:clamp(12px,1.8vh,18px);padding:5px 12px 5px 9px;font-size:.76rem;gap:6px}
.cover__tap svg{width:14px;height:14px}
@media (max-width:760px){
  .cover__brands{margin-top:28px}
  .cb-smu{height:24px}.cb-itf{height:28px}
  .cover__mix{--h:clamp(90px,13vh,120px);margin-top:clamp(70px,12vh,110px)}
  .cover__tap{font-size:.72rem}
}
@media (max-width:760px){.cover__brands{margin-top:40px}.cover__mix{margin-top:clamp(110px,17vh,160px)}}
/* Misma sombra en todos los logos de portada */
.cover__brands-row a{filter:none}
.cb-smu,.cb-sb,.cover__logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.cb-itf{filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.45))}
/* Sombra de suelo bajo los doypacks (itFruit) */
.pack--doy{position:relative}
.pack--doy img{position:relative;z-index:1}
.pack__ground{display:block;width:78%;height:18px;margin:-12px auto 4px;position:relative;z-index:0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(40,18,18,.42) 0%,rgba(40,18,18,.18) 45%,transparent 72%);filter:blur(2px)}
.pack__ground{width:92%;height:22px;margin:-11px auto 0;background:radial-gradient(ellipse at center,rgba(40,18,18,.5) 0%,rgba(40,18,18,.22) 42%,transparent 70%);filter:blur(3px)}
.pack__ground{width:96%;height:26px;margin:-8px auto -4px;background:radial-gradient(ellipse at center,rgba(30,10,10,.7) 0%,rgba(30,10,10,.35) 40%,transparent 70%);filter:blur(2.5px)}
/* Redes sociales en el pie */
.footer__social{display:flex;align-items:center;gap:12px}
.footer__social a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);transition:background .2s,transform .2s}
.footer__social a:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.footer__social svg{width:26px;height:26px;padding:4px;border-radius:50%;background:#fff;fill:var(--red)}
.footer__social svg.ig{fill:none;stroke:var(--red);stroke-width:2}
.footer__social svg.ig .dot{fill:var(--red);stroke:none}
@media (max-width:760px){.footer__social{justify-content:center}}
.footer__inner{align-items:center}.footer__inner>p{margin:0}
/* Pie más bajo */
.footer{padding-block:14px !important}
.footer__inner{min-height:0;gap:16px}
.footer__social a{padding:4px 12px 4px 5px;font-size:.85rem}
.footer__social svg{width:22px;height:22px;padding:3px}
@media (max-width:760px){.footer{padding-block:16px !important}.footer__inner{gap:10px}}
@media (min-width:761px){
  .footer__inner{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center}
  .footer__inner>p:nth-of-type(1){text-align:center}
  .footer__inner>p:last-child{justify-self:end}
}
/* Menos espacio antes de la franja de financiación */
.contact{padding-bottom:clamp(36px,4vw,48px) !important}
/* Portada: más contraste para textos y logos */
.cover__shade{background:
  radial-gradient(ellipse 60% 55% at 50% 30%,rgba(15,20,35,.42) 0%,rgba(15,20,35,.18) 55%,rgba(15,20,35,0) 80%),
  linear-gradient(180deg,rgba(15,22,38,.6) 0%,rgba(15,22,38,.3) 35%,rgba(15,22,38,.08) 60%,rgba(15,22,38,0) 75%)}
.cover__logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35)) drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.cover__slogan{text-shadow:0 1px 3px rgba(0,0,0,.45),0 4px 18px rgba(0,0,0,.5)}
.cover__brands-t{text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.5);opacity:1}
.cb-smu,.cb-sb{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 3px 10px rgba(0,0,0,.45))}
.cb-itf{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 3px 10px rgba(0,0,0,.45))}
.cover__tap{background:rgba(20,25,35,.35);border-color:rgba(255,255,255,.55)}
.st-card__foot{justify-content:center}
/* Certificaciones: resaltar al pasar el ratón */
.cert{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}
@media (hover:hover){
  .cert:hover{transform:translateY(-6px);background:#fff;border-color:rgba(230,58,38,.45);box-shadow:0 26px 48px -26px rgba(230,58,38,.45),0 0 0 3px rgba(230,58,38,.08)}
  .cert:hover h2{color:var(--red)}
}
.cert h2{transition:color .3s ease}
@media (hover:hover){
  .cert--ifs:hover{border-color:rgba(29,79,145,.45);box-shadow:0 26px 48px -26px rgba(29,79,145,.45),0 0 0 3px rgba(29,79,145,.08)}
  .cert--ifs:hover h2{color:#1d4f91}
  .cert--rainforest:hover{border-color:rgba(47,125,58,.45);box-shadow:0 26px 48px -26px rgba(47,125,58,.45),0 0 0 3px rgba(47,125,58,.08)}
  .cert--rainforest:hover h2{color:#2f7d3a}
}
.smu-duo__img--corner img{object-fit:contain !important;object-position:center;padding:12px 0;filter:drop-shadow(0 18px 22px rgba(0,80,50,.2))}
.smu-duo .smu-duo__img.smu-duo__img--corner{aspect-ratio:629/1000;overflow:visible;border-radius:0}.smu-duo .smu-duo__img.smu-duo__img--corner img{padding:0}
/* SMÜ: claims bajo la gama */
.smu-claims{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:clamp(22px,3vw,32px) clamp(16px,2.5vw,28px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);background:#fff;border:1px solid #e3f2ea;border-radius:28px;box-shadow:0 22px 44px -32px rgba(0,120,80,.35)}
.smu-claim{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:6px 4px;transition:transform .25s ease}
.smu-claim:hover{transform:translateY(-4px)}
.smu-claim__ic{width:64px;height:64px;border-radius:50%;background:var(--cb);color:var(--cf);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:transform .25s}
.smu-claim:hover .smu-claim__ic{transform:scale(1.08) rotate(-4deg)}
.smu-claim__ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smu-claim h3{margin:0;font-family:var(--font-smu);font-weight:800;font-size:.86rem;line-height:1.15;text-transform:uppercase;letter-spacing:.01em;color:var(--brown)}
.smu-claim p{margin:0;font-size:.82rem;line-height:1.4;color:#5a4a48}
@media (max-width:1000px){.smu-claims{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}}
@media (max-width:520px){.smu-claims{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 12px;border-radius:22px}.smu-claim__ic{width:54px;height:54px}.smu-claim__ic svg{width:26px;height:26px}}
.smu-claims .smu-claim__ic svg{width:34px !important;height:34px !important;max-width:none}@media (max-width:520px){.smu-claims .smu-claim__ic svg{width:28px !important;height:28px !important}}
.smu-claims .smu-claim__ic{width:70px;height:70px}.smu-claims .smu-claim__ic svg{width:42px !important;height:42px !important;stroke-width:1.6}@media (max-width:520px){.smu-claims .smu-claim__ic{width:58px;height:58px}.smu-claims .smu-claim__ic svg{width:34px !important;height:34px !important}}
/* Fruta cortada con capas señaladas */
.cut{margin:1.4rem 0 0;max-width:460px;padding-right:150px}
.cut__wrap{position:relative}
.cut__wrap img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;object-position:left center}
.cut__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cut__ln{stroke:#e63a26;stroke-width:3.5;stroke-linecap:round;fill:none;stroke-dasharray:400;stroke-dashoffset:0}
.cut__lb{position:absolute;transform:translate(8px,-50%);white-space:nowrap;font-size:.86rem;line-height:1.25;color:#3b2625;display:flex;flex-direction:column}
.cut__lb strong{font-weight:800}
.cut--fresa .cut__wrap img,.cut--banana .cut__wrap img{max-height:190px}
@media (prefers-reduced-motion:no-preference){
  .cut .cut__ln{stroke-dashoffset:400;transition:stroke-dashoffset .8s ease var(--d)}
  .cut .cut__lb{opacity:0;transition:opacity .5s ease calc(var(--d) + .5s)}
  .cut.is-in .cut__ln{stroke-dashoffset:0}
  .cut.is-in .cut__lb{opacity:1}
}
@media (max-width:760px){.cut{margin:1.2rem auto 0;padding-right:120px;max-width:340px}.cut__lb{font-size:.76rem}}
.cut{padding-right:0;max-width:none}
.cut__wrap{width:250px;margin-right:170px}
.cut--fresa .cut__wrap{width:225px}
.cut--banana .cut__wrap{width:205px}
.cut__wrap img,.cut--fresa .cut__wrap img,.cut--banana .cut__wrap img{width:100%;height:auto;max-height:none;object-fit:fill}
.cut__lb{transform:translate(14px,-50%)}
.product--strawberry .cut__ln{stroke:#3b2625}
.product--strawberry .cut marker path{fill:#3b2625}
@media (max-width:760px){
  .cut{display:flex;justify-content:center}
  .cut__wrap{width:170px;margin-right:120px}
  .cut--fresa .cut__wrap{width:150px}.cut--banana .cut__wrap{width:140px}
  .cut__lb{font-size:.74rem;transform:translate(8px,-50%)}
}
/* Bloque "Por dentro": tres frutas cortadas */
.cuts{padding:0 0 clamp(64px,7vw,100px);position:relative;z-index:1}
.cuts__box{background:#fff;border:1px solid #f1e3de;border-radius:32px;padding:clamp(28px,4vw,48px) clamp(20px,3vw,40px);box-shadow:0 24px 50px -36px rgba(59,38,37,.35)}
.cuts__head{text-align:center;margin-bottom:clamp(20px,3vw,32px)}
.cuts__head h2{margin:.3rem 0 0;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:clamp(1.6rem,2.8vw,2.3rem);color:var(--brown)}
.cuts__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.cuts .cut{margin:0;display:flex;justify-content:center}
.cuts .cut__wrap{width:min(190px,48%);margin-right:min(150px,40%)}
.cuts .cut--fresa .cut__wrap{width:min(170px,44%)}
.cuts .cut--banana .cut__wrap{width:min(160px,42%)}
.cuts .cut__lb{font-size:.82rem}
.cuts .cut--fresa .cut__ln{stroke:#e63a26}
.cuts .cut--fresa marker path{fill:#e63a26}
@media (max-width:1100px){.cuts__row{grid-template-columns:1fr;gap:28px}.cuts .cut__wrap{width:200px;margin-right:160px}.cuts .cut--fresa .cut__wrap{width:180px}.cuts .cut--banana .cut__wrap{width:170px}}
@media (max-width:760px){.cuts .cut__wrap{width:160px;margin-right:125px}.cuts .cut--fresa .cut__wrap{width:145px}.cuts .cut--banana .cut__wrap{width:135px}.cuts .cut__lb{font-size:.74rem}}
@media (min-width:1101px){
  .cuts__row{gap:0}
  .cuts .cut__wrap{width:220px;margin-right:140px}
  .cuts .cut--fresa .cut__wrap{width:195px}
  .cuts .cut--banana .cut__wrap{width:185px}
}
/* Lupa */
.cut__lens{position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none;background-color:#fff;background-repeat:no-repeat;border:3px solid #fff;box-shadow:0 0 0 2px rgba(230,58,38,.55),0 14px 30px -8px rgba(59,38,37,.45);opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease;z-index:5}
.cut__lens.on{opacity:1;transform:scale(1)}
.cuts .cut__wrap img{cursor:zoom-in}
.cuts .eyebrow{color:rgb(165,187,25)}
.about__head{margin-bottom:clamp(18px,2.4vw,28px)}
/* Mapa Europa en Dónde encontrarnos */
.st-map{max-width:760px;margin:0 auto clamp(40px,5vw,64px)}
.mp{display:block;width:100%;height:auto}
.mp-land{fill:#ece7e4;stroke:#fff;stroke-width:.8;stroke-linejoin:round}
.mp-on{fill:var(--red);stroke:#fff;stroke-width:1;stroke-linejoin:round;filter:drop-shadow(0 6px 10px rgba(230,58,38,.3));transition:fill .25s}
.mp-on:hover{fill:#c92f1d}
.mp-pin circle{fill:#fff;stroke:var(--brown);stroke-width:2.5}
.mp-pin text{font:700 15px 'DM Sans',system-ui,sans-serif;fill:var(--brown);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.st-stats--2{grid-template-columns:repeat(2,1fr);max-width:480px;margin:clamp(16px,2vw,24px) auto 0}
.mp{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 55%,#000 60%,transparent 100%)}
/* Mapa izquierda + datos derecha */
.st-map{max-width:none;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.st-map__map{position:relative}
.mp-off{fill:#ece7e4;stroke:#fff;stroke-width:.8;stroke-linejoin:round;transition:fill .2s}
.mp-off:hover{fill:#d9d2ce;cursor:progress}
.mp-tip{position:absolute;left:0;top:0;transform:translate(14px,-130%);display:flex;align-items:center;gap:8px;background:var(--brown);color:#fff;font-size:.8rem;font-weight:700;padding:6px 12px 6px 8px;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 10px 20px -8px rgba(0,0,0,.4);z-index:3}
.mp-tip.on{opacity:1}
.mp-tip__spin{width:14px;height:14px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:mpSpin .8s linear infinite}
@keyframes mpSpin{to{transform:rotate(360deg)}}
.st-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.st-kpis li{background:#fff;border:1px solid #e7eef2;border-radius:22px;padding:22px 12px;text-align:center;box-shadow:0 18px 36px -26px rgba(30,60,80,.35);transition:transform .25s}
.st-kpis li:hover{transform:translateY(-4px)}
.st-kpis strong{display:block;font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:clamp(2.2rem,3.6vw,3rem);line-height:1;color:var(--red)}
.st-kpis span{display:block;margin-top:6px;font-weight:600;color:var(--brown)}
@media (max-width:860px){.st-map{grid-template-columns:1fr}.st-kpis{max-width:460px;margin:0 auto;width:100%}}
@media (max-width:420px){.st-kpis{gap:10px}.st-kpis li{padding:16px 8px}}
/* Carrusel de retailers */
.st-carousel{margin-top:clamp(48px,6vw,80px);text-align:center}
.st-carousel__t{margin-bottom:18px}
.st-marquee .marquee__track{gap:28px;animation-duration:30s;align-items:center}
.st-logo{flex:0 0 auto;width:240px;height:140px;background:#fff;border:1px solid #e7eef2;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:22px 28px;box-shadow:0 18px 36px -28px rgba(30,60,80,.35)}
.st-logo img{max-width:100%;max-height:92px;object-fit:contain}
@media (max-width:760px){.st-logo{width:170px;height:104px;padding:16px 18px;border-radius:18px}.st-logo img{max-height:66px}.st-marquee .marquee__track{gap:14px}}
.st-marquee .marquee__track{animation-name:stMarq}
@keyframes stMarq{to{transform:translateX(calc(-50% - 14px))}}
@media (max-width:760px){@keyframes stMarq{to{transform:translateX(calc(-50% - 7px))}}}
/* Pie marrón con luz roja */
.footer{position:relative;overflow:hidden;background:
  radial-gradient(ellipse 45% 160% at 50% 0%,rgba(230,58,38,.55) 0%,rgba(190,50,30,.22) 40%,rgba(59,38,37,0) 75%),
  radial-gradient(ellipse 30% 120% at 88% 100%,rgba(230,58,38,.18) 0%,rgba(59,38,37,0) 70%),
  linear-gradient(180deg,#3a201d 0%,#2a1715 100%) !important}
.footer__social a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.footer__social svg{fill:#3b2625}
.footer__social svg.ig{stroke:#3b2625}
.footer__social svg.ig .dot{fill:#3b2625}
/* Luz roja que sigue al ratón en el pie */
.footer{--mx:50%;--my:0%;background:
  radial-gradient(circle 260px at var(--mx) var(--my),rgba(230,58,38,.6) 0%,rgba(190,50,30,.25) 45%,rgba(59,38,37,0) 100%),
  linear-gradient(180deg,#3a201d 0%,#2a1715 100%) !important;transition:background-position .2s}
/* Lupa: ocultar el cursor de frambuesa sobre las frutas cortadas */
@media (hover:hover) and (pointer:fine){
  body[data-page="itf"] .cuts .cut__wrap,body[data-page="itf"] .cuts .cut__wrap *{cursor:none !important}
}
/* ===== Páginas legales ===== */
.legal-hero{padding-block:110px 32px}
.legal__body{padding:8px 0 clamp(56px,6vw,88px);position:relative;z-index:2}
.legal__wrap{max-width:860px}
.legal__doc{background:#fff;border:1px solid #f1e3de;border-radius:28px;padding:clamp(24px,4vw,48px);box-shadow:0 24px 50px -40px rgba(59,38,37,.35);color:#4a3634;line-height:1.7;font-size:1rem}
html[lang="en"] .legal__doc--es,html:not([lang="en"]) .legal__doc--en{display:none}
.legal__doc h2{font-family:var(--font-head,'Fraunces',Georgia,serif);font-size:1.3rem;color:var(--brown);margin:1.8em 0 .5em}
.legal__doc h2:first-child{margin-top:0}
.legal__doc p,.legal__doc ul{margin:.5em 0}
.legal__doc ul{padding-left:1.2em}
.legal__doc li{margin:.3em 0}
.legal__doc a{color:var(--red)}
.legal__data{list-style:none;padding:16px 20px !important;background:#fbf6f4;border-radius:16px}
.legal__table{overflow-x:auto;margin:1em 0}
.legal__table table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.legal__table th,.legal__table td{text-align:left;padding:10px 12px;border-bottom:1px solid #f1e3de;vertical-align:top}
.legal__table th{background:#fbf6f4;color:var(--brown);font-weight:700}
mark.ph{background:#fff3c4;color:#7a4b00;padding:0 4px;border-radius:4px;font-weight:600}
/* Fila legal del pie */
.footer__legal{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.footer__legal a{color:rgba(255,255,255,.75);font-size:.8rem;text-decoration:none}
.footer__legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer{padding-bottom:12px !important}
.legal__updated{margin:18px 4px 0;text-align:right;font-size:.82rem;color:#8a7672}.legal-hero{padding-bottom:20px}
/* Páginas legales: más ancho + botón subir */
.legal__wrap{max-width:1180px}
.legal__doc{padding:clamp(24px,4vw,56px) clamp(22px,5vw,72px)}
.to-top{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:50;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px -10px rgba(230,58,38,.6);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background .2s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:#c92f1d;transform:translateY(-3px)}
.to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){body[data-page] .to-top{cursor:pointer !important}}
@media (hover:hover) and (pointer:fine){
  body[data-page] .footer,body[data-page] .footer *{cursor:auto !important}
  body[data-page] .footer a,body[data-page] .footer a *,body[data-page] .footer button{cursor:pointer !important}
}
.legal__updated{margin-bottom:76px}
.legal__body{padding-bottom:16px}
.jobs__how{margin:0 0 18px;line-height:1.5}.jobs__how strong{color:var(--brown)}
/* Contacto: sin botones, mismos tamaños en ambas tarjetas */
.contact__card .lead{margin-bottom:6px}
.jobs__how{margin:0 0 6px !important}
.contact__card .contact__mail{margin-top:14px;font-size:1.15rem;font-weight:700}
.contact__card .contact__mail a{color:var(--red)}
.contact__card--jobs .contact__mail a{color:var(--brown)}
.contact__card p.lead.jobs__how{font-size:18.4px !important;line-height:inherit}
/* Correos: solo texto, fácil de seleccionar y copiar */
.mail{-webkit-user-select:all;user-select:all;cursor:text}
@media (hover:hover) and (pointer:fine){body[data-page] .mail{cursor:text !important}}
.contact__card .contact__mail .mail{color:var(--red);text-decoration:none}
.contact__card--jobs .contact__mail .mail{color:var(--brown)}
.footer .mail{color:#fff}
.legal__doc .mail{color:var(--brown);font-weight:600}