/*
  PROBIOTIKA 2.0 - UNIVERSO VIVO
  Microcosmos + materia en movimiento + mundos de sabor.
*/

:root{
  --void:#071B31;
  --deep:#0A2B4A;
  --ocean:#0C5F78;
  --cyan:#48C5D8;
  --amber:#F6A623;
  --coral:#F06562;
  --rose:#E8758A;
  --lilac:#8C7EC6;
  --signal-green:#72C98B;
  --universe-paper:#F8F3EA;
  --probiotika-red:#FF2938;
  --probiotika-blue:#A7D8FF;
  --probiotika-green:#8BCB85;
  --probiotika-honey:#F6A623;
  --probiotika-cream:#F7F0E4;
  --probiotika-ink:#2D3D4D;
}

body{
  background:
    radial-gradient(circle at 8% 7%,rgba(72,197,216,.11),transparent 25rem),
    radial-gradient(circle at 95% 28%,rgba(246,166,35,.10),transparent 24rem),
    var(--white);
}

.announcement{
  background:linear-gradient(90deg,#061425,#0A2947 48%,#123D55);
}
.announcement:after{
  background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--amber),var(--coral));
}

.site-header{border-bottom:0;box-shadow:0 10px 34px rgba(7,27,49,.08)}
.main-nav{gap:22px}
.main-nav a:after{background:linear-gradient(90deg,var(--cyan),var(--coral))}
.header-cta{background:var(--void)}

/* Hero */
.universe-hero{
  grid-template-columns:minmax(0,.78fr) minmax(540px,1.22fr);
  gap:clamp(38px,5vw,78px);
  min-height:calc(100vh - 114px);
  padding:54px 0 66px;
}
.universe-hero:before{
  top:-4%;
  left:-16rem;
  background:
    radial-gradient(circle at 46% 38%,rgba(167,216,255,.38),transparent 30%),
    radial-gradient(circle at 58% 60%,rgba(139,203,133,.28),transparent 38%),
    radial-gradient(circle,rgba(246,166,35,.16),transparent 68%);
}
.hero-copy{max-width:610px}
.hero-copy:after{width:126px;background:linear-gradient(90deg,var(--cyan) 0 27%,var(--lilac) 27% 52%,var(--amber) 52% 76%,var(--coral) 76%)}
.universe-tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  padding:7px 9px 7px 12px;
  border:1px solid var(--void);
  border-radius:999px;
  font-size:.6rem;
  letter-spacing:.12em;
}
.universe-tag span{font-weight:800}
.universe-tag strong{padding:4px 8px;border-radius:999px;background:var(--void);color:var(--white)}
.universe-hero .eyebrow{color:var(--ocean)}
.universe-hero h1{font-size:clamp(3.35rem,5.15vw,5.35rem);line-height:.9;letter-spacing:-.045em}
.universe-hero h1 em{
  color:var(--coral);
  text-decoration-color:rgba(246,166,35,.62);
}
.hero-lead{max-width:570px}
.hero-annotation{
  position:absolute;
  right:0;
  bottom:-12px;
  margin:0;
  color:var(--ocean);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:.82rem;
  font-style:italic;
  transform:rotate(-2deg);
}
.flavor-palette{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:26px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.flavor-palette span{display:inline-flex;align-items:center;gap:6px}
.flavor-palette i{width:9px;height:9px;border-radius:50%;background:var(--probiotika-honey);box-shadow:0 0 0 3px rgba(246,166,35,.14)}
.flavor-palette span:nth-child(2) i{background:var(--probiotika-red);box-shadow:0 0 0 3px rgba(255,41,56,.12)}
.flavor-palette span:nth-child(3) i{background:var(--probiotika-green);box-shadow:0 0 0 3px rgba(139,203,133,.16)}
.flavor-palette span:nth-child(4) i{background:var(--probiotika-blue);box-shadow:0 0 0 3px rgba(167,216,255,.22)}

.universe-carousel{
  min-height:660px;
  overflow:hidden;
  border:1px solid rgba(72,197,216,.3);
  border-radius:40px 40px 40px 150px;
  background:var(--void);
  box-shadow:0 35px 90px rgba(7,27,49,.26),0 0 0 7px rgba(72,197,216,.035);
}
.universe-carousel:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:7;
  border-radius:inherit;
  box-shadow:inset 0 0 90px rgba(7,27,49,.25);
  pointer-events:none;
}
.universe-slide{overflow:hidden;transform:none}
.universe-slide.is-active{transform:none}
.universe-slide:after{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(4,17,32,.88) 0%,rgba(5,24,42,.60) 35%,rgba(5,24,42,.12) 72%),
    linear-gradient(180deg,rgba(7,27,49,.05) 48%,rgba(7,27,49,.62) 100%);
}
.universe-backdrop{
  position:absolute;
  inset:-2%;
  width:104%;
  height:104%;
  object-fit:cover;
  transform:scale(1.045) translate3d(var(--universe-x,0),var(--universe-y,0),0);
  filter:saturate(1.03) contrast(1.03);
  transition:transform 7s cubic-bezier(.2,.65,.3,1),filter .8s ease;
}
.universe-slide.is-active .universe-backdrop{transform:scale(1) translate3d(var(--universe-x,0),var(--universe-y,0),0)}
.cosmic-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 78% 34%,rgba(255,255,255,.12),transparent 27rem)}
.culture-canvas{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.72}

.universe-product-orbit{
  position:absolute;
  z-index:5;
  top:14%;
  right:5%;
  width:47%;
  height:70%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.62);
  border-radius:50%;
  background:rgba(255,255,255,.90);
  box-shadow:inset 0 0 55px rgba(72,197,216,.22),0 28px 65px rgba(2,15,29,.35),0 0 0 18px rgba(255,255,255,.08);
  transform:translate3d(var(--product-x,0),var(--product-y,0),0);
  transition:transform .75s cubic-bezier(.2,.75,.25,1);
}
.universe-product-orbit:before,.universe-product-orbit:after{
  content:'';
  position:absolute;
  border:1px solid rgba(7,27,49,.14);
  border-radius:50%;
  animation:orbit-breathe 6s ease-in-out infinite;
}
.universe-product-orbit:before{inset:7%}
.universe-product-orbit:after{inset:17%;animation-delay:-3s}
.universe-index{position:absolute;z-index:3;top:18px;right:22px;color:var(--void);font-size:.58rem;font-weight:800;letter-spacing:.15em}
.universe-product{
  position:absolute;
  z-index:2;
  inset:6%;
  width:88%;
  height:88%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:contrast(1.03) saturate(1.04);
  transform:scale(.93);
  transition:transform 1.1s cubic-bezier(.16,.8,.25,1);
}
.universe-slide.is-active .universe-product{transform:scale(1)}
.universe-slide-copy{
  position:absolute;
  z-index:6;
  top:11%;
  left:7%;
  width:43%;
  color:var(--white);
}
.universe-slide-copy span{display:block;margin-bottom:17px;color:#BDECF2;font-size:.6rem;font-weight:800;letter-spacing:.15em}
.universe-slide-copy strong{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(2.2rem,3.7vw,4rem);line-height:.88;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(0,0,0,.24)}
.universe-slide-copy small{display:block;max-width:175px;margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.38);color:#F5F8FA;font-size:.63rem;font-weight:800;letter-spacing:.08em;line-height:1.55}
.culture-status{
  position:absolute;
  z-index:6;
  left:7%;
  bottom:18%;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(7,27,49,.44);
  color:var(--white);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.12em;
  backdrop-filter:blur(8px);
}
.culture-status i{width:8px;height:8px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 12px var(--signal-green);animation:signal-pulse 1.8s ease-in-out infinite}
.universe-carousel .hero-carousel-controls{z-index:9}

/* Mundos de Sabor — carrusel fotográfico */
.flavor-carousel{
  border:8px solid var(--probiotika-cream);
  border-radius:38px 38px 38px 138px;
  background:var(--probiotika-ink);
  box-shadow:
    17px 19px 0 rgba(167,216,255,.56),
    -12px -11px 0 rgba(246,166,35,.16),
    0 34px 78px rgba(45,61,77,.23);
}
.flavor-carousel:before{box-shadow:inset 0 0 105px rgba(29,38,47,.22)}
.flavor-hero-slide{--world-primary:var(--probiotika-honey);--world-secondary:var(--probiotika-red);overflow:hidden}
.flavor-ritual{--world-primary:var(--probiotika-blue);--world-secondary:var(--probiotika-green)}
.flavor-moments{--world-primary:var(--probiotika-green);--world-secondary:var(--probiotika-honey)}
.flavor-hero-slide:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(26,38,49,.86) 0%,rgba(31,45,56,.55) 35%,rgba(31,45,56,.08) 68%),
    linear-gradient(180deg,rgba(45,61,77,.04) 45%,rgba(45,61,77,.64) 100%);
}
.flavor-ritual:after{background:linear-gradient(90deg,rgba(28,46,60,.88),rgba(28,46,60,.45) 37%,rgba(28,46,60,.05) 70%),linear-gradient(180deg,transparent 45%,rgba(35,49,62,.64))}
.flavor-moments:after{background:linear-gradient(90deg,rgba(32,49,54,.88),rgba(32,49,54,.46) 38%,rgba(32,49,54,.06) 72%),linear-gradient(180deg,transparent 45%,rgba(31,44,51,.6))}
.flavor-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.07) translate3d(var(--universe-x,0),var(--universe-y,0),0);
  filter:saturate(1.04) contrast(1.02);
  transition:transform 7s cubic-bezier(.2,.65,.3,1),filter .8s ease;
}
.flavor-hero-slide.is-active .flavor-photo{transform:scale(1.025) translate3d(var(--universe-x,0),var(--universe-y,0),0)}
.flavor-hero-slide .universe-slide-copy{
  top:9%;
  left:6%;
  width:min(50%,360px);
  padding:22px 23px 23px;
  border-left:5px solid var(--world-primary);
  border-radius:0 22px 22px 0;
  background:rgba(45,61,77,.76);
  box-shadow:0 18px 42px rgba(25,34,43,.16);
  backdrop-filter:blur(10px);
}
.flavor-hero-slide .universe-slide-copy span{color:#FFFFFF}
.flavor-hero-slide .universe-slide-copy strong{font-size:clamp(2.15rem,3.25vw,3.55rem)}
.flavor-hero-slide .universe-slide-copy small{max-width:245px;color:#FFFFFF}
.flavor-moments .universe-slide-copy{top:auto;bottom:12%}
.flavor-moments .culture-status{top:48%;bottom:auto}
.flavor-slide-index{
  position:absolute;
  z-index:6;
  top:24px;
  right:25px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(45,61,77,.52);
  color:#FFFFFF;
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.14em;
  backdrop-filter:blur(8px);
}
.flavor-hero-slide .culture-status{border-color:rgba(255,255,255,.65);background:rgba(45,61,77,.68)}
.flavor-hero-slide .culture-status i{background:var(--world-primary);box-shadow:0 0 12px var(--world-primary)}
.slide-color-code{
  position:absolute;
  z-index:6;
  right:6%;
  bottom:16%;
  display:grid;
  grid-template-columns:repeat(4,18px);
  gap:5px;
  padding:8px;
  border-radius:999px;
  background:rgba(247,240,228,.88);
  box-shadow:0 8px 25px rgba(45,61,77,.2);
}
.slide-color-code i{height:7px;border-radius:999px;background:var(--probiotika-honey)}
.slide-color-code i:nth-child(2){background:var(--probiotika-red)}
.slide-color-code i:nth-child(3){background:var(--probiotika-green)}
.slide-color-code i:nth-child(4){background:var(--probiotika-blue)}
.flavor-carousel .hero-carousel-dots button.is-active{background:var(--world-primary,var(--white))}
.flavor-carousel .culture-canvas{opacity:.34}
.flavor-carousel .hero-carousel-dots button:nth-child(1){border-color:var(--probiotika-honey)}
.flavor-carousel .hero-carousel-dots button:nth-child(2){border-color:var(--probiotika-blue)}
.flavor-carousel .hero-carousel-dots button:nth-child(3){border-color:var(--probiotika-green)}
.flavor-carousel .hero-carousel-dots button:nth-child(1).is-active{background:var(--probiotika-honey)}
.flavor-carousel .hero-carousel-dots button:nth-child(2).is-active{background:var(--probiotika-blue)}
.flavor-carousel .hero-carousel-dots button:nth-child(3).is-active{background:var(--probiotika-green)}

.signal-divider{display:flex;align-items:center;gap:18px;width:var(--page);margin:0 auto 34px}
.signal-divider>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(12,95,120,.24),transparent)}
.microbe-mark{position:relative;width:66px;height:42px}
.microbe-mark i{position:absolute;border:1px solid rgba(12,95,120,.45);border-radius:50%;background:rgba(72,197,216,.12);animation:micro-drift 5s ease-in-out infinite}
.microbe-mark i:nth-child(1){width:18px;height:18px;left:4px;top:11px}
.microbe-mark i:nth-child(2){width:12px;height:12px;left:25px;top:3px;animation-delay:-1s}
.microbe-mark i:nth-child(3){width:22px;height:13px;right:4px;top:18px;border-radius:999px;transform:rotate(-18deg);animation-delay:-2s}
.microbe-mark i:nth-child(4){width:7px;height:7px;left:29px;bottom:1px;background:rgba(246,166,35,.2);animation-delay:-3s}

/* Prueba operativa */
.trust-strip{margin-bottom:42px}
.trust-strip article:nth-child(n){position:relative;overflow:hidden;background:var(--universe-paper);border-color:rgba(7,27,49,.10);border-radius:18px}
.trust-strip article:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--fact-color,var(--cyan))}
.trust-strip article:nth-child(1){--fact-color:var(--cyan)}
.trust-strip article:nth-child(2){--fact-color:var(--signal-green)}
.trust-strip article:nth-child(3){--fact-color:var(--amber)}
.trust-strip article:nth-child(4){--fact-color:var(--coral)}

/* El mundo vivo */
.living-system{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  align-items:center;
  min-height:690px;
  padding:86px max(20px,calc((100vw - 1240px)/2));
  overflow:hidden;
  background:var(--void);
  color:var(--white);
}
.living-system:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:none;
  opacity:.15;
  filter:saturate(.8);
}
.living-system:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,27,49,.82),rgba(7,27,49,.96) 64%,rgba(10,43,74,.9))}
.culture-stage{position:relative;display:grid;place-items:center;min-height:500px}
.culture-stage:before,.culture-stage:after{content:'';position:absolute;border:1px solid rgba(72,197,216,.26);border-radius:50%;animation:colony-expand 8s ease-in-out infinite}
.culture-stage:before{width:360px;height:360px}
.culture-stage:after{width:450px;height:450px;animation-delay:-4s}
.colony-orbit{position:absolute;border:1px dashed rgba(255,255,255,.38);border-radius:50%;animation:orbit-turn 24s linear infinite}
.colony-orbit-one{width:280px;height:280px}
.colony-orbit-two{width:190px;height:190px;animation-direction:reverse;animation-duration:17s}
.colony-orbit i{position:absolute;width:22px;height:22px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(72,197,216,.38);box-shadow:0 0 25px rgba(72,197,216,.5)}
.colony-orbit-one i:nth-child(1){left:24px;top:44px}
.colony-orbit-one i:nth-child(2){right:16px;top:110px;background:rgba(246,166,35,.45);box-shadow:0 0 25px rgba(246,166,35,.46)}
.colony-orbit-one i:nth-child(3){left:110px;bottom:-11px;background:rgba(232,117,138,.5)}
.colony-orbit-two i:nth-child(1){left:-10px;top:84px;background:rgba(140,126,198,.55)}
.colony-orbit-two i:nth-child(2){right:22px;bottom:8px;background:rgba(114,201,139,.5)}
.yeast-cell{position:absolute;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.62),rgba(246,166,35,.3) 34%,rgba(246,166,35,.08) 68%);box-shadow:inset 0 0 22px rgba(255,255,255,.28),0 0 38px rgba(246,166,35,.22);animation:cell-float 6s ease-in-out infinite}
.yeast-one{width:92px;height:92px;left:38%;top:34%}
.yeast-two{width:54px;height:54px;right:24%;bottom:28%;animation-delay:-2s}
.bacteria-cell{position:absolute;width:100px;height:40px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:linear-gradient(110deg,rgba(72,197,216,.18),rgba(140,126,198,.56));box-shadow:inset 0 0 18px rgba(255,255,255,.3),0 0 34px rgba(72,197,216,.24);animation:bacteria-drift 7s ease-in-out infinite}
.bacteria-one{left:17%;bottom:28%;transform:rotate(22deg)}
.bacteria-two{right:17%;top:24%;width:74px;height:30px;transform:rotate(-27deg);animation-delay:-3s}
.culture-caption{position:absolute;bottom:3px;color:#9EEAF1;font-size:.57rem;font-weight:800;letter-spacing:.18em}
.living-copy{max-width:690px;padding-left:clamp(12px,5vw,76px)}
.living-copy .eyebrow{color:#8FE0E9}
.living-copy h2{max-width:680px;color:var(--white);font-size:clamp(3.2rem,5vw,5.35rem)}
.living-copy>p:not(.eyebrow){max-width:610px;color:#E2EAEE;font-family:'Source Serif 4',Georgia,serif;font-size:1.22rem}
.living-principles{padding:0;margin:36px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}
.living-principles li{display:grid;grid-template-columns:38px 120px 1fr;gap:14px;align-items:center;min-height:70px;border-bottom:1px solid rgba(255,255,255,.2)}
.living-principles li>span{color:var(--cyan);font-size:.64rem;font-weight:800}
.living-principles strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.15rem}
.living-principles small{color:#DCE5EA;font-size:.74rem}

/* Mundos de sabor, siempre fotográficos */
.favorites{position:relative;padding-top:96px}
.favorites:before{content:'SABOR / 01-04';position:absolute;right:0;top:50px;color:rgba(7,27,49,.42);font-size:.6rem;font-weight:800;letter-spacing:.16em}
.favorites-grid{gap:17px}
.flavor-world{
  --world-a:var(--amber);
  --world-b:var(--coral);
  border:1px solid rgba(7,27,49,.1);
  border-radius:24px;
  background:var(--white);
  box-shadow:0 18px 46px rgba(7,27,49,.10);
  transform:none;
}
.world-ambrosia{--world-a:#F6A623;--world-b:#F06562}
.world-pisco{--world-a:#F3C43F;--world-b:#A7D8FF}
.world-rosamiel{--world-a:#E8758A;--world-b:#8C7EC6}
.world-brisa{--world-a:#72C98B;--world-b:#48C5D8}
.flavor-world:before{
  content:'';
  position:absolute;
  z-index:2;
  width:150px;
  height:150px;
  right:-55px;
  top:28%;
  border:30px solid color-mix(in srgb,var(--world-b),transparent 70%);
  border-radius:50%;
  pointer-events:none;
  transition:transform .5s ease;
}
.flavor-world:after{
  content:'';
  position:absolute;
  z-index:2;
  left:18px;
  top:43%;
  width:16px;
  height:16px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
  background:color-mix(in srgb,var(--world-a),transparent 25%);
  box-shadow:26px -17px 0 -4px color-mix(in srgb,var(--world-b),transparent 20%),49px 2px 0 -6px rgba(255,255,255,.85);
  pointer-events:none;
}
.flavor-world:hover{transform:translateY(-8px);box-shadow:0 26px 60px color-mix(in srgb,var(--world-b),transparent 78%)}
.flavor-world:hover:before{transform:scale(1.12) rotate(15deg)}
.flavor-world>img{position:relative;z-index:1;aspect-ratio:5/6;object-fit:cover;background:linear-gradient(135deg,var(--world-a),var(--world-b))}
.flavor-world>div:last-child{position:relative;z-index:3;border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--world-a),var(--world-b)) 1;background:var(--white)}
.flavor-index{position:absolute;z-index:5;top:15px;right:15px;padding:7px 9px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(7,27,49,.68);color:var(--white);font-size:.5rem;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(7px)}
.flavor-note{display:block;margin:-5px 0 14px;color:#3B5266;font-size:.52rem;font-weight:800;letter-spacing:.1em}

/* Armador sin cuaderno */
.builder{
  background:
    radial-gradient(circle at 8% 1%,rgba(72,197,216,.22),transparent 28rem),
    radial-gradient(circle at 92% 9%,rgba(140,126,198,.17),transparent 26rem),
    linear-gradient(180deg,var(--void),#0A2A49 38%,var(--universe-paper) 38%,var(--universe-paper));
}
.builder:before,.builder:after{background-image:none}
.builder:before{left:-110px;top:90px;width:300px;height:300px;border:1px solid rgba(72,197,216,.16);border-radius:50%;opacity:1}
.builder:after{right:-80px;top:250px;width:220px;height:220px;border:38px solid rgba(246,166,35,.10);border-radius:50%;opacity:1}
.builder-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:60px;max-width:none;color:var(--white)}
.builder-intro>*:not(.builder-signal){grid-column:1}
.builder-intro>p:not(.eyebrow){color:#D8E4EA}
.builder-intro .eyebrow{color:#8FE0E9}
.builder-intro h2{color:var(--white)}
.builder-signal{
  grid-column:2;
  grid-row:1/5;
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:22px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:20px;
  background:rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}
.builder-signal>span{color:var(--cyan);font-size:.57rem;font-weight:800;letter-spacing:.13em}
.builder-signal>strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.25rem}
.builder-signal>small{color:#C9D6DD;font-size:.69rem}
.builder-signal>div{display:flex;gap:8px;margin-top:12px}
.builder-signal i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(72,197,216,.45);animation:signal-pulse 2s ease-in-out infinite}
.builder-signal i:nth-child(2){background:var(--lilac);animation-delay:-.5s}
.builder-signal i:nth-child(3){background:var(--amber);animation-delay:-1s}
.builder-signal i:nth-child(4){background:var(--coral);animation-delay:-1.5s}
.builder-status{color:var(--white)}
.builder-status span{color:#C9D6DD}
.progress-track{background:rgba(255,255,255,.18)}
.progress-track span{background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--amber),var(--coral))}
.stepper{border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 35px rgba(0,0,0,.16)}
.step.is-active{background:linear-gradient(135deg,var(--void),var(--ocean))}
.builder-panel{border:0;border-radius:26px;box-shadow:0 28px 78px rgba(7,27,49,.22)}
.builder-panel:before{content:'PB / SISTEMA DE SELECCIÓN';display:block;padding:11px 18px;background:var(--void);color:var(--white);font-size:.54rem;font-weight:800;letter-spacing:.15em}
.line-card{border-radius:20px;background:linear-gradient(145deg,#EAF6FB,var(--white))}
.line-card:nth-child(2){background:linear-gradient(145deg,#F2ECFB,var(--white))}
.flavor-card{border-radius:18px}
.flavor-card.is-selected{border-color:var(--ocean);box-shadow:0 0 0 2px var(--ocean),0 15px 30px rgba(12,95,120,.15)}
.pack-card{border-radius:18px}

/* Proceso, origen y Club */
.process{position:relative}
.process:after{content:'';position:absolute;z-index:-1;right:-8%;bottom:-18%;width:360px;height:360px;border:45px solid rgba(72,197,216,.08);border-radius:50%}
.process-list li{position:relative;overflow:hidden;border-radius:20px;background:var(--void);color:var(--white)}
.process-list li:nth-child(1){background:linear-gradient(145deg,#0B3C50,#09273F)}
.process-list li:nth-child(2){background:linear-gradient(145deg,#513C21,#2D2A2B)}
.process-list li:nth-child(3){background:linear-gradient(145deg,#302B59,#17233F)}
.process-list li:nth-child(4){background:linear-gradient(145deg,#5B2F43,#2A2337)}
.process-list li:after{content:'';position:absolute;right:-34px;bottom:-34px;width:100px;height:100px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.process-list p{color:#DCE5EA}
.story{padding:110px 0}
.story:before{background:radial-gradient(circle at 65% 30%,rgba(72,197,216,.2),transparent 28rem),linear-gradient(135deg,rgba(10,43,74,.08),rgba(246,166,35,.12));border-radius:70px 10px 70px 10px}
.story img{border-radius:28px;box-shadow:14px 16px 0 rgba(72,197,216,.22),0 28px 60px rgba(7,27,49,.16)}
.origin-signal{display:grid;grid-template-columns:72px 1fr;gap:3px 12px;margin-top:26px;padding:16px 18px;border:1px solid rgba(7,27,49,.18);border-radius:18px;background:linear-gradient(90deg,rgba(72,197,216,.11),rgba(246,166,35,.08))}
.origin-signal span{grid-row:1/3;color:var(--coral);font-size:.57rem;font-weight:800;letter-spacing:.12em}
.origin-signal strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.05rem}
.origin-signal small{color:var(--muted);font-size:.69rem}
.club{background:linear-gradient(135deg,#061425 0%,var(--void) 48%,#0B4260 100%)}
.club:before{background:radial-gradient(circle,rgba(72,197,216,.22),transparent 65%)}
.club:after{background:radial-gradient(circle,rgba(140,126,198,.2),transparent 64%)}

.newsletter{background:linear-gradient(105deg,#F7C24A 0%,#F18A48 44%,#E76C77 72%,#73C8D5 118%)}
.newsletter:after{content:'';position:absolute;right:7%;top:-70%;width:310px;height:310px;border:46px solid rgba(255,255,255,.16);border-radius:50%}
.site-footer{background:
  radial-gradient(circle at 95% 5%,rgba(72,197,216,.11),transparent 22rem),
  var(--universe-paper)}
.site-footer:before{background:linear-gradient(90deg,var(--cyan),var(--lilac),var(--amber),var(--coral))}

/* Páginas legales */
.legal-main:before{background:radial-gradient(circle,rgba(72,197,216,.22),transparent 68%)}
.legal-meta{background:#EAF7F8}

@keyframes signal-marquee{to{transform:translateX(-50%)}}
@keyframes signal-pulse{0%,100%{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.18)}}
@keyframes orbit-breathe{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.08);opacity:.75}}
@keyframes micro-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes colony-expand{0%,100%{transform:scale(.88);opacity:.28}50%{transform:scale(1.06);opacity:.68}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes cell-float{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(0,-15px,0) scale(1.05)}}
@keyframes bacteria-drift{0%,100%{translate:0 0}50%{translate:18px -12px}}

@media (max-width:1180px){
  .universe-hero{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:34px}
  .universe-carousel{min-height:590px;border-radius:34px 34px 34px 110px}
  .universe-slide-copy strong{font-size:3.05rem}
  .living-system{grid-template-columns:350px 1fr}
  .culture-stage:after{width:390px;height:390px}
}

@media (max-width:1060px){
  .main-nav{gap:0}
  .main-nav a{font-size:.88rem}
  .universe-hero{grid-template-columns:1fr 1fr}
  .universe-carousel{min-height:545px}
  .universe-slide-copy{width:47%}
  .universe-slide-copy strong{font-size:2.55rem}
  .universe-product-orbit{width:49%;right:4%}
  .living-system{grid-template-columns:310px 1fr;min-height:620px}
  .culture-stage{min-height:400px}
  .culture-stage:before{width:270px;height:270px}
  .culture-stage:after{width:330px;height:330px}
  .living-copy{padding-left:30px}
}

@media (max-width:760px){
  .universe-hero{grid-template-columns:1fr;padding-top:42px;gap:38px}
  .universe-tag{margin-bottom:16px}
  .hero-annotation{position:static;margin-top:20px;text-align:right;transform:rotate(-1deg)}
  .universe-carousel{min-height:540px;border-radius:26px 26px 26px 78px}
  .universe-slide-copy{top:8%;left:7%;width:62%}
  .universe-slide-copy span{margin-bottom:9px;font-size:.5rem}
  .universe-slide-copy strong{font-size:2.45rem}
  .universe-slide-copy small{max-width:140px;font-size:.51rem}
  .universe-product-orbit{top:29%;right:5%;width:65%;height:58%}
  .culture-status{left:7%;bottom:14%;font-size:.46rem}
  .culture-canvas{opacity:.52}
  .signal-divider{margin-bottom:24px}
  .trust-strip{margin-bottom:28px}
  .living-system{grid-template-columns:1fr;padding:62px 20px 70px}
  .culture-stage{order:2;min-height:350px;margin-top:32px}
  .culture-stage:before{width:240px;height:240px}
  .culture-stage:after{width:305px;height:305px}
  .colony-orbit-one{width:230px;height:230px}
  .colony-orbit-two{width:160px;height:160px}
  .living-copy{order:1;padding-left:0}
  .living-copy h2{font-size:clamp(2.75rem,13vw,4rem)}
  .living-copy>p:not(.eyebrow){font-size:1.07rem}
  .living-principles li{grid-template-columns:30px 90px 1fr;gap:8px}
  .living-principles small{font-size:.65rem}
  .favorites{padding-top:76px}
  .favorites:before{top:42px}
  .flavor-world{border-radius:17px}
  .flavor-world:before{width:90px;height:90px;border-width:20px}
  .flavor-index{top:8px;right:8px;padding:5px 6px;font-size:.4rem}
  .flavor-note{min-height:22px;margin-top:-2px;font-size:.43rem;line-height:1.35}
  .builder{background:radial-gradient(circle at 20% 2%,rgba(72,197,216,.20),transparent 22rem),linear-gradient(180deg,var(--void),#0A2A49 25%,var(--universe-paper) 25%)}
  .builder-intro{grid-template-columns:1fr}
  .builder-signal{grid-column:1;grid-row:auto;width:100%;margin-top:20px}
  .builder-status{color:var(--void)}
  .builder-status span{color:var(--muted)}
  .progress-track{background:rgba(7,27,49,.12)}
  .builder-panel{border-radius:20px}
  .builder-panel:before{font-size:.46rem}
  .story{padding:74px 0}
  .story img{border-radius:20px;box-shadow:8px 9px 0 rgba(72,197,216,.22)}
  .origin-signal{grid-template-columns:55px 1fr}
}

@media (max-width:380px){
  .universe-carousel{min-height:505px}
  .universe-slide-copy strong{font-size:2.15rem}
  .universe-product-orbit{top:31%;height:56%}
  .living-principles li{grid-template-columns:24px 78px 1fr}
}

@media (hover:none){
  .flavor-world:hover{transform:none;box-shadow:0 18px 46px rgba(7,27,49,.10)}
  .flavor-world:hover:before{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .universe-product-orbit:before,.universe-product-orbit:after,.culture-status i,.microbe-mark i,.culture-stage:before,.culture-stage:after,.colony-orbit,.yeast-cell,.bacteria-cell,.builder-signal i{animation:none}
  .universe-backdrop,.universe-product-orbit{transform:none}
  .culture-canvas{display:none}
}

@media (max-width:760px){
  .flavor-palette{margin-top:22px;gap:8px 12px}
  .flavor-carousel{border-width:6px;border-radius:26px 26px 26px 78px;box-shadow:9px 11px 0 rgba(167,216,255,.5),-7px -6px 0 rgba(246,166,35,.14),0 24px 54px rgba(45,61,77,.2)}
  .flavor-photo{object-position:center;transform:scale(1.08) translate3d(var(--universe-x,0),var(--universe-y,0),0)}
  .flavor-moments .flavor-photo{object-position:56% center}
  .flavor-hero-slide .universe-slide-copy{top:7%;left:6%;width:72%;padding:17px 17px 18px;border-left-width:4px;border-radius:0 17px 17px 0}
  .flavor-hero-slide .universe-slide-copy span{font-size:.48rem}
  .flavor-hero-slide .universe-slide-copy strong{font-size:2.2rem}
  .flavor-hero-slide .universe-slide-copy small{max-width:205px;font-size:.57rem}
  .flavor-moments .universe-slide-copy{top:auto;bottom:12%}
  .flavor-slide-index{top:14px;right:14px;padding:6px 8px;font-size:.46rem}
  .slide-color-code{right:6%;bottom:15%;grid-template-columns:repeat(4,13px);padding:7px}
  .flavor-hero-slide .culture-status{bottom:15%;max-width:48%;font-size:.44rem}
  .flavor-moments .culture-status{top:46%;bottom:auto}
}

@media (max-width:380px){
  .flavor-hero-slide .universe-slide-copy{width:76%;padding:15px}
  .flavor-hero-slide .universe-slide-copy strong{font-size:1.95rem}
  .flavor-hero-slide .universe-slide-copy small{font-size:.53rem}
}

@media (prefers-reduced-motion:reduce){
  .flavor-photo,.flavor-hero-slide.is-active .flavor-photo{transform:none}
}

/* MUNDOS DE SABOR V6 — claro, líquido y sensorial */
.flavor-screen-hero{
  display:block;
  width:100%;
  height:calc(100svh - 114px);
  min-height:620px;
  padding:0;
  margin:0;
  background:var(--probiotika-cream);
}
.flavor-screen-hero:before{display:none}
.flavor-screen-carousel{
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:var(--probiotika-cream);
  box-shadow:none;
}
.flavor-screen-carousel:before,.flavor-screen-carousel:after{display:none}
.flavor-screen-slide{
  display:grid;
  grid-template-columns:44% 56%;
  width:100%;
  height:100%;
  background:var(--probiotika-cream);
}
.flavor-screen-slide:after{display:none}
.flavor-screen-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  overflow:hidden;
  padding:clamp(34px,5vh,70px) clamp(34px,4.3vw,70px) 96px max(24px,calc((100vw - 1240px)/2));
  color:var(--probiotika-ink);
  background:
    radial-gradient(ellipse at -8% 104%,rgba(246,166,35,.30),transparent 38%),
    radial-gradient(ellipse at 92% -8%,rgba(167,216,255,.34),transparent 34%),
    radial-gradient(ellipse at 109% 78%,rgba(139,203,133,.22),transparent 28%),
    var(--probiotika-cream);
}
.flavor-family .flavor-screen-copy{--slide-accent:var(--probiotika-honey)}
.flavor-ritual .flavor-screen-copy{--slide-accent:#5AA8D7;background:radial-gradient(ellipse at -8% 104%,rgba(167,216,255,.42),transparent 40%),radial-gradient(ellipse at 95% -8%,rgba(139,203,133,.30),transparent 34%),var(--probiotika-cream)}
.flavor-moments .flavor-screen-copy{--slide-accent:var(--probiotika-green);background:radial-gradient(ellipse at -8% 104%,rgba(139,203,133,.35),transparent 40%),radial-gradient(ellipse at 95% -8%,rgba(255,41,56,.13),transparent 34%),var(--probiotika-cream)}
.flavor-screen-copy:after{
  content:'';
  position:absolute;
  right:-70px;
  bottom:13%;
  width:150px;
  height:210px;
  border:1px solid color-mix(in srgb,var(--slide-accent),transparent 46%);
  border-radius:56% 44% 61% 39% / 38% 60% 40% 62%;
  transform:rotate(17deg);
  pointer-events:none;
}
.mobile-title-break{display:none}
.flavor-screen-copy .universe-tag{align-self:flex-start;margin-bottom:clamp(12px,2vh,22px)}
.flavor-screen-copy .eyebrow{margin-bottom:clamp(8px,1.5vh,14px);color:#12667B}
.flavor-screen-copy h1,.flavor-screen-copy h2{
  max-width:650px;
  margin-bottom:clamp(14px,2.2vh,25px);
  color:var(--probiotika-ink);
  font-size:clamp(3.3rem,5.35vw,6.05rem);
  line-height:.88;
  letter-spacing:-.05em;
}
.flavor-screen-copy h1 em,.flavor-screen-copy h2 em{color:var(--probiotika-red);font-weight:600;text-decoration-color:rgba(246,166,35,.72)}
.flavor-ritual .flavor-screen-copy h2 em{color:#287CA8;text-decoration-color:rgba(139,203,133,.8)}
.flavor-moments .flavor-screen-copy h2 em{color:#3E8D5C;text-decoration-color:rgba(255,41,56,.48)}
.flavor-screen-copy .hero-lead{max-width:560px;margin-bottom:clamp(16px,2.4vh,27px);color:#3E454A;font-size:clamp(.98rem,1.25vw,1.17rem)}
.flavor-screen-copy .hero-actions{margin-bottom:clamp(14px,2.2vh,25px)}
.flavor-screen-copy .hero-facts{font-size:.75rem}
.flavor-screen-copy .flavor-palette{margin-top:clamp(13px,2vh,24px)}
.flavor-screen-media{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(247,240,228,.08),transparent 22%),
    radial-gradient(circle at 78% 22%,rgba(255,255,255,.78),transparent 25%),
    linear-gradient(145deg,#FFE0A0 0%,#F3A478 38%,#7FD4C2 72%,#A7D8FF 100%);
}
.flavor-ritual .flavor-screen-media{background-position:70% center}
.flavor-moments .flavor-screen-media{background-position:82% center}
.flavor-photo-frame{
  position:absolute;
  inset:5.5% 6.5% 13%;
  overflow:hidden;
  border:9px solid rgba(247,240,228,.95);
  border-radius:30px 105px 30px 105px;
  background:var(--white);
  box-shadow:0 28px 70px rgba(100,72,38,.20);
}
.flavor-screen-slide .flavor-screen-photo,
.flavor-screen-slide.is-active .flavor-screen-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
  filter:none;
  transform:none;
}
.flavor-moments .flavor-screen-photo{object-position:56% center}
.flavor-slide-index{
  top:3.2%;
  right:3.5%;
  z-index:6;
  border-color:rgba(45,61,77,.26);
  background:rgba(247,240,228,.92);
  color:var(--probiotika-ink);
}
.flavor-media-caption{
  position:absolute;
  z-index:6;
  right:6.5%;
  bottom:3.6%;
  left:6.5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0;
  color:var(--probiotika-ink);
}
.flavor-media-caption strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.18rem}
.flavor-media-caption span{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.flavor-screen-carousel .hero-carousel-controls{
  right:auto;
  bottom:30px;
  left:max(24px,calc((100vw - 1240px)/2));
  width:min(34vw,430px);
  justify-content:flex-start;
  gap:18px;
}
.flavor-screen-carousel .hero-carousel-dots button{border-color:rgba(45,61,77,.72)}
.flavor-screen-carousel .hero-carousel-dots button:nth-child(1).is-active{background:var(--probiotika-honey)}
.flavor-screen-carousel .hero-carousel-dots button:nth-child(2).is-active{background:#68B7DE}
.flavor-screen-carousel .hero-carousel-dots button:nth-child(3).is-active{background:var(--probiotika-green)}
.flavor-screen-carousel .hero-pause{border-color:var(--probiotika-ink);background:var(--probiotika-ink);color:var(--white)}

/* El mundo vivo deja de parecer espacio: materia líquida y luminosa */
.living-system{
  grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);
  color:var(--probiotika-ink);
  background:url('../images/universo/ingredientes-fermentacion-v11.jpg') 62% center/cover no-repeat;
}
.living-system:before{display:none}
.living-system:after{background:linear-gradient(90deg,rgba(247,240,228,.99) 0%,rgba(247,240,228,.96) 42%,rgba(247,240,228,.70) 57%,rgba(247,240,228,.04) 82%)}
.living-copy{order:1;max-width:650px;padding:0 45px 0 0}
.culture-stage{order:2}
.living-copy .eyebrow{color:#12667B}
.living-copy h2{color:var(--probiotika-ink)}
.living-copy>p:not(.eyebrow){color:#3E454A}
.living-principles{border-top-color:rgba(45,61,77,.24)}
.living-principles li{border-bottom-color:rgba(45,61,77,.2)}
.living-principles li>span{color:#B4232D}
.living-principles strong{color:var(--probiotika-ink)}
.living-principles small{color:#414A50}
.culture-stage:before,.culture-stage:after{border-color:rgba(45,61,77,.24)}
.colony-orbit{border-color:rgba(45,61,77,.45)}
.colony-orbit i{border-color:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(45,61,77,.18)}
.yeast-cell,.bacteria-cell{border-color:rgba(255,255,255,.9);box-shadow:inset 0 0 20px rgba(255,255,255,.42),0 12px 30px rgba(45,61,77,.18)}
.culture-caption{padding:7px 10px;border-radius:999px;background:rgba(247,240,228,.88);color:var(--probiotika-ink)}

/* Armador claro para sostener el territorio de sabor */
.builder{background:linear-gradient(145deg,#FFF8EA 0%,var(--probiotika-cream) 47%,#EAF7F3 100%)}
.builder:before,.builder:after{display:none}
.builder-intro{color:var(--probiotika-ink)}
.builder-intro h2{color:var(--probiotika-ink)}
.builder-intro>p:not(.eyebrow){color:#4D5357}
.builder-intro .eyebrow{color:#12667B}
.builder-signal{border-color:rgba(45,61,77,.16);background:rgba(255,255,255,.74);box-shadow:0 18px 45px rgba(45,61,77,.08)}
.builder-signal>strong{color:var(--probiotika-ink)}
.builder-signal>small{color:#555C61}
.builder-status{color:var(--probiotika-ink)}
.builder-status span{color:var(--muted)}
.progress-track{background:rgba(45,61,77,.12)}
.stepper{border-color:rgba(45,61,77,.16);box-shadow:0 14px 32px rgba(45,61,77,.08)}
.step.is-active{background:var(--probiotika-ink)}

@media (max-width:1060px){
  .flavor-screen-slide{grid-template-columns:48% 52%}
  .flavor-screen-copy{padding-left:24px;padding-right:28px}
  .flavor-screen-copy h1,.flavor-screen-copy h2{font-size:clamp(3rem,5.6vw,4.6rem)}
  .flavor-screen-carousel .hero-carousel-controls{left:24px;width:40vw}
}

@media (max-width:760px){
  .flavor-screen-hero{height:calc(100svh - 102px);min-height:720px;padding:0}
  .flavor-screen-slide{grid-template-columns:1fr;grid-template-rows:48% 52%}
  .flavor-screen-copy{justify-content:flex-start;padding:22px 20px 64px}
  .flavor-screen-copy:after{display:none}
  .flavor-screen-copy .universe-tag{margin-bottom:10px}
  .flavor-screen-copy .eyebrow{margin-bottom:6px;font-size:.61rem}
  .mobile-title-break{display:block}
  .flavor-screen-copy h1,.flavor-screen-copy h2{margin-bottom:11px;font-size:clamp(2.45rem,12vw,3.25rem);line-height:.88}
  .flavor-screen-copy .hero-lead{margin-bottom:12px;font-size:.88rem;line-height:1.45}
  .flavor-screen-copy .hero-actions{gap:8px;margin-bottom:9px}
  .flavor-screen-copy .hero-actions .button{min-height:42px;padding:9px 15px;font-size:.76rem}
  .flavor-screen-copy .hero-facts{display:none}
  .flavor-screen-copy .flavor-palette{display:none}
  .flavor-screen-media{background-position:62% center}
  .flavor-photo-frame{inset:4% 4% 16%;border-width:6px;border-radius:20px 58px 20px 58px}
  .flavor-media-caption{right:76px;bottom:4%;left:5%;gap:10px}
  .flavor-media-caption strong{font-size:.92rem}
  .flavor-media-caption span{display:none}
  .flavor-slide-index{top:2%;right:3%;font-size:.43rem}
  .flavor-screen-carousel .hero-carousel-controls{top:calc(48% - 20px);right:auto;bottom:auto;left:20px;width:calc(100% - 40px);gap:12px}
  .flavor-screen-carousel .hero-pause{min-height:34px;padding:6px 9px}
  .living-system{grid-template-columns:1fr;background-position:72% bottom}
  .living-system:after{background:linear-gradient(180deg,rgba(247,240,228,.99) 0%,rgba(247,240,228,.95) 48%,rgba(247,240,228,.30) 76%,rgba(247,240,228,.04))}
  .living-copy{padding:0}
  .culture-stage{order:2}
  .builder{background:linear-gradient(150deg,#FFF8EA,var(--probiotika-cream) 56%,#EAF7F3)}
}

@media (max-width:380px){
  .flavor-screen-hero{min-height:700px}
  .flavor-screen-slide{grid-template-rows:50% 50%}
  .flavor-screen-copy{padding:18px 14px 58px}
  .flavor-screen-copy h1,.flavor-screen-copy h2{font-size:2.35rem}
  .flavor-screen-copy .hero-lead{font-size:.79rem}
  .flavor-screen-carousel .hero-carousel-controls{top:calc(50% - 20px);left:14px}
}

@media (prefers-reduced-motion:reduce){
  .flavor-screen-slide .flavor-screen-photo,.flavor-screen-slide.is-active .flavor-screen-photo{transform:none}
}

/* V7 — ingredientes, color y proceso claro */
.living-system{background-image:url('../images/universo/ingredientes-fermentacion-v11.jpg');background-position:center;background-size:cover}
.living-copy h2{max-width:690px;font-size:clamp(3.05rem,4.7vw,5rem)}
.living-principles li{grid-template-columns:38px 145px 1fr}

.process:after{display:none}
.process-list{gap:16px}
.process-list li,
.process-list li:nth-child(1),
.process-list li:nth-child(2),
.process-list li:nth-child(3),
.process-list li:nth-child(4){
  position:relative;
  min-height:230px;
  overflow:hidden;
  border:1px solid rgba(45,61,77,.10);
  border-radius:24px;
  color:var(--probiotika-ink);
  box-shadow:0 18px 42px rgba(45,61,77,.08);
}
.process-list li:nth-child(1){--process-accent:#4D9A63;background:linear-gradient(145deg,#DFF3DF 0%,#F8FCF7 82%)}
.process-list li:nth-child(2){--process-accent:#C47A00;background:linear-gradient(145deg,#FFE7AE 0%,#FFF9EA 82%)}
.process-list li:nth-child(3){--process-accent:#287CA8;background:linear-gradient(145deg,#DCEFFD 0%,#F7FBFE 82%)}
.process-list li:nth-child(4){--process-accent:#C83B45;background:linear-gradient(145deg,#FFDDE0 0%,#FFF7F5 82%)}
.process-list li:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:var(--process-accent)}
.process-list li:after{right:-38px;bottom:-48px;width:145px;height:145px;border:0;background:color-mix(in srgb,var(--process-accent),transparent 86%);border-radius:58% 42% 63% 37% / 39% 58% 42% 61%;transform:rotate(18deg)}
.process-list li>span,.process-list li>div{position:relative;z-index:1}
.process-list>li:nth-child(1)>span,
.process-list>li:nth-child(2)>span,
.process-list>li:nth-child(3)>span,
.process-list>li:nth-child(4)>span{color:var(--process-accent)}
.process-list strong{color:var(--probiotika-ink);font-size:1.55rem}
.process-list p{color:#465159}

@media (max-width:760px){
  .living-system{background-position:62% bottom}
  .living-copy h2{font-size:clamp(2.65rem,12vw,3.8rem)}
  .living-principles li{grid-template-columns:30px 1fr;align-items:start;padding:12px 0}
  .living-principles li>span{grid-row:1/3}
  .living-principles strong,.living-principles small{grid-column:2}
  .process-list{gap:12px}
  .process-list li,.process-list li:nth-child(n){min-height:170px;padding:25px 20px}
}

/* V8 — cierre comercial, selección por afinidad y Puntos Vivos */
.trust-band{
  position:relative;
  padding:66px 0 58px;
  overflow:hidden;
  border-block:1px solid rgba(45,61,77,.10);
  background:linear-gradient(112deg,#FFF9EF 0%,#F7F0E4 58%,#EEF7F1 100%);
}
.trust-band:before{content:'';position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--probiotika-blue),var(--probiotika-green),var(--probiotika-honey),var(--probiotika-red))}
.trust-band-heading{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:60px;width:var(--page);margin:0 auto 30px}
.trust-band-heading .eyebrow{grid-column:1/-1;margin-bottom:-42px;color:#12667B}
.trust-band-heading h2{max-width:750px;margin:0;font-size:clamp(2.55rem,4vw,4rem)}
.trust-band-heading>p:last-child{margin:0 0 7px;color:#5A6064;font-family:'Source Serif 4',Georgia,serif;font-size:1.08rem}
.trust-band .trust-strip{width:var(--page);margin:0 auto;gap:0;border:1px solid rgba(45,61,77,.13);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 24px 60px rgba(45,61,77,.07);overflow:hidden}
.trust-band .trust-strip article:nth-child(n){position:relative;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:16px;min-height:154px;padding:34px 24px 26px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.trust-band .trust-strip article+article{border-left:1px solid rgba(45,61,77,.12)}
.trust-band .trust-strip article:hover{background:rgba(255,255,255,.62);box-shadow:none;transform:none}
.trust-band .trust-strip svg{grid-row:1/3;width:34px;height:34px;margin-top:13px;color:var(--trust-accent)}
.trust-band .trust-strip article:nth-child(1){--trust-accent:#287CA8}
.trust-band .trust-strip article:nth-child(2){--trust-accent:#4D9A63}
.trust-band .trust-strip article:nth-child(3){--trust-accent:#C47A00}
.trust-band .trust-strip article:nth-child(4){--trust-accent:#C83B45}
.trust-band .trust-strip .trust-number{position:absolute;top:13px;right:17px;margin:0;color:var(--trust-accent);font-size:.55rem;font-weight:800;letter-spacing:.12em}
.trust-band .trust-strip strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.08rem}
.trust-band .trust-strip div>span{margin-top:5px;color:#555E64;font-size:.76rem}

.builder-status{scroll-margin-top:118px}
.flavor-card{--taste-bg:#F4F5F6;--taste-accent:#6F6B67;background:linear-gradient(155deg,var(--taste-bg) 0%,#FFFFFF 72%);border-color:color-mix(in srgb,var(--taste-accent),transparent 74%)}
.flavor-card:after{content:'';position:absolute;inset:auto 0 0;height:5px;background:var(--taste-accent);opacity:.78}
.flavor-card.is-selected{border-color:var(--taste-accent);box-shadow:0 0 0 2px var(--taste-accent),0 16px 34px color-mix(in srgb,var(--taste-accent),transparent 82%)}
.flavor-image{position:relative;width:100%;padding:0;border:0;background:radial-gradient(circle at 72% 20%,rgba(255,255,255,.95),transparent 34%),linear-gradient(145deg,var(--taste-bg),color-mix(in srgb,var(--taste-accent),white 83%));overflow:hidden}
.flavor-image img{transition:transform .3s ease}
.flavor-card:not(.is-locked):hover .flavor-image img{transform:scale(1.025)}
.flavor-quantity .quantity-control{border-color:color-mix(in srgb,var(--taste-accent),white 54%);box-shadow:0 7px 18px rgba(45,61,77,.06)}
.flavor-quantity .quantity-control button{background:color-mix(in srgb,var(--taste-accent),white 86%);color:#2D3D4D;transition:background .16s ease,color .16s ease}.flavor-quantity .quantity-control button:not(:disabled):hover{background:var(--taste-accent);color:#FFFFFF}.flavor-quantity .quantity-control output{font-size:1rem}
.selection-summary{border-left-color:var(--probiotika-red);background:linear-gradient(90deg,#FFF0F1,#FFF9EA)}

.form-intro{margin:-8px 0 18px;color:#596269;font-size:.78rem}
.form-grid,.delivery-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.form-field-wide{grid-column:1/-1}
.form-field label span{font-weight:400;color:var(--muted)}
.delivery-fields{margin:2px 0 10px;padding:16px 14px 2px;border:1px solid rgba(45,61,77,.11);border-radius:14px;background:#F8F3EA}
.payment-choice{display:grid;gap:9px;margin:18px 0 16px;padding:0;border:0}
.payment-choice legend{margin-bottom:8px;font-family:'Source Serif 4',Georgia,serif;font-size:1.15rem;font-weight:700}
.payment-option{position:relative;display:grid;grid-template-columns:20px 38px 1fr;align-items:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#FFFFFF;cursor:pointer}
.payment-option:has(input:checked){border-color:var(--probiotika-ink);background:linear-gradient(135deg,#F4FAFF,#FFFFFF);box-shadow:0 7px 20px rgba(45,61,77,.08)}
.payment-option input{width:19px;height:19px;margin-top:3px;accent-color:var(--probiotika-ink)}
.payment-option>span:last-child,.payment-option strong,.payment-option small{display:block}
.payment-option small{margin-top:3px;color:#5C646A;font-size:.69rem;line-height:1.42}
.payment-option em{display:inline-block;margin-left:5px;padding:3px 5px;border-radius:999px;background:#DFF3DF;color:#2F6B46;font-family:Manrope,Arial,sans-serif;font-size:.46rem;font-style:normal;letter-spacing:.07em;vertical-align:2px}
.payment-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--probiotika-ink);color:#FFFFFF;font-size:1rem}
.rewards-consent{padding:11px;border-radius:12px;background:#FFF6E4}
.points-preview{margin:12px 0 2px;padding:10px 12px;border-radius:10px;background:#FFF6E4;color:#7A4A00;font-size:.76rem;font-weight:800}
.checkout-button{min-height:56px;gap:14px;border:2px solid var(--probiotika-ink);box-shadow:0 8px 0 #152A3D;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.checkout-button i{font-size:1.2rem;font-style:normal}
.checkout-button:hover{transform:translateY(-2px);box-shadow:0 11px 0 #152A3D}
.checkout-button:disabled{box-shadow:0 5px 0 #AAB1B7;transform:none}

.rewards{position:relative;padding:100px max(20px,calc((100vw - 1240px)/2));overflow:hidden;background:linear-gradient(135deg,#08253B 0%,#0B5161 54%,#2E806B 100%);color:#FFFFFF}
.rewards:before,.rewards:after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.rewards:before{width:500px;height:500px;right:-190px;top:-260px;border:78px solid rgba(255,255,255,.08)}
.rewards:after{width:280px;height:280px;left:-130px;bottom:-170px;background:rgba(246,166,35,.17)}
.rewards-shell{position:relative;z-index:1;max-width:1240px;margin:auto}
.rewards-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:80px;margin-bottom:46px}
.rewards-heading>div:first-child{max-width:790px}
.rewards .eyebrow{color:#9EE8D2}
.rewards h2{margin-bottom:18px;color:#FFFFFF;font-size:clamp(3.2rem,5.4vw,5.8rem)}
.rewards-heading p:last-child{max-width:670px;color:#DDECEB;font-family:'Source Serif 4',Georgia,serif;font-size:1.18rem}
.points-orbit{display:grid;place-items:center;align-content:center;width:210px;height:210px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFD768,#F6A623 46%,#F06562 100%);color:#152A3D;box-shadow:0 24px 65px rgba(0,0,0,.2),0 0 0 16px rgba(255,255,255,.06);transform:rotate(4deg)}
.points-orbit span{font-family:'Source Serif 4',Georgia,serif;font-size:4.8rem;font-weight:700;line-height:.75}
.points-orbit strong{font-size:1.2rem;letter-spacing:.08em}
.points-orbit small{font-size:.66rem;font-weight:800}
.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.reward-card{position:relative;min-height:310px;padding:30px;border:1px solid rgba(255,255,255,.25);border-radius:26px;color:var(--probiotika-ink);box-shadow:0 24px 60px rgba(0,0,0,.14);overflow:hidden}
.reward-card:after{content:'';position:absolute;right:-45px;bottom:-55px;width:145px;height:145px;border-radius:44% 56% 58% 42%;background:rgba(255,255,255,.34);transform:rotate(22deg)}
.reward-earn{background:linear-gradient(145deg,#DFF3DF,#F7FFF7)}
.reward-redeem{background:linear-gradient(145deg,#FFE5A7,#FFF9EA)}
.reward-refer{background:linear-gradient(145deg,#FFDDE0,#FFF7F5)}
.reward-index{color:#A22835;font-size:.58rem;font-weight:800;letter-spacing:.12em}
.reward-card h3{margin:24px 0 10px;font-size:2.2rem}
.reward-card>p{min-height:52px;color:#4C555C;font-size:.84rem}
.reward-card ul{position:relative;z-index:1;padding:0;margin:20px 0 0;list-style:none;border-top:1px solid rgba(45,61,77,.16)}
.reward-card li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(45,61,77,.16);font-size:.75rem}
.reward-card li strong{white-space:nowrap}
.rewards-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin-top:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.rewards-footer strong,.rewards-footer span{display:block}
.rewards-footer span{max-width:580px;color:#DDE7E8;font-size:.74rem}
.rewards-footer .button{border-color:#FFFFFF}
.rewards-detail-button{background:#FFFFFF;color:var(--probiotika-ink)}
.rewards-footer .button-secondary{background:transparent;color:#FFFFFF}

.rewards-launcher{position:fixed;left:20px;bottom:20px;z-index:91;display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 15px 9px 10px;border:0;border-radius:999px;background:linear-gradient(135deg,#F06562,#FF2938);color:#FFFFFF;box-shadow:0 15px 34px rgba(176,35,47,.30);font-weight:800;cursor:pointer}
.rewards-launcher.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}
.rewards-launcher svg{width:32px;height:32px;padding:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.rewards-dialog{width:min(680px,calc(100% - 28px));max-height:min(900px,calc(100svh - 28px));padding:0;border:0;border-radius:30px;background:#F5F6F7;color:var(--probiotika-ink);box-shadow:0 35px 100px rgba(7,27,49,.35);overflow:hidden}
.rewards-dialog::backdrop{background:rgba(7,27,49,.62);backdrop-filter:blur(7px)}
.rewards-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(110deg,#F06562,#FF2938 60%,#F6A623);color:#FFFFFF}
.rewards-dialog-head span,.rewards-dialog-head strong{display:block}
.rewards-dialog-head span{font-size:.55rem;font-weight:800;letter-spacing:.13em}
.rewards-dialog-head strong{font-size:1.15rem;letter-spacing:.04em}
.rewards-dialog-head button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#FFFFFF;cursor:pointer}
.rewards-dialog-head button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.rewards-dialog-body{max-height:calc(100svh - 120px);padding:30px;overflow:auto}
.rewards-dialog-body>header,.rewards-dialog-body>section{margin-bottom:18px;padding:24px;border-radius:22px;background:#FFFFFF;box-shadow:0 12px 35px rgba(45,61,77,.07)}
.rewards-dialog-body>header h2{font-size:clamp(2.6rem,7vw,4.1rem)}
.rewards-dialog-body>header>p:last-child{color:#5D6870}
.rewards-dialog-body h3{margin-bottom:14px;font-size:1.7rem}
.points-table>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.8rem}
.points-table>div:last-child{border-bottom:0}
.points-table strong{color:#A22835;white-space:nowrap}
.redeem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.redeem-grid article{padding:18px 10px;border-radius:15px;background:#FFF6E4;text-align:center}
.redeem-grid strong,.redeem-grid span{display:block}
.redeem-grid strong{font-family:'Source Serif 4',Georgia,serif;font-size:2rem}
.redeem-grid span{font-size:.7rem;font-weight:800}
.rewards-dialog-body .referral-card{background:linear-gradient(135deg,#DFF3DF,#FFF6E4)}
.referral-card>span{color:#A22835;font-size:.55rem;font-weight:800;letter-spacing:.11em}
.referral-card p{margin:0;color:#4F5960;font-size:.82rem}
.rewards-terms{padding:0 8px;color:#687178;font-size:.64rem}
.rewards-join-button{width:100%;min-height:56px;background:var(--probiotika-ink);color:#FFFFFF;box-shadow:0 8px 0 #152A3D}
.rewards-points-button{width:100%;min-height:52px;margin-top:12px;border:1px solid var(--probiotika-ink);background:#FFFFFF;color:var(--probiotika-ink)}
body.dialog-open{overflow:hidden}

.newsletter .newsletter-button{min-height:66px;padding:15px 30px;border:3px solid var(--probiotika-ink);background:#FFFFFF;box-shadow:0 14px 0 var(--probiotika-ink);font-size:1.02rem}
.newsletter .newsletter-button:hover{transform:translateY(-3px);box-shadow:0 18px 0 var(--probiotika-ink)}

@media (max-width:1060px){
  .trust-band .trust-strip{grid-template-columns:1fr 1fr}
  .trust-band .trust-strip article:nth-child(3){border-left:0;border-top:1px solid rgba(45,61,77,.12)}
  .trust-band .trust-strip article:nth-child(4){border-top:1px solid rgba(45,61,77,.12)}
  .rewards-heading{gap:45px}
  .rewards-grid{grid-template-columns:1fr 1fr}
  .reward-card:last-child{grid-column:1/-1;min-height:240px}
  .rewards-footer{grid-template-columns:1fr 1fr}
  .rewards-footer>div{grid-column:1/-1}
}

@media (max-width:760px){
  .trust-band{padding:52px 0 44px}
  .trust-band-heading{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
  .trust-band-heading .eyebrow{grid-column:auto;margin-bottom:0}
  .trust-band-heading>p:last-child{font-size:.95rem}
  .trust-band .trust-strip{grid-template-columns:1fr 1fr;border-radius:20px}
  .trust-band .trust-strip article:nth-child(n){grid-template-columns:34px 1fr;min-height:142px;padding:28px 13px 18px;column-gap:9px}
  .trust-band .trust-strip article:nth-child(2){border-left:1px solid rgba(45,61,77,.12)}
  .trust-band .trust-strip svg{width:28px;height:28px}
  .trust-band .trust-strip strong{font-size:.9rem}
  .trust-band .trust-strip div>span{font-size:.65rem}
  .form-grid,.delivery-fields{grid-template-columns:1fr}
  .form-field-wide{grid-column:auto}
  .payment-option{grid-template-columns:20px 32px 1fr;padding:12px 10px;gap:8px}
  .payment-icon{width:30px;height:30px}
  .rewards{padding:74px 14px}
  .rewards-heading{grid-template-columns:1fr;gap:28px}
  .rewards h2{font-size:clamp(3rem,14vw,4.2rem)}
  .points-orbit{width:165px;height:165px;justify-self:end;margin-right:10px}
  .points-orbit span{font-size:3.8rem}
  .rewards-grid{grid-template-columns:1fr}
  .reward-card,.reward-card:last-child{grid-column:auto;min-height:0;padding:24px}
  .reward-card>p{min-height:0}
  .rewards-footer{grid-template-columns:1fr;padding:18px}
  .rewards-footer>div{grid-column:auto}
  .rewards-footer .button{width:100%}
  .rewards-launcher{left:14px;bottom:14px;width:54px;height:54px;padding:0;justify-content:center}
  .rewards-launcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .rewards-dialog{width:100%;max-height:94svh;margin:auto 0 0;border-radius:26px 26px 0 0}
  .rewards-dialog-body{max-height:calc(94svh - 78px);padding:14px}
  .rewards-dialog-body>header,.rewards-dialog-body>section{padding:19px}
  .redeem-grid article{padding:15px 6px}
  .newsletter .newsletter-button{width:100%;min-height:62px;font-size:.92rem}
}

@media (max-width:380px){
  .trust-band .trust-strip{grid-template-columns:1fr}
  .trust-band .trust-strip article:nth-child(n){border-left:0;border-top:1px solid rgba(45,61,77,.12)}
  .trust-band .trust-strip article:first-child{border-top:0}
  .redeem-grid{grid-template-columns:1fr}
}

/* V9 — lectura inmediata de puntos */
.pack-points{display:flex;align-items:baseline;gap:7px;margin:-4px 0 14px;color:#7A4A00;font-size:.7rem}
.pack-points strong{font-size:.78rem}
.pack-points-guide{display:grid;grid-template-columns:auto repeat(3,minmax(118px,1fr));align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.09)}
.pack-points-guide>span{font-size:.56rem;font-weight:800;letter-spacing:.1em}
.pack-points-guide>div{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:999px;background:#FFFFFF;color:var(--probiotika-ink);font-size:.7rem}
.pack-points-guide b{color:#A22835}
.pack-points-guide small{grid-column:1/-1;color:#DDE7E8;font-size:.62rem}
@media (max-width:760px){
  .pack-points-guide{grid-template-columns:1fr;gap:8px}
  .pack-points-guide small{grid-column:auto}
}

/* V10 — fotografía de proceso, color en producto y jerarquía comercial refinada */
.trust-band{background:linear-gradient(118deg,#E8F5FC 0%,#DDEFF8 52%,#EEF8FA 100%)}
.trust-band .trust-strip{background:rgba(255,255,255,.68)}

.living-system{background-image:url('../images/universo/ingredientes-fermentacion-v11.jpg');background-position:center;background-size:cover}
.living-system:after{background:linear-gradient(90deg,rgba(247,240,228,.99) 0%,rgba(247,240,228,.96) 42%,rgba(247,240,228,.72) 57%,rgba(247,240,228,.08) 79%,rgba(247,240,228,.02) 100%)}

.flavor-card{background:#FFFFFF}
.flavor-card:after{display:none}
.flavor-copy{background:#FFFFFF}
.flavor-image{background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.72),transparent 35%),linear-gradient(145deg,var(--taste-bg),color-mix(in srgb,var(--taste-accent),white 80%))}
.flavor-image img{mix-blend-mode:multiply}
.flavor-card.is-locked .flavor-image img{mix-blend-mode:normal}

.flavor-world:before,.flavor-world:after{display:none}

.process-list{align-items:stretch;gap:16px}
.process-list li,.process-list li:nth-child(n){display:grid;grid-template-rows:168px 1fr;min-height:334px;padding:0;background:#FFFFFF;border:1px solid rgba(45,61,77,.12);box-shadow:0 16px 38px rgba(45,61,77,.09)}
.process-list li:before,.process-list li:after{display:none}
.process-list li>img{display:block;width:100%;height:168px;object-fit:cover}
.process-list li:nth-child(1)>img{object-position:72% center}
.process-list li:nth-child(2)>img{object-position:center 42%}
.process-list li:nth-child(3)>img{object-position:center}
.process-list li:nth-child(4)>img{object-position:center}
.process-list li>span{position:absolute;z-index:2;top:14px;left:14px;margin:0;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--probiotika-ink)!important;box-shadow:0 5px 16px rgba(45,61,77,.12);backdrop-filter:blur(6px)}
.process-list li>div{display:flex;flex-direction:column;justify-content:center;padding:22px 21px;background:#FFFFFF}
.process-list strong{font-size:1.42rem}
.process-list p{font-size:.78rem}

.story img{object-position:center 32%}

.rewards{padding:58px max(20px,calc((100vw - 1240px)/2));background:linear-gradient(135deg,#EAF7F6 0%,#FFF5E2 52%,#FFECEF 100%);color:var(--probiotika-ink)}
.rewards:before{border-color:rgba(72,197,216,.13)}
.rewards:after{background:rgba(255,79,104,.12)}
.rewards-heading{grid-template-columns:minmax(0,1fr) 150px;gap:46px;margin-bottom:30px}
.rewards-heading>div:first-child{max-width:720px}
.rewards .eyebrow{color:#12667B}
.rewards h2{max-width:720px;margin-bottom:10px;color:var(--probiotika-ink);font-size:clamp(2.65rem,4vw,4.15rem)}
.rewards-heading p:last-child{max-width:600px;color:#465159;font-size:.94rem}
.points-orbit{width:146px;height:146px;box-shadow:0 18px 44px rgba(0,0,0,.16),0 0 0 10px rgba(255,255,255,.05);transform:rotate(2deg)}
.points-orbit span{font-size:3.25rem}
.points-orbit strong{font-size:.88rem}
.points-orbit small{font-size:.54rem}
.reward-card{min-height:220px;padding:21px;box-shadow:0 14px 34px rgba(45,61,77,.09)}
.reward-card h3{margin:16px 0 8px;font-size:1.85rem}
.reward-card>p{min-height:42px;font-size:.78rem}
.reward-card ul{margin-top:14px}
.reward-card li{padding:8px 0;font-size:.71rem}
.pack-points-guide{margin-top:13px;border-color:rgba(45,61,77,.13);background:rgba(255,255,255,.58);color:var(--probiotika-ink)}
.pack-points-guide small{color:#566169}
.rewards-footer{margin-top:13px;border-color:rgba(45,61,77,.13);background:rgba(255,255,255,.66)}
.rewards-footer span{color:#566169}
.rewards-detail-button{border-color:var(--probiotika-ink);background:var(--probiotika-ink);color:#FFFFFF}
.rewards-footer .button-secondary{border-color:var(--probiotika-ink);background:transparent;color:var(--probiotika-ink)}

.rewards-launcher{width:56px;min-width:56px;height:56px;min-height:56px;padding:10px;border:0;background:#FF4F68;overflow:hidden;white-space:nowrap;transition:width .24s ease,padding .24s ease,background .18s ease,transform .18s ease,opacity .18s ease}
.rewards-launcher svg{width:36px;height:36px;min-width:36px;padding:7px;background:#FF7187}
.rewards-launcher span{max-width:0;opacity:0;overflow:hidden;transform:translateX(-7px);transition:max-width .24s ease,opacity .18s ease,transform .24s ease}
.rewards-launcher:hover,.rewards-launcher:focus-visible{width:162px;padding-right:16px;background:#FF3657}
.rewards-launcher:hover span,.rewards-launcher:focus-visible span{max-width:92px;opacity:1;transform:none}
.rewards-launcher:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}

@media (max-width:1060px){
  .rewards-heading{grid-template-columns:minmax(0,1fr) 130px}
  .points-orbit{width:130px;height:130px}
}

@media (max-width:760px){
  .living-system:after{background:linear-gradient(180deg,rgba(247,240,228,.99) 0%,rgba(247,240,228,.96) 48%,rgba(247,240,228,.42) 72%,rgba(247,240,228,.08) 100%)}
  .process-list li,.process-list li:nth-child(n){grid-template-rows:210px 1fr;min-height:330px;padding:0}
  .process-list li>img{height:210px}
  .process-list li>div{padding:21px}
  .rewards{padding:52px 14px}
  .rewards-heading{grid-template-columns:1fr;gap:20px}
  .rewards h2{font-size:clamp(2.7rem,12vw,3.7rem)}
  .points-orbit{width:118px;height:118px;justify-self:start;margin:0}
  .points-orbit span{font-size:2.8rem}
  .reward-card,.reward-card:last-child{min-height:0;padding:21px}
  .rewards-launcher,.rewards-launcher:hover,.rewards-launcher:focus-visible{width:56px;padding:10px}
  .rewards-launcher span,.rewards-launcher:hover span,.rewards-launcher:focus-visible span{position:absolute;width:1px;max-width:0;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
}

/* V11 — sistema vivo, Club editorial, navegación y confianza comercial */
html,body{overflow-x:clip}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.site-header{position:sticky;top:0;z-index:150;isolation:isolate;grid-template-columns:190px minmax(0,1fr) auto}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.account-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 5px;color:var(--probiotika-ink);font-size:.72rem;font-weight:800;text-decoration:none;white-space:nowrap}
.account-link svg{width:25px;height:25px;padding:3px;border:1.5px solid currentColor;border-radius:50%}
.account-link:hover span{text-decoration:underline;text-underline-offset:4px}
.header-cta{min-height:48px;padding:11px 23px;border:2px solid var(--probiotika-ink);background:#FFFFFF;color:var(--probiotika-ink);box-shadow:0 5px 0 #243849}
.header-cta:hover{background:#FFFFFF;transform:translateY(-1px);box-shadow:0 7px 0 #243849}

.living-system{background-image:url('../images/universo/ingredientes-fermentacion-v11.jpg');background-position:center;background-size:cover}
.culture-stage{contain:layout paint style;isolation:isolate}
.culture-stage:before,.culture-stage:after,.colony-orbit,.yeast-cell,.bacteria-cell,.microbe{will-change:transform}
.microbe{position:absolute;z-index:1;pointer-events:none;animation:microbe-float-v11 8.8s ease-in-out infinite}
.microbe i{position:absolute;display:block;border:1px solid rgba(255,255,255,.84);background:linear-gradient(145deg,rgba(255,255,255,.55),var(--microbe-color,rgba(72,197,216,.58)));box-shadow:inset 0 0 10px rgba(255,255,255,.32),0 8px 20px rgba(45,61,77,.14)}
.microbe-budding{width:74px;height:62px;--microbe-color:rgba(246,166,35,.62)}
.microbe-budding:before,.microbe-budding i{content:'';position:absolute;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.8),var(--microbe-color) 44%,rgba(246,166,35,.18));box-shadow:inset 0 0 12px rgba(255,255,255,.34),0 8px 20px rgba(45,61,77,.14)}
.microbe-budding:before{left:4px;top:10px;width:47px;height:47px}
.microbe-budding i{right:1px;top:0;width:29px;height:29px}
.microbe-budding-one{left:9%;top:15%;animation-delay:-2.1s}
.microbe-budding-two{right:8%;bottom:15%;scale:.72;--microbe-color:rgba(232,117,138,.65);animation-delay:-6.4s}
.microbe-chain{width:138px;height:34px;--microbe-color:rgba(114,201,139,.64);animation-delay:-4.2s}
.microbe-chain i{top:6px;width:24px;height:24px;border-radius:50%}
.microbe-chain i:nth-child(1){left:0}.microbe-chain i:nth-child(2){left:25px}.microbe-chain i:nth-child(3){left:50px}.microbe-chain i:nth-child(4){left:75px}.microbe-chain i:nth-child(5){left:100px}
.microbe-chain-one{left:17%;top:12%;rotate:-12deg}
.microbe-cluster{right:14%;top:45%;width:92px;height:86px;--microbe-color:rgba(232,117,138,.64);animation-delay:-5.6s}
.microbe-cluster i{width:28px;height:28px;border-radius:50%}
.microbe-cluster i:nth-child(1){left:3px;top:26px}.microbe-cluster i:nth-child(2){left:25px;top:6px}.microbe-cluster i:nth-child(3){left:49px;top:18px}.microbe-cluster i:nth-child(4){left:23px;top:36px}.microbe-cluster i:nth-child(5){left:50px;top:47px}.microbe-cluster i:nth-child(6){left:5px;top:54px}
.microbe-spiral{left:8%;bottom:16%;width:126px;height:74px;--microbe-color:rgba(140,126,198,.66);animation-delay:-3.1s}
.microbe-spiral i{left:11px;width:76px;height:22px;border-radius:999px;transform-origin:center}
.microbe-spiral i:nth-child(1){top:7px;rotate:18deg}.microbe-spiral i:nth-child(2){left:33px;top:28px;rotate:-18deg}.microbe-spiral i:nth-child(3){left:9px;top:49px;rotate:18deg}
.microbe-rod{right:11%;top:8%;width:100px;height:100px;--microbe-color:rgba(72,197,216,.66);animation-delay:-7.2s}
.microbe-rod i{width:58px;height:20px;border-radius:999px}
.microbe-rod i:nth-child(1){left:5px;top:10px;rotate:-35deg}.microbe-rod i:nth-child(2){right:0;top:44px;rotate:24deg}.microbe-rod i:nth-child(3){left:0;bottom:8px;rotate:8deg}
.culture-caption{z-index:3;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.78);color:#2D3D4D;box-shadow:0 8px 20px rgba(45,61,77,.1);backdrop-filter:blur(7px)}
@keyframes microbe-float-v11{0%,100%{translate:0 0;rotate:-2deg}50%{translate:10px -14px;rotate:3deg}}

.payment-marks{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:8px}
.payment-marks b{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border:1px solid rgba(45,61,77,.2);border-radius:5px;background:#FFFFFF;color:#394752;font-size:.48rem;letter-spacing:.02em}
.payment-icon-wallet{background:linear-gradient(135deg,#2D3D4D,#287CA8)}
.payment-icon-mp{background:#006B96;font-size:.56rem;font-weight:900;letter-spacing:-.04em}

.rewards{width:var(--page);margin:48px auto 82px;padding:0;background:transparent;color:var(--probiotika-ink);overflow:visible}
.rewards:before,.rewards:after{display:none}
.rewards-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.7fr) auto;align-items:center;gap:34px;max-width:none;padding:38px 40px;border:1px solid rgba(45,61,77,.12);border-radius:32px;background:linear-gradient(122deg,#EAF7F6 0%,#FFF7E7 56%,#FFECEF 100%);box-shadow:0 18px 48px rgba(45,61,77,.08);overflow:hidden}
.rewards-shell:before{content:'';position:absolute;right:-70px;bottom:-115px;width:250px;height:250px;border:48px solid rgba(255,79,104,.1);border-radius:50%;pointer-events:none}
.club-copy{position:relative;z-index:1;max-width:610px}
.club-copy .eyebrow{color:#12667B}
.club-copy h2{max-width:600px;margin-bottom:9px;color:var(--probiotika-ink);font-size:clamp(2.35rem,3.65vw,4rem)}
.club-copy>p:last-child{margin:0;color:#566169;font-family:'Source Serif 4',Georgia,serif;font-size:1rem}
.club-score{position:relative;z-index:1;padding:22px 24px;border-left:1px solid rgba(45,61,77,.16)}
.club-score span,.club-score strong,.club-score small{display:block}
.club-score span{margin-bottom:8px;color:#A22835;font-size:.55rem;font-weight:800;letter-spacing:.12em}
.club-score strong{font-family:'Source Serif 4',Georgia,serif;font-size:2.2rem;line-height:1}
.club-score small{margin-top:4px;color:#566169;font-size:.7rem}
.club-score p{margin:14px 0 0;color:#465159;font-size:.63rem;font-weight:800;white-space:nowrap}
.club-actions{position:relative;z-index:1;display:flex;align-items:stretch;flex-direction:column;gap:13px;min-width:210px}
.club-actions .button{min-height:50px;border:2px solid var(--probiotika-ink);background:var(--probiotika-ink);color:#FFFFFF}
.club-actions>a{color:#43515C;font-size:.67rem;font-weight:800;text-align:center;text-underline-offset:4px}

.rewards-launcher:hover,.rewards-launcher:focus-visible{width:194px;padding-right:18px}
.rewards-launcher:hover span,.rewards-launcher:focus-visible span{max-width:120px;overflow:visible}

.credentials{padding:22px max(20px,calc((100vw - 1240px)/2)) 26px;border-top:1px solid rgba(45,61,77,.12);background:#F6F3ED;color:#2D5963}
.credentials>p{margin:0 0 17px;color:#657179;font-size:.52rem;font-weight:800;letter-spacing:.17em;text-align:center}
.credentials-row{display:grid;grid-template-columns:1fr 1.05fr .72fr 1.05fr 1.15fr;align-items:center;gap:26px}
.credentials-row>img{width:100%;max-width:170px;max-height:66px;margin:auto;object-fit:contain;filter:grayscale(1) brightness(.58) sepia(.35) saturate(1.4) hue-rotate(126deg)}
.credential-wordmark{display:grid;place-items:center;align-content:center;min-height:60px;color:#2D5963;text-align:center;line-height:1}
.credential-wordmark span{font-size:.48rem;font-weight:800;letter-spacing:.13em}
.credential-wordmark strong{margin-top:5px;font-size:1rem;letter-spacing:.08em}
.credential-zapopan{border:1px solid currentColor;border-radius:50%;width:78px;height:78px;min-height:78px;margin:auto;rotate:-3deg}
.credential-zapopan strong{font-size:.72rem}.credential-zapopan span{font-size:.4rem}
.credential-antad strong{font-size:1.55rem;letter-spacing:-.02em}.credential-antad span{margin-top:4px}
.credential-years strong{font-size:.78rem}.credential-years span{font-size:.48rem}
.credential-local strong{font-size:.72rem}.credential-local span{font-size:.42rem}

@media (max-width:1060px){
  .site-header{grid-template-columns:150px minmax(0,1fr) auto;gap:16px}
  .menu-button{grid-column:2;grid-row:1;justify-self:end}
  .main-nav{position:absolute;inset:calc(100% + 8px) 16px auto}
  .header-actions{grid-column:3;grid-row:1}
  .account-link span{display:none}
  .rewards-shell{grid-template-columns:1fr 245px;gap:24px}
  .club-actions{grid-column:1/-1;flex-direction:row;align-items:center;min-width:0}
  .club-actions .button{min-width:230px}
  .credentials-row{gap:16px}
}

@media (max-width:760px){
  .site-header{grid-template-columns:1fr auto auto;gap:8px}
  .menu-button{grid-column:3}
  .header-actions{grid-column:2}
  .header-cta{display:none}
  .account-link{width:44px;height:44px;justify-content:center;padding:0}
  .living-system{background-position:64% center}
  .microbe-chain-one{left:4%;top:17%;scale:.75}
  .microbe-budding-one{left:2%;top:35%;scale:.78}
  .microbe-budding-two{right:1%;bottom:15%;scale:.58}
  .microbe-cluster{right:3%;top:36%;scale:.72}
  .microbe-spiral{left:1%;bottom:13%;scale:.72}
  .microbe-rod{right:1%;top:6%;scale:.68}
  .culture-caption{bottom:1px;max-width:92%;font-size:.48rem;text-align:center}
  .rewards{margin:28px auto 58px}
  .rewards-shell{grid-template-columns:1fr;gap:23px;padding:30px 24px;border-radius:24px}
  .club-score{padding:18px 0;border-top:1px solid rgba(45,61,77,.16);border-left:0}
  .club-score p{white-space:normal}
  .club-actions{grid-column:auto;align-items:stretch;flex-direction:column}
  .club-actions .button{width:100%;min-width:0}
  .rewards-launcher,.rewards-launcher:hover,.rewards-launcher:focus-visible{width:56px;padding:10px}
  .credentials{padding:24px 14px}
  .credentials-row{grid-template-columns:repeat(2,1fr);gap:18px 14px}
  .credentials-row>*:last-child{grid-column:1/-1}
  .credentials-row>img{max-width:145px;max-height:55px}
}

@media (prefers-reduced-motion:reduce){
  .microbe{animation:none}
  .culture-stage:before,.culture-stage:after,.colony-orbit,.yeast-cell,.bacteria-cell{will-change:auto}
}

/* V12 — navegación precisa, vida contenida en la jarra y distintivos oficiales */
.story>.story-media{position:relative;max-width:none;aspect-ratio:1/1}
.story-media>.story-photo{display:block;height:100%}
.story-media>.story-life-overlay{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;border-radius:var(--radius-lg);box-shadow:none;pointer-events:none}

.credentials-row{grid-template-columns:.72fr .55fr 1.32fr 1.08fr 1.18fr}
.credentials-row>img.credential-logo{display:block;width:auto;max-width:100%;height:auto;max-height:64px;margin:auto;object-fit:contain;filter:none}
.credentials-row>.credential-logo-zapopan{max-height:76px}
.credentials-row>.credential-logo-shark{max-height:74px}
.credentials-row>.credential-logo-antad{max-width:205px;max-height:62px}
.credentials-row>.credential-logo-years{max-width:180px;max-height:66px}
.credentials-row>.credential-logo-local{max-width:195px;max-height:58px}

@media (max-width:760px){
  .story>.story-media{aspect-ratio:4/3}
  .story-media>.story-life-overlay{border-radius:var(--radius-lg)}
  .credentials-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .credentials-row>*:last-child{grid-column:1/-1}
  .credentials-row>img.credential-logo{max-width:150px;max-height:58px}
  .credentials-row>.credential-logo-zapopan,.credentials-row>.credential-logo-shark{max-height:70px}
  .credentials-row>.credential-logo-local{max-width:190px}
}

/* V13 — refinamientos puntuales aprobados */
.rewards-shell:before{
  content:'1';
  right:-58px;
  bottom:-92px;
  display:grid;
  place-items:center;
  width:250px;
  height:250px;
  border:10px solid rgba(255,79,104,.10);
  border-radius:50%;
  background:rgba(255,79,104,.07);
  color:rgba(162,40,53,.10);
  box-shadow:inset 0 0 0 11px rgba(255,79,104,.045);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:9rem;
  font-weight:700;
  line-height:1;
}

.credentials{padding:28px max(20px,calc((100vw - 1240px)/2))}
.credentials-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:clamp(24px,4vw,58px);max-width:980px;min-height:82px;margin:auto}
.credentials-row>img.credential-logo{max-width:100%;margin:auto}
.credentials-row>img.credential-logo-zapopan{max-height:76px}
.credentials-row>img.credential-logo-shark{max-height:74px}
.credentials-row>img.credential-logo-antad{max-width:100px;max-height:45px}
.credentials-row>img.credential-logo-years{max-width:105px;max-height:48px}
.credentials-row>img.credential-logo-local{max-width:118px;max-height:40px}

.newsletter .newsletter-button{box-shadow:0 9px 0 var(--probiotika-ink)}
.newsletter .newsletter-button:hover{box-shadow:0 12px 0 var(--probiotika-ink)}

.process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border:0}
.process-list li,.process-list li:nth-child(n){display:grid;grid-template-rows:48% 52%;width:100%;min-height:0;aspect-ratio:1;border:3px solid color-mix(in srgb,var(--process-accent),transparent 58%);border-radius:50%;background:#FFFFFF;box-shadow:0 16px 38px rgba(45,61,77,.09);overflow:hidden}
.process-list li>img{width:100%;height:100%;border-radius:0;object-fit:cover}
.process-list li>span{top:17px;left:50%;transform:translateX(-50%)}
.process-list li>div{align-items:center;justify-content:flex-start;padding:17px 30px 27px;background:#FFFFFF;text-align:center}
.process-list strong{font-size:1.3rem;line-height:1.08}
.process-list p{margin-top:7px;font-size:.73rem;line-height:1.42}

.culture-stage:before,.culture-stage:after{display:none}
.culture-network{position:relative;width:min(520px,100%);aspect-ratio:520/500;isolation:isolate}
.culture-network:before{content:'';position:absolute;z-index:-1;inset:14% 18%;border-radius:52% 48% 58% 42% / 43% 57% 43% 57%;background:radial-gradient(circle at 42% 37%,rgba(255,255,255,.17),rgba(72,197,216,.12) 38%,rgba(232,117,138,.08) 66%,transparent 70%);animation:culture-breathe 7s ease-in-out infinite}
.culture-streams{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.culture-streams path{fill:none;stroke:rgba(255,255,255,.48);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 10;animation:culture-flow 10s linear infinite}
.culture-streams path:nth-child(even){stroke:rgba(72,197,216,.62);animation-direction:reverse;animation-duration:13s}
.culture-streams .culture-trunk{stroke:rgba(246,166,35,.48);stroke-width:3;stroke-dasharray:7 11}
.culture-colony{position:absolute;z-index:1;left:29%;top:33%;width:42%;aspect-ratio:1.08;border:1px solid rgba(255,255,255,.58);border-radius:55% 45% 62% 38% / 42% 58% 42% 58%;background:radial-gradient(circle at 42% 32%,rgba(255,255,255,.30),rgba(246,166,35,.18) 30%,rgba(72,197,216,.18) 68%,rgba(7,27,49,.26));box-shadow:inset 0 0 30px rgba(255,255,255,.16),0 20px 45px rgba(7,27,49,.18);backdrop-filter:blur(4px);animation:culture-breathe 6.4s ease-in-out infinite}
.culture-colony>span{position:absolute;left:50%;top:50%;z-index:3;translate:-50% -50%;color:#FFFFFF;font-size:.5rem;font-weight:800;letter-spacing:.14em;white-space:nowrap;text-shadow:0 2px 8px rgba(7,27,49,.38)}
.culture-yeast,.culture-bacteria{position:absolute;display:block;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 0 9px rgba(255,255,255,.28),0 6px 15px rgba(7,27,49,.12);animation:culture-organism 6.8s ease-in-out infinite}
.culture-yeast{width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(246,166,35,.62))}
.culture-yeast:after{content:'';position:absolute;width:10px;height:10px;right:-5px;top:-3px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(232,117,138,.72)}
.culture-bacteria{width:34px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(72,197,216,.68),rgba(140,126,198,.64))}
.yeast-a{left:16%;top:17%}.yeast-b{right:14%;top:24%;scale:.78;animation-delay:-2s}.yeast-c{left:18%;bottom:15%;scale:.68;animation-delay:-4s}.yeast-d{right:18%;bottom:12%;scale:.9;animation-delay:-5.2s}
.bacteria-a{left:9%;top:49%;rotate:23deg;animation-delay:-1.2s}.bacteria-b{right:8%;top:53%;rotate:-27deg;animation-delay:-3.5s}.bacteria-c{left:42%;bottom:7%;rotate:7deg;scale:.75;animation-delay:-5.6s}
.culture-node{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;width:clamp(105px,29%,150px);min-height:45px;padding:7px 10px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(247,240,228,.88);color:var(--probiotika-ink);box-shadow:0 10px 24px rgba(7,27,49,.14);backdrop-filter:blur(8px);animation:culture-node-float 7s ease-in-out infinite}
.culture-node i{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--node-color,#48C5D8);color:#FFFFFF;font-size:.52rem;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.culture-node span{font-size:.58rem;font-weight:800;line-height:1.18}
.node-acids{--node-color:#E8758A;left:0;top:8%}.node-vitamins{--node-color:#F6A623;right:0;top:15%;animation-delay:-1.1s}.node-minerals{--node-color:#8C7EC6;left:-1%;top:43%;animation-delay:-2.3s}.node-amino{--node-color:#48C5D8;right:-1%;top:45%;animation-delay:-3.2s}.node-probiotics{--node-color:#72C98B;left:3%;bottom:7%;animation-delay:-4.4s}.node-electrolytes{--node-color:#287CA8;right:0;bottom:6%;animation-delay:-5.5s}
@keyframes culture-flow{to{stroke-dashoffset:-70}}
@keyframes culture-breathe{0%,100%{scale:.97;opacity:.78}50%{scale:1.03;opacity:1}}
@keyframes culture-organism{0%,100%{translate:0 0}50%{translate:5px -8px}}
@keyframes culture-node-float{0%,100%{translate:0 0}50%{translate:0 -5px}}

@media (max-width:1060px){
  .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-list li,.process-list li:nth-child(n){max-width:360px;justify-self:center}
  .culture-node{padding:6px 8px}
}

@media (max-width:760px){
  .rewards-shell:before{right:-70px;bottom:-102px;width:220px;height:220px;font-size:7.5rem}
  .credentials{padding:25px 14px}
  .credentials-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;max-width:330px;min-height:0}
  .credentials-row>*:last-child{grid-column:1/-1}
  .credentials-row>img.credential-logo-antad{max-width:100px}
  .credentials-row>img.credential-logo-years{max-width:105px}
  .credentials-row>img.credential-logo-local{max-width:118px}
  .process-list{grid-template-columns:1fr;gap:22px}
  .process-list li,.process-list li:nth-child(n){max-width:340px}
  .process-list li>div{padding:18px 36px 30px}
  .process-list strong{font-size:1.4rem}
  .process-list p{font-size:.78rem}
  .culture-network{width:min(420px,100%)}
  .culture-node{min-height:40px;gap:6px;padding:5px 7px}
  .culture-node i{flex-basis:24px;height:24px}
  .culture-node span{font-size:.5rem}
  .culture-colony>span{font-size:.43rem}
}

@media (prefers-reduced-motion:reduce){
  .culture-network:before,.culture-streams path,.culture-colony,.culture-yeast,.culture-bacteria,.culture-node{animation:none}
}

/* V14 — cultivo documentado, proceso compacto, historia secuencial y moneda plateada */
.rewards-shell:before{
  border-color:rgba(138,153,163,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(157,171,180,.20));
  color:rgba(84,101,112,.16);
  box-shadow:inset 0 0 0 11px rgba(255,255,255,.20),inset 18px 18px 34px rgba(255,255,255,.16);
}

.process-list{grid-template-columns:repeat(4,221px);justify-content:space-between;gap:clamp(22px,3.2vw,52px)}
.process-list li,.process-list li:nth-child(n){width:221px;max-width:221px;justify-self:center}
.process-list li>span{top:12px;padding:5px 8px;font-size:.62rem}
.process-list li>div{padding:12px 22px 18px}
.process-list strong{font-size:1.08rem}
.process-list p{margin-top:5px;font-size:.62rem;line-height:1.36}

.culture-colony{overflow:hidden}
.culture-yeast{width:23px;height:23px}
.culture-yeast.yeast-e{left:45%;top:8%;scale:.52;animation-delay:-3.1s}
.culture-yeast.yeast-f{right:7%;bottom:35%;scale:.44;animation-delay:-4.8s}
.culture-bacteria.bacteria-d{left:32%;top:20%;width:27px;height:9px;rotate:-39deg;scale:.72;animation-delay:-2.7s}
.culture-bacteria.bacteria-e{right:28%;bottom:22%;width:22px;height:8px;rotate:62deg;scale:.65;animation-delay:-4.9s}
.culture-filament{position:absolute;display:block;width:42px;height:18px;border:3px solid transparent;border-top-color:rgba(255,255,255,.70);border-radius:50%;filter:drop-shadow(0 4px 7px rgba(7,27,49,.12));animation:culture-filament-drift 8s ease-in-out infinite}
.culture-filament:after{content:'';position:absolute;right:0;top:-5px;width:7px;height:7px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(232,117,138,.68)}
.filament-a{left:23%;top:34%;rotate:18deg}.filament-b{right:15%;top:40%;scale:.7;rotate:-42deg;animation-delay:-3.7s}
.culture-spore{position:absolute;display:block;width:8px;height:8px;border:1px solid rgba(255,255,255,.82);border-radius:48% 52% 62% 38%;background:rgba(159,233,222,.72);box-shadow:0 4px 10px rgba(7,27,49,.14);animation:culture-spore-drift 5.8s ease-in-out infinite}
.spore-a{left:38%;bottom:28%}.spore-b{right:38%;top:25%;scale:.72;animation-delay:-1.9s}.spore-c{right:26%;bottom:8%;scale:.58;animation-delay:-3.6s}

.culture-bubble{position:absolute;z-index:0;display:block;width:12px;height:12px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.46),rgba(72,197,216,.10) 46%,transparent 65%);box-shadow:inset 0 0 6px rgba(255,255,255,.28),0 5px 12px rgba(7,27,49,.1);animation:culture-bubble-rise 6.7s ease-in-out infinite}
.bubble-a{left:25%;top:26%;scale:.65}.bubble-b{right:23%;top:29%;scale:1.18;animation-delay:-1.1s}.bubble-c{left:27%;top:57%;scale:.48;animation-delay:-2.3s}.bubble-d{right:26%;top:60%;scale:.82;animation-delay:-3.4s}.bubble-e{left:42%;top:23%;scale:.42;animation-delay:-4.1s}.bubble-f{right:39%;bottom:18%;scale:1.35;animation-delay:-5.2s}.bubble-g{left:37%;bottom:22%;scale:.72;animation-delay:-2.8s}.bubble-h{right:33%;top:19%;scale:.38;animation-delay:-4.7s}

.culture-node{z-index:3;display:block;width:clamp(112px,29%,150px);min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.culture-node:hover,.culture-node:focus-within,.culture-node.is-open{z-index:20}
.culture-node-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:45px;padding:7px 10px;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:rgba(247,240,228,.92);color:var(--probiotika-ink);box-shadow:0 10px 24px rgba(7,27,49,.14);text-align:left;backdrop-filter:blur(8px);cursor:pointer}
.culture-node-trigger:hover{background:#FFFFFF;box-shadow:0 12px 27px rgba(7,27,49,.18)}
.culture-node-trigger:focus-visible{outline:3px solid rgba(72,197,216,.45);outline-offset:3px}
.culture-node-trigger>i{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--node-color,#48C5D8);color:#FFFFFF;font-size:.52rem;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.culture-node-trigger>span{font-size:.58rem;font-weight:800;line-height:1.18}
.culture-tooltip{position:absolute;top:calc(100% + 9px);left:0;width:min(245px,70vw);padding:13px 14px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(247,240,228,.98);color:#354552;box-shadow:0 18px 38px rgba(7,27,49,.20);font-family:Manrope,Arial,sans-serif;font-size:.61rem;font-weight:600;line-height:1.48;opacity:0;visibility:hidden;translate:0 7px;transition:opacity .18s ease,translate .18s ease,visibility .18s;pointer-events:none}
.culture-tooltip a{display:inline-block;margin-top:7px;color:#0B6574;font-weight:800;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
.culture-node:hover .culture-tooltip,.culture-node:focus-within .culture-tooltip,.culture-node.is-open .culture-tooltip{opacity:1;visibility:visible;translate:0 0;pointer-events:auto}
.node-vitamins .culture-tooltip,.node-amino .culture-tooltip,.node-yeasts .culture-tooltip{right:0;left:auto}
.culture-tooltip-up{top:auto;bottom:calc(100% + 9px);left:50%;translate:-50% -7px}
.culture-node:hover .culture-tooltip-up,.culture-node:focus-within .culture-tooltip-up,.culture-node.is-open .culture-tooltip-up{translate:-50% 0}
.node-acids{left:0;top:5%}.node-vitamins{right:0;top:7%}.node-minerals{left:-1%;top:32%}.node-amino{right:-1%;top:34%}.node-bacteria{--node-color:#72C98B;left:1%;top:62%;animation-delay:-4.1s}.node-yeasts{--node-color:#E8758A;right:0;top:64%;animation-delay:-5.1s}.node-electrolytes{left:50%;right:auto;bottom:0;transform:translateX(-50%);animation-delay:-5.8s}

.culture-legends{position:absolute;z-index:6;right:0;bottom:-4px;left:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;pointer-events:none}
.culture-legends .culture-caption,.culture-carbonation{position:static;display:inline-flex;align-items:center;min-height:28px;padding:7px 10px;border:1px solid rgba(255,255,255,.54);border-radius:999px;background:rgba(247,240,228,.90);color:var(--probiotika-ink);box-shadow:0 8px 20px rgba(45,61,77,.1);font-family:Manrope,Arial,sans-serif;font-size:.47rem;font-weight:800;letter-spacing:.12em;line-height:1.1;text-align:center;backdrop-filter:blur(7px)}
.culture-carbonation{color:#0B6574;text-decoration:none;pointer-events:auto}
.culture-carbonation:hover{text-decoration:underline;text-underline-offset:3px}

.story-content{position:relative;max-width:560px}
.story-slides{display:grid;align-items:center}
.story-slide{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .42s ease,translate .42s ease,visibility .42s}
.story-slide.is-active{opacity:1;visibility:visible;translate:0 0}
.story-slide>p:not(.eyebrow){font-family:'Source Serif 4',Georgia,serif;font-size:1.16rem;color:var(--charcoal)}
.story-slide h2{font-size:clamp(2.45rem,4.4vw,4.1rem);line-height:.95}
.story-controls{display:flex;align-items:center;gap:9px;margin-top:24px}
.story-controls button{position:relative;width:34px;height:18px;padding:0;border:0;background:transparent;cursor:pointer}
.story-controls button:before{content:'';position:absolute;top:50%;right:0;left:0;height:3px;border-radius:999px;background:rgba(45,61,77,.22);translate:0 -50%;transition:background .2s ease,scale .2s ease}
.story-controls button:hover:before,.story-controls button:focus-visible:before{background:rgba(45,61,77,.48)}
.story-controls button.is-active:before{background:#2D3D4D;scale:1 1.6}
.story-controls button:focus-visible{outline:2px solid rgba(72,197,216,.68);outline-offset:2px;border-radius:999px}

@keyframes culture-filament-drift{0%,100%{translate:-2px 2px;rotate:-3deg}50%{translate:5px -6px;rotate:6deg}}
@keyframes culture-spore-drift{0%,100%{translate:0 3px;opacity:.55}50%{translate:-4px -7px;opacity:1}}
@keyframes culture-bubble-rise{0%,100%{translate:0 9px;opacity:.28}50%{translate:4px -11px;opacity:.82}}

@media (max-width:1060px){
  .process-list{grid-template-columns:repeat(2,255px);justify-content:center;gap:34px 56px}
  .process-list li,.process-list li:nth-child(n){width:255px;max-width:255px}
  .process-list li>div{padding:14px 26px 22px}
  .process-list strong{font-size:1.18rem}
  .process-list p{font-size:.67rem}
}

@media (max-width:760px){
  .process-list{grid-template-columns:255px;justify-content:center;gap:26px}
  .process-list li,.process-list li:nth-child(n){width:255px;max-width:255px}
  .process-list li>div{padding:14px 28px 22px}
  .process-list strong{font-size:1.18rem}
  .process-list p{font-size:.67rem}
  .culture-stage{min-height:430px}
  .culture-network{width:min(400px,100%)}
  .culture-node{width:112px}
  .culture-node-trigger{min-height:39px;gap:5px;padding:5px 7px}
  .culture-node-trigger>i{flex-basis:23px;height:23px;font-size:.44rem}
  .culture-node-trigger>span{font-size:.47rem}
  .culture-tooltip{width:min(220px,74vw);font-size:.58rem}
  .node-electrolytes{bottom:1%}
  .culture-legends{bottom:-1px;gap:5px}
  .culture-legends .culture-caption,.culture-carbonation{min-height:24px;padding:6px 8px;font-size:.4rem;letter-spacing:.09em}
  .story-content{max-width:none}
  .story-slide h2{font-size:clamp(2.35rem,12vw,3.35rem)}
  .story-slide>p:not(.eyebrow){font-size:1.05rem}
}

@media (prefers-reduced-motion:reduce){
  .culture-filament,.culture-spore,.culture-bubble,.story-slide{animation:none;transition:none}
}

/* V15 — CO₂ distintivo, ejecución bajo demanda, accesibilidad e idioma */
.culture-carbonation-node{position:absolute;z-index:8;top:-1%;left:50%;width:178px;transform:translateX(-50%);animation:culture-carbonation-float 6.6s ease-in-out infinite}
.culture-carbonation-node:is(:hover,:focus-within,.is-open){z-index:25}
.culture-carbonation-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:57px;padding:8px 14px 8px 10px;border:1px solid rgba(255,255,255,.72);border-radius:49% 51% 46% 54% / 58% 44% 56% 42%;background:linear-gradient(145deg,rgba(231,252,255,.94),rgba(197,239,244,.90));color:#16485A;box-shadow:inset 0 0 20px rgba(255,255,255,.48),0 12px 28px rgba(7,27,49,.14);cursor:pointer;backdrop-filter:blur(8px)}
.culture-carbonation-trigger:hover{background:linear-gradient(145deg,#F3FEFF,#C8F0F4);box-shadow:inset 0 0 20px rgba(255,255,255,.62),0 15px 31px rgba(7,27,49,.18)}
.culture-carbonation-trigger:focus-visible{outline:3px solid rgba(72,197,216,.64);outline-offset:3px}
.culture-carbonation-trigger>i{position:relative;flex:0 0 38px;height:38px;border:1px solid rgba(22,101,116,.26);border-radius:50%;background:radial-gradient(circle at 35% 29%,#FFFFFF 0 8%,rgba(255,255,255,.30) 10%,rgba(72,197,216,.36) 62%,rgba(11,101,116,.12));box-shadow:inset 0 0 10px rgba(255,255,255,.66)}
.culture-carbonation-trigger>i span{position:absolute;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(255,255,255,.18);animation:culture-bubble-rise 4.8s ease-in-out infinite}
.culture-carbonation-trigger>i span:nth-child(1){left:6px;bottom:7px;width:8px;height:8px}.culture-carbonation-trigger>i span:nth-child(2){right:7px;top:8px;width:5px;height:5px;animation-delay:-1.6s}.culture-carbonation-trigger>i span:nth-child(3){right:11px;bottom:6px;width:11px;height:11px;animation-delay:-3.1s}
.culture-carbonation-trigger>strong{font-family:Manrope,Arial,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.08em;line-height:1.05;text-align:left}
.culture-carbonation-trigger>strong small{display:block;margin-top:4px;font-size:.43rem;letter-spacing:.10em;white-space:nowrap}
.culture-carbonation-node .culture-tooltip{top:calc(100% + 9px);right:auto;left:50%;width:min(270px,76vw);translate:-50% 7px;transition:translate .18s ease}
.culture-carbonation-node:hover .culture-tooltip,.culture-carbonation-node:focus-within .culture-tooltip,.culture-carbonation-node.is-open .culture-tooltip{opacity:1;visibility:visible;translate:-50% 0;pointer-events:auto}
.culture-carbonation-node:is(:hover,:focus-within,.is-open)>.culture-tooltip{opacity:1!important;visibility:visible!important;translate:-50% 0!important;pointer-events:auto!important}

.bubble-i{left:15%;top:16%;scale:.52;animation-delay:-.7s}.bubble-j{right:14%;top:21%;scale:.88;animation-delay:-2.2s}.bubble-k{left:10%;top:49%;scale:.36;animation-delay:-4.9s}.bubble-l{right:12%;top:49%;scale:.56;animation-delay:-3.3s}.bubble-m{left:18%;bottom:16%;scale:1.05;animation-delay:-5.6s}.bubble-n{right:16%;bottom:14%;scale:.44;animation-delay:-1.8s}.bubble-o{left:48%;top:11%;scale:.54;animation-delay:-3.9s}.bubble-p{right:46%;bottom:9%;scale:.31;animation-delay:-2.9s}
@keyframes culture-carbonation-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -5px;rotate:1deg}}

.accessibility-button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgba(45,61,77,.28);border-radius:50%;background:#FFFFFF;color:var(--probiotika-ink);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.accessibility-button:hover{transform:translateY(-1px);border-color:var(--probiotika-ink);background:#F4FBFC}
.accessibility-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.accessibility-dialog{width:min(720px,calc(100% - 28px));max-height:min(820px,calc(100dvh - 28px));padding:0;border:1px solid rgba(45,61,77,.18);border-radius:26px;background:#FFFFFF;color:var(--probiotika-ink);box-shadow:0 28px 80px rgba(7,27,49,.24);overflow:auto}
.accessibility-dialog::backdrop{background:rgba(7,27,49,.52);backdrop-filter:blur(6px)}
.accessibility-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:linear-gradient(115deg,#EAF7F6,#FFF7E7 58%,#FFECEF);border-bottom:1px solid rgba(45,61,77,.12)}
.accessibility-dialog-head span,.accessibility-dialog-head strong{display:block}.accessibility-dialog-head span{color:#0B6574;font-size:.56rem;font-weight:800;letter-spacing:.14em}.accessibility-dialog-head strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.55rem}
.accessibility-dialog-head button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid rgba(45,61,77,.22);border-radius:50%;background:#FFFFFF;color:var(--probiotika-ink);font-size:1.7rem;line-height:1;cursor:pointer}
.accessibility-dialog-body{padding:26px 24px 30px}.accessibility-dialog-body>p:first-child{max-width:600px;margin:0 0 22px;color:#56616A;font-size:.82rem;line-height:1.55}
.accessibility-profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.accessibility-profiles legend{grid-column:1/-1;margin-bottom:10px;font-weight:800}.accessibility-profiles label{display:block;cursor:pointer}.accessibility-profiles input{position:absolute;opacity:0;pointer-events:none}.accessibility-profiles label>span{display:flex;min-height:105px;align-items:center;justify-content:center;flex-direction:column;padding:15px 10px;border:1px solid rgba(45,61,77,.18);border-radius:18px;background:#FAFAF8;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.accessibility-profiles label:hover>span{transform:translateY(-2px);border-color:rgba(45,61,77,.42)}.accessibility-profiles input:focus-visible+span{outline:3px solid var(--flame);outline-offset:3px}.accessibility-profiles input:checked+span{border:2px solid var(--probiotika-ink);background:#EAF7F6}.accessibility-profiles strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.5rem}.accessibility-profiles small{margin-top:5px;color:#56616A;font-size:.61rem;line-height:1.35}
.language-field{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(45,61,77,.14)}.language-field>span{font-weight:800}.language-field select{width:100%;min-height:48px;padding:9px 38px 9px 13px;border:1px solid rgba(45,61,77,.28);border-radius:12px;background:#FFFFFF;color:var(--probiotika-ink);font:inherit}
.accessibility-note{margin:18px 0 0;padding:13px 15px;border-left:3px solid #48C5D8;background:#F2FAFB;color:#4C5B65;font-size:.68rem;line-height:1.5}

html[data-a11y-profile="aa"]{font-size:112%}html[data-a11y-profile="aaa"]{font-size:122%}
html[data-a11y-profile="aa"],html[data-a11y-profile="aaa"]{--ink:#13283A;--probiotika-ink:#13283A;--muted:#34434E;--line:#7C8992}
html[data-a11y-profile="aaa"] body{line-height:1.65;letter-spacing:.01em}html[data-a11y-profile="aaa"] a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:3px}
html[data-a11y-profile="aa"] :focus-visible,html[data-a11y-profile="aaa"] :focus-visible{outline-width:4px;outline-color:#D92038}
:is(html[data-a11y-profile="a"],html[data-a11y-profile="aa"],html[data-a11y-profile="aaa"]){scroll-behavior:auto}
:is(html[data-a11y-profile="a"],html[data-a11y-profile="aa"],html[data-a11y-profile="aaa"]) *,:is(html[data-a11y-profile="a"],html[data-a11y-profile="aa"],html[data-a11y-profile="aaa"]) *::before,:is(html[data-a11y-profile="a"],html[data-a11y-profile="aa"],html[data-a11y-profile="aaa"]) *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}

html.motion-managed .motion-scope:not(.is-motion-active) *,html.motion-managed .motion-scope:not(.is-motion-active) *::before,html.motion-managed .motion-scope:not(.is-motion-active) *::after{animation-play-state:paused!important}
.culture-network:before,.culture-streams path,.culture-colony,.culture-yeast,.culture-bacteria,.culture-node,.culture-filament,.culture-spore,.culture-bubble,.culture-carbonation-node{will-change:auto}
.motion-scope.is-motion-active :is(.culture-network:before,.culture-streams path,.culture-colony,.culture-yeast,.culture-bacteria,.culture-node,.culture-filament,.culture-spore,.culture-bubble,.culture-carbonation-node){will-change:transform}
@supports (content-visibility:auto){.process,.story,.rewards,.faq,.credentials,.newsletter{content-visibility:auto;contain-intrinsic-block-size:700px}}

@media (max-width:760px){
  .header-actions{gap:5px}.accessibility-button{width:40px;height:40px;flex-basis:40px}
  .culture-carbonation-node{top:-2%;width:154px}.culture-carbonation-trigger{min-height:50px;padding:6px 11px 6px 8px}.culture-carbonation-trigger>i{flex-basis:32px;height:32px}.culture-carbonation-trigger>strong{font-size:.66rem}.culture-carbonation-trigger>strong small{font-size:.37rem}
  .accessibility-dialog{border-radius:20px}.accessibility-dialog-head{padding:17px 18px}.accessibility-dialog-body{padding:22px 18px 25px}.accessibility-profiles{grid-template-columns:repeat(2,minmax(0,1fr))}.accessibility-profiles label>span{min-height:92px}.language-field{grid-template-columns:1fr;gap:7px}
}

@media (prefers-reduced-motion:reduce){
  .culture-carbonation-node,.culture-carbonation-trigger>i span{animation:none}
}

/* V16 — continuidad del carrusel, mapa específico de kombucha y refinamiento responsive */
.accessibility-button{position:relative;overflow:visible}
.accessibility-button-label{position:absolute;z-index:420;top:calc(100% + 11px);right:-8px;width:max-content;max-width:210px;padding:8px 11px;border-radius:9px;background:var(--probiotika-ink);color:#FFFFFF;font-family:Manrope,Arial,sans-serif;font-size:.64rem;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 10px 25px rgba(7,27,49,.2);opacity:0;visibility:hidden;translate:0 -4px;transition:opacity .16s ease,translate .16s ease,visibility .16s;pointer-events:none}
.accessibility-button-label:before{content:'';position:absolute;right:20px;bottom:100%;border:6px solid transparent;border-bottom-color:var(--probiotika-ink)}
.accessibility-button:is(:hover,:focus-visible) .accessibility-button-label{opacity:1;visibility:visible;translate:0 0}

.culture-carbonation-node{top:0;left:50%;width:104px;height:104px;transform:translateX(-50%)}
.culture-carbonation-trigger{position:relative;display:grid;place-items:center;width:104px;height:104px;min-height:104px;padding:13px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#FFFFFF 0 5%,rgba(232,252,255,.98) 8%,rgba(174,229,237,.96) 66%,rgba(72,197,216,.88));box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),inset 0 -12px 24px rgba(11,101,116,.11),0 14px 30px rgba(7,27,49,.16);text-align:center}
.culture-carbonation-trigger:hover{background:radial-gradient(circle at 34% 26%,#FFFFFF 0 5%,#EFFDFF 8%,#B4E9EE 68%,#72D1DE);box-shadow:inset 0 0 0 1px rgba(255,255,255,.86),inset 0 -12px 24px rgba(11,101,116,.12),0 16px 34px rgba(7,27,49,.2)}
.culture-carbonation-trigger>i{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;box-shadow:none;pointer-events:none}
.culture-carbonation-trigger>i span:nth-child(1){left:18px;bottom:23px;width:9px;height:9px}.culture-carbonation-trigger>i span:nth-child(2){right:20px;top:18px;width:6px;height:6px}.culture-carbonation-trigger>i span:nth-child(3){right:15px;bottom:21px;width:13px;height:13px}
.culture-carbonation-trigger>strong{position:relative;z-index:1;display:block;font-size:1.05rem;line-height:.9;letter-spacing:.04em;text-align:center}
.culture-carbonation-trigger>strong small{max-width:75px;margin:7px auto 0;font-size:.39rem;line-height:1.16;letter-spacing:.08em;white-space:normal}
.culture-carbonation-node .culture-tooltip{top:calc(100% + 10px)}
.culture-context-label{position:absolute;z-index:7;left:50%;bottom:4px;translate:-50% 0;margin:0;padding:7px 13px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(45,61,77,.88);color:#FFFFFF;font-size:.47rem;font-weight:800;letter-spacing:.13em;line-height:1;white-space:nowrap;box-shadow:0 9px 22px rgba(7,27,49,.16);backdrop-filter:blur(7px)}
.culture-colony>span{font-size:.42rem;letter-spacing:.1em}

@media (min-width:1061px){
  .process-list{grid-template-columns:repeat(4,221px);justify-content:center;gap:clamp(18px,2.15vw,30px)}
}

@media (max-width:760px){
  .site-header{grid-template-columns:minmax(126px,1fr) auto auto}
  .header-actions{display:flex!important;grid-column:2;gap:5px;visibility:visible}
  .accessibility-button{display:grid!important;width:38px;height:38px;flex-basis:38px}
  .account-link{width:38px;height:38px;min-height:38px}
  .accessibility-button-label{display:none}

  .culture-carbonation-node{top:1%;width:88px;height:88px}
  .culture-carbonation-trigger{width:88px;height:88px;min-height:88px;padding:10px}
  .culture-carbonation-trigger>i{width:100%;height:100%}
  .culture-carbonation-trigger>strong{font-size:.9rem}
  .culture-carbonation-trigger>strong small{max-width:66px;margin-top:5px;font-size:.34rem}
  .culture-context-label{bottom:1px;padding:7px 11px;font-size:.4rem;letter-spacing:.1em}
  .culture-colony>span{max-width:86px;font-size:.36rem;line-height:1.15;text-align:center;white-space:normal}

  .story.section{isolation:isolate;width:calc(100% - 24px);margin:30px auto 58px;padding:52px 18px 58px;border-radius:34px;background:linear-gradient(145deg,#EEF9F8 0%,#FFF7E8 56%,#FFF0EF 100%);overflow:hidden}
  .story.section:before{inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 88% 20%,rgba(72,197,216,.22),transparent 46%),radial-gradient(circle at 12% 88%,rgba(246,166,35,.17),transparent 38%)}
  .story>.story-media{aspect-ratio:4/3;border-radius:22px;overflow:hidden}
  .story-media>.story-photo,.story-media>.story-life-overlay{border-radius:22px}
  .story-content{padding:0 2px}

  .credentials{padding:30px 18px 32px}
  .credentials-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 12px;max-width:370px;margin:auto}
  .credentials-row>img.credential-logo{align-self:start;width:auto;max-width:100%;margin:0 auto}
  .credentials-row>.credential-logo-zapopan{grid-column:1/4;max-height:62px}
  .credentials-row>.credential-logo-shark{grid-column:4/7;max-height:62px}
  .credentials-row>.credential-logo-antad{grid-column:1/3;max-width:84px;max-height:38px}
  .credentials-row>.credential-logo-years{grid-column:3/5;max-width:92px;max-height:42px}
  .credentials-row>.credential-logo-local{grid-column:5/7;max-width:102px;max-height:38px}
}

/* V17 — relato fotográfico sincronizado */
.story>.story-media{position:relative;aspect-ratio:1041/839;max-width:none;border-radius:28px;overflow:hidden;background:#E9F4F2;box-shadow:14px 16px 0 rgba(72,197,216,.22),0 28px 60px rgba(7,27,49,.16)}
.story-media-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}
.story-media-slide.is-active{z-index:1;opacity:1;visibility:visible}
.story-media-slide>.story-photo{display:block;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center;box-shadow:none}
.story-media-slide>.story-life-overlay{position:absolute;z-index:2;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;pointer-events:none}
.story:hover .story-media-slide>img{transform:none}
.credentials-row>.reveal-item{opacity:1;transform:none;transition:none}

@media (max-width:760px){
  .story>.story-media{aspect-ratio:1041/839;border-radius:22px;box-shadow:7px 8px 0 rgba(72,197,216,.19),0 18px 38px rgba(7,27,49,.13)}
  .story-media-slide>.story-photo,.story-media-slide>.story-life-overlay{border-radius:0}
}

@media (prefers-reduced-motion:reduce){
  .story-media-slide{transition:none}
}

/* V19 — microinteracciones, ritmo móvil y escala editorial */
.rewards-launcher svg{
  transform-origin:center;
  animation:rewards-gift-breathe 2.8s cubic-bezier(.4,0,.2,1) infinite;
}
.rewards-launcher:is(:hover,:focus-visible,:active) svg,
.rewards-launcher.is-hidden svg,
body.dialog-open .rewards-launcher svg{
  animation:none;
  transform:scale(1);
}
@keyframes rewards-gift-breathe{
  0%,34%,100%{transform:scale(1)}
  47%{transform:scale(1.11)}
  60%{transform:scale(.985)}
  72%{transform:scale(1.045)}
}

/* Las cuatro decisiones se leen como burbujas de gas, sin alterar su contenido. */
.process-list li,.process-list li:nth-child(n){
  border-color:color-mix(in srgb,var(--process-accent),#FFFFFF 56%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),inset 0 -18px 42px color-mix(in srgb,var(--process-accent),transparent 92%),0 18px 42px rgba(45,61,77,.10);
}
.process-list li:before{
  content:'';
  position:absolute;
  z-index:3;
  inset:0;
  display:block;
  height:auto;
  border-radius:50%;
  background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.84) 0 2.5%,rgba(255,255,255,.28) 3.2%,transparent 12%),radial-gradient(circle at 72% 22%,rgba(255,255,255,.46),transparent 22%),linear-gradient(118deg,rgba(255,255,255,.24),transparent 28% 72%,rgba(255,255,255,.15));
  pointer-events:none;
}
.process-list li:after{
  content:'';
  position:absolute;
  z-index:4;
  top:24%;
  right:12%;
  bottom:auto;
  display:block;
  width:13px;
  height:13px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  box-shadow:-21px 17px 0 -4px rgba(255,255,255,.34),9px 31px 0 -3px rgba(255,255,255,.28),-39px -9px 0 -5px rgba(255,255,255,.42);
  transform:none;
  pointer-events:none;
}
.process-list li>div{z-index:auto}
.process-list li>span,
.process-list li>div>strong,
.process-list li>div>p{position:relative;z-index:5}

/* El programa completo conserva jerarquía, pero cabe cómodamente en escritorio. */
@media (min-width:761px){
  .rewards-dialog{
    width:min(600px,calc(100% - 48px));
    max-height:min(780px,calc(100dvh - 48px));
    border-radius:26px;
  }
  .rewards-dialog-head{padding:16px 20px}
  .rewards-dialog-head button{width:38px;height:38px}
  .rewards-dialog-body{max-height:min(700px,calc(100dvh - 116px));padding:20px;overscroll-behavior:contain}
  .rewards-dialog-body>header,.rewards-dialog-body>section{margin-bottom:12px;padding:19px;border-radius:18px}
  .rewards-dialog-body>header h2{font-size:clamp(2.35rem,4.5vw,3.15rem)}
  .rewards-dialog-body h3{font-size:1.45rem}

  /* Cinco respaldos en módulos ópticos iguales: alineados y sin superposición. */
  .credentials-row{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    width:100%;
    max-width:1100px;
    min-height:82px;
    margin:auto;
  }
  .credentials-row>img.credential-logo{
    display:block;
    width:100%;
    max-width:none;
    height:72px;
    max-height:none;
    margin:0;
    padding:8px clamp(16px,2vw,28px);
    border-left:1px solid rgba(45,89,99,.15);
    object-fit:contain;
    object-position:center;
  }
  .credentials-row>img.credential-logo:first-child{border-left:0}
  .credentials-row>.credential-logo-zapopan,
  .credentials-row>.credential-logo-shark{padding:5px clamp(18px,2.2vw,30px)}
  .credentials-row>.credential-logo-antad{padding:19px clamp(28px,3.5vw,48px)}
  .credentials-row>.credential-logo-years{padding:17px clamp(27px,3.3vw,45px)}
  .credentials-row>.credential-logo-local{padding:21px clamp(25px,3vw,42px)}
}

@media (max-width:760px){
  /* Modal centrado, con límite inferior y desplazamiento interno seguro. */
  .rewards-dialog[open]{
    position:fixed;
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    width:calc(100% - 24px);
    max-height:calc(100dvh - 24px);
    margin:0;
    border-radius:24px;
    transform:translate(-50%,-50%);
  }
  .rewards-dialog-head{padding:15px 17px}
  .rewards-dialog-head button{width:38px;height:38px}
  .rewards-dialog-body{
    max-height:calc(100dvh - 92px);
    padding:12px 12px max(18px,env(safe-area-inset-bottom));
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .rewards-dialog-body>header,.rewards-dialog-body>section{margin-bottom:11px;padding:17px;border-radius:18px}
  .rewards-dialog-body>header h2{font-size:clamp(2.2rem,11vw,3rem)}
  .rewards-dialog-body h3{font-size:1.42rem}

  /* Historia: menos aire, continuidad automática y avance visible. */
  .story.section{
    gap:18px;
    margin-top:28px;
    margin-bottom:52px;
    padding:34px 18px 38px;
  }
  .story-content{padding:0}
  .story-slide .eyebrow{margin-bottom:8px}
  .story-controls{gap:7px;margin-top:15px}
  .story-controls button{width:32px;height:16px;overflow:hidden}
  .story-controls button:before{height:2px;scale:1 1}
  .story-controls button.is-active:before{background:rgba(45,61,77,.22);scale:1 1}
  .story-controls button:after{
    content:'';
    position:absolute;
    top:50%;
    right:0;
    left:0;
    height:3px;
    border-radius:999px;
    background:#2D3D4D;
    transform:translateY(-50%) scaleX(0);
    transform-origin:left center;
    opacity:0;
  }
  .story-controls button.is-active:after{
    opacity:1;
    animation:story-status-progress var(--story-duration,6800ms) linear both;
  }

  /* Las tarjetas crecen hacia el centro; se conservan los márgenes laterales. */
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
}

@keyframes story-status-progress{
  from{transform:translateY(-50%) scaleX(.12)}
  to{transform:translateY(-50%) scaleX(1)}
}

@media (prefers-reduced-motion:reduce){
  .rewards-launcher svg,.story-controls button.is-active:after{animation:none}
  .story-controls button.is-active:after{transform:translateY(-50%) scaleX(1)}
}

/* V22 — correcciones puntuales solicitadas: proceso, guía e insignias móviles */
.process-list li,.process-list li:nth-child(n){
  isolation:isolate;
  grid-template-rows:47% 53%;
  background:rgba(255,255,255,.98);
  border-width:2px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),inset 0 -16px 34px color-mix(in srgb,var(--process-accent),transparent 94%),0 18px 42px rgba(45,61,77,.10);
}
.process-list li:before{
  z-index:2;
  inset:3% 12% auto 12%;
  width:auto;
  height:42%;
  border-radius:50% 50% 44% 56%;
  background:radial-gradient(circle at 23% 18%,rgba(255,255,255,.92) 0 3%,rgba(255,255,255,.34) 3.8%,transparent 14%),linear-gradient(118deg,rgba(255,255,255,.24),transparent 31% 72%,rgba(255,255,255,.12));
  opacity:.68;
}
.process-list li:after{
  z-index:3;
  top:28%;
  right:17%;
  width:11px;
  height:11px;
  border:1px solid rgba(255,255,255,.88);
  background:rgba(255,255,255,.13);
  box-shadow:-24px 15px 0 -3px rgba(255,255,255,.38),8px 28px 0 -4px rgba(255,255,255,.34),-43px -12px 0 -4px rgba(255,255,255,.46);
  animation:process-gas-rise 5.4s ease-in-out infinite;
}
.process-list li:nth-child(2):after{animation-delay:-1.4s}
.process-list li:nth-child(3):after{animation-delay:-2.8s}
.process-list li:nth-child(4):after{animation-delay:-4.2s}
.process-list li>img{position:relative;z-index:1}
.process-list li>div{
  position:relative;
  z-index:4;
  width:100%;
  height:100%;
  padding:13px 22px 20px;
  background:rgba(255,255,255,.98);
  box-shadow:0 -10px 24px rgba(255,255,255,.94);
}
.process-list li>span{position:absolute;z-index:5}
.process-list li>div>strong,.process-list li>div>p{z-index:auto}
.process-list strong{font-size:1.12rem}
.process-list p{margin-top:6px;color:#4E5960;font-size:.7rem;line-height:1.42}
@keyframes process-gas-rise{
  0%,100%{translate:0 8px;scale:.86;opacity:.42}
  50%{translate:-3px -10px;scale:1.04;opacity:.9}
}

.trust-band .trust-strip svg{
  width:38px;
  height:38px;
  stroke-width:1.75;
  filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--trust-accent),transparent 78%));
}

.culture-choice-hint{
  position:absolute;
  z-index:24;
  top:calc(100% + 3px);
  left:50%;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(200,59,69,.2);
  border-radius:50%;
  background:rgba(255,253,248,.96);
  color:#C83B45;
  box-shadow:0 8px 18px rgba(7,27,49,.18);
  opacity:0;
  translate:-36% -5px;
  transition:opacity .16s ease,translate .16s ease;
  pointer-events:none;
}
.culture-choice-hint.is-visible{
  opacity:1;
  translate:-36% 0;
  animation:culture-choice-nudge 1.1s ease-in-out infinite;
}
.culture-choice-hint svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@keyframes culture-choice-nudge{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(5px)}
}

/* Ritmo editorial: compra primero, conocimiento después. */
.favorites{padding-bottom:clamp(68px,7vw,88px)}
.builder{padding-top:clamp(72px,7vw,90px);padding-bottom:clamp(78px,8vw,96px)}
.builder + .culture-invite{margin-top:clamp(42px,5vw,64px);margin-bottom:clamp(20px,3vw,34px)}
.culture-invite + .story{padding-top:clamp(62px,7vw,86px);padding-bottom:clamp(70px,8vw,94px)}
.story + .rewards{margin-top:clamp(20px,3vw,32px);margin-bottom:clamp(28px,4vw,46px)}
.rewards + .faq{padding-top:clamp(62px,7vw,82px);padding-bottom:clamp(68px,8vw,90px)}

@media (max-width:760px){
  .favorites{padding-top:62px;padding-bottom:54px}
  .builder{padding-top:60px;padding-bottom:68px}
  .builder + .culture-invite{margin-top:26px;margin-bottom:16px}
  .culture-invite + .story{padding-top:52px;padding-bottom:62px}
  .story + .rewards{margin-top:18px;margin-bottom:28px}
  .rewards + .faq{padding-top:54px;padding-bottom:60px}
  .section-heading{margin-bottom:30px}
}

@media (max-width:760px){
  .process-list li>div{padding:14px 27px 22px}
  .process-list strong{font-size:1.22rem}
  .process-list p{font-size:.76rem}
  .trust-band .trust-strip svg{width:31px;height:31px}

  .credentials{padding:36px 16px 40px}
  .credentials-row{
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:stretch;
    gap:12px 10px;
    width:100%;
    max-width:410px;
    margin:auto;
  }
  .credentials-row>img.credential-logo{
    box-sizing:border-box;
    align-self:stretch;
    display:block;
    width:100%;
    max-width:none;
    height:78px;
    max-height:none;
    margin:0;
    padding:12px 10px;
    border:1px solid rgba(45,89,99,.13);
    border-radius:17px;
    background:rgba(255,255,255,.68);
    box-shadow:0 8px 20px rgba(45,61,77,.055);
    object-fit:contain;
    object-position:center;
  }
  .credentials-row>img.credential-logo-zapopan,
  .credentials-row>img.credential-logo-shark{height:106px;padding:16px 20px}
  .credentials-row>.credential-logo-zapopan{grid-column:1/4}
  .credentials-row>.credential-logo-shark{grid-column:4/7}
  .credentials-row>.credential-logo-antad{grid-column:1/3}
  .credentials-row>.credential-logo-years{grid-column:3/5}
  .credentials-row>.credential-logo-local{grid-column:5/7}
}

@media (max-width:380px){
  .credentials-row{gap:10px 8px}
  .credentials-row>img.credential-logo{height:72px;padding:11px 7px}
  .credentials-row>img.credential-logo-zapopan,
  .credentials-row>img.credential-logo-shark{height:96px;padding:14px 16px}
}

@media (prefers-reduced-motion:reduce){
  .process-list li:after,.culture-choice-hint.is-visible{animation:none}
}