/* ============================================================
   MICROBIOT® FIT — Landing Page (independiente)
   Estructura/anim inspiradas en seed.com/daily-synbiotic
   Paleta propia: Azul Microbiot + Azul clínico
   ============================================================ */
.mblp {
  --mb-teal-950: #062A3A;
  --mb-teal-900: #073B52;
  --mb-teal-700: #007DB3;
  --mb-teal-600: #009EDB;
  --mb-teal-400: #00B7FF;
  --mb-mint-200: #DDF6FF;
  --mb-cream:    #FFFFFF;
  --mb-cream-2:  #DDF6FF;
  --mb-lime:     #DDF6FF;
  --mb-ink:      #071E28;
  --mb-gray:     #526872;
  --mb-gray-light: #91A7B0;
  --mb-line:     rgba(0,125,179,.15);
  --mb-radius:   18px;
  --nav-h: 76px;
  font-family: var(--font-body);
  color: var(--mb-ink);
  background: var(--mb-cream);
  overflow-x: clip;
}
.mblp * { box-sizing: border-box; }
.mblp img { display:block; max-width:100%; }
.mblp a { color: inherit; }
.mblp section { padding: 88px 0; position: relative; }
.mblp .mblp-container { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.mblp .mblp-eyebrow {
  font-family: var(--font-display); font-weight:700; letter-spacing:.18em;
  text-transform: uppercase; font-size:.74rem; color: var(--mb-teal-600);
  display:flex; align-items:center; gap:8px; margin-bottom:14px;
}
.mblp .mblp-eyebrow::before { content:''; width:22px; height:2px; background: var(--mb-teal-600); display:inline-block; }
.mblp h2.mblp-h2 {
  font-family: var(--font-display); font-weight:800; text-transform:uppercase;
  font-size: clamp(2rem, 3.6vw, 3.1rem); line-height:1.03; letter-spacing:-.01em;
  color: var(--mb-teal-950); margin-bottom: 18px;
}
.mblp .mblp-lead { font-size: 1.08rem; color: var(--mb-gray); max-width: 640px; line-height:1.7; }
.mblp .mblp-center { text-align:center; margin-left:auto; margin-right:auto; }
@keyframes mblpFadeUp { from { opacity:0; transform: translateY(22px); } to { opacity:1; transform:none; } }
.mblp [data-reveal] { opacity:0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.mblp [data-reveal].is-visible { opacity:1; transform:none; }
.mblp [data-reveal="stagger"] > * { opacity:0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.mblp [data-reveal="stagger"].is-visible > * { opacity:1; transform:none; }
.mblp [data-reveal="stagger"].is-visible > *:nth-child(1){transition-delay:.04s}
.mblp [data-reveal="stagger"].is-visible > *:nth-child(2){transition-delay:.11s}
.mblp [data-reveal="stagger"].is-visible > *:nth-child(3){transition-delay:.18s}
.mblp [data-reveal="stagger"].is-visible > *:nth-child(4){transition-delay:.25s}
.mblp [data-reveal="stagger"].is-visible > *:nth-child(5){transition-delay:.32s}
/* ── ANNOUNCEMENT BAR + NAVBAR (minimalista, independiente) ─ */
.mblp-ann-bar { background: var(--mb-teal-400); text-align:center; padding:11px 20px; }
.mblp-ann-link { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:.85rem; color: var(--mb-ink); }
.mblp-navbar {
  background: #fff;
  border-bottom: 1px solid var(--mb-line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  position:sticky;
  top:0;
  z-index:200;
  transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.mblp-navbar-inner { display:flex; align-items:center; justify-content:space-between; height: var(--nav-h); gap:24px; padding-top:10px; padding-bottom:10px; }
.mblp-nav-left { display:flex; align-items:center; gap:36px; border:1px solid transparent; border-radius:100px; transition: background .35s ease, border-color .35s ease, padding .35s ease, box-shadow .35s ease, backdrop-filter .35s ease; }
.mblp-nav-logo { flex-shrink:0; height:40px; display:flex; align-items:center; overflow:visible; margin-left:-38px; }
.mblp-nav-logo img { height:120px; width:auto; display:block; }
.mblp-nav-links { display:flex; gap:30px; }
.mblp-nav-links a { font-size:.92rem; font-weight:500; color:var(--mb-ink); transition: color .35s ease; }
.mblp-nav-links a:hover { color: var(--mb-teal-400); }
.mblp-nav-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; border:1px solid transparent; border-radius:100px; transition: background .35s ease, border-color .35s ease, padding .35s ease, box-shadow .35s ease, backdrop-filter .35s ease; }
.mblp-nav-actions .mblp-nav-cta { background: var(--mb-teal-950); color:#fff; font-family:var(--font-body); font-weight:600; font-size:.86rem; padding:11px 24px; border-radius:100px; transition: var(--transition); white-space:nowrap; display:inline-block; }
.mblp-nav-actions .mblp-nav-cta:hover { background: var(--mb-teal-700); color:#fff; }
/* Estado "scrolled": logo+links y botón flotan como cápsulas con blur */
.mblp-navbar.scrolled {
  background: transparent;
  border-bottom-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.mblp-navbar.scrolled .mblp-nav-left {
  background: rgba(6,42,58,.78);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%);
  padding: 8px 40px 8px 34px;
  box-shadow: 0 10px 32px rgba(6,42,58,.22);
}
.mblp-navbar.scrolled .mblp-nav-logo { margin-left: 0; }
.mblp-navbar.scrolled .mblp-nav-links a { color: #fff; white-space:nowrap; }
.mblp-navbar.scrolled .mblp-nav-links a:hover { color: var(--mb-teal-400); }
.mblp-navbar.scrolled .mblp-nav-actions {
  background: rgba(6,42,58,.78);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%);
  padding: 8px;
  box-shadow: 0 10px 32px rgba(6,42,58,.22);
}
.mblp-navbar.scrolled .mblp-nav-actions .mblp-nav-cta { background:transparent; color:#fff; }
.mblp-navbar.scrolled .mblp-nav-actions .mblp-nav-cta:hover { background: var(--mb-mint-200); color: var(--mb-ink); }
.mblp-navbar.scrolled .mblp-nav-burger span { background:#fff; }
.mblp-nav-burger { display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:6px; }
.mblp-nav-burger span { width:20px; height:2px; background:var(--mb-ink); border-radius:2px; transition: background .35s ease; }
.mblp-nav-mobile-panel { display:none; flex-direction:column; background:#fff; border-bottom:1px solid var(--mb-line); }
.mblp-nav-mobile-panel.open { display:flex; }
.mblp-nav-mobile-panel a { padding:14px 32px; font-size:.95rem; color: var(--mb-ink); border-bottom:1px solid var(--mb-line); }
.mblp-nav-mobile-panel a:last-child { border-bottom:none; }
/* ── HERO ─────────────────────────────────────────────────── */
.mblp-hero { background: var(--mb-cream); padding: 40px 0 0; }
.mblp-hero-grid { display:grid; grid-template-columns: 1.35fr .85fr; gap: 56px; align-items:flex-start; }
/* Placeholder de imagen (temporal, sin imágenes reales aún) */
.mblp-img-ph {
  position:relative; width:100%; height:100%;
  background: repeating-linear-gradient(135deg, var(--mb-cream-2), var(--mb-cream-2) 10px, #fff 10px, #fff 20px);
  border: 1.5px dashed var(--mb-teal-400);
  border-radius: 4px;
  display:flex; align-items:center; justify-content:center;
  color: var(--mb-teal-600); font-family: var(--font-body); font-weight:600; font-size:.78rem;
  text-align:center; overflow:hidden;
}
.mblp-img-ph::after { content: attr(data-label); padding: 0 10px; }
/* Recursos reales conservan las mismas proporciones que los placeholders. */
.mblp-media-real {
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius:inherit;
}
.mblp-product-stage {
  --mblp-product-tilt-x: 0deg;
  --mblp-product-tilt-y: 0deg;
  position:relative;
  display:grid;
  place-items:center;
  perspective:1100px;
  background:linear-gradient(145deg, #08b8f1 0%, #078fc9 55%, #075a91 100%);
  border:none;
  overflow:hidden;
  isolation:isolate;
}
.mblp-product-stage::before {
  content:"";
  position:absolute;
  inset:-35%;
  background:radial-gradient(circle at 38% 34%, rgba(255,255,255,.28), transparent 34%);
  animation:mblpHeroLight 9s ease-in-out infinite alternate;
  pointer-events:none;
}
.mblp-hero-rotation-video {
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.mblp-hero-rotation-video-bg {
  z-index:1;
  object-fit:cover;
  transform:scale(1.06);
  filter:blur(20px) saturate(.9);
  opacity:.72;
}
.mblp-product-stage::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(112deg, transparent 28%, rgba(255,255,255,.13) 43%, transparent 58%);
  transform:translateX(-85%);
  animation:mblpHeroSheen 8s ease-in-out infinite;
  pointer-events:none;
  z-index:3;
}
.mblp-hero-product-wrap {
  position:relative;
  z-index:2;
  width:min(44%, 300px);
  height:88%;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  animation:mblpHeroFloat 7.5s ease-in-out infinite;
}
.mblp-hero-product {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 24px 18px rgba(3,42,80,.34));
  transform:rotateX(var(--mblp-product-tilt-x)) rotateY(var(--mblp-product-tilt-y));
  transition:transform .55s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.mblp-hero-product-shadow {
  position:absolute;
  z-index:1;
  left:50%;
  bottom:6%;
  width:28%;
  height:7%;
  border-radius:50%;
  background:rgba(3,37,70,.38);
  filter:blur(14px);
  transform:translateX(-50%);
  animation:mblpHeroShadow 7.5s ease-in-out infinite;
}
@keyframes mblpHeroFloat {
  0%,100% { transform:translateY(8px) rotateZ(-1.5deg); }
  50% { transform:translateY(-12px) rotateZ(1.5deg); }
}
@keyframes mblpHeroShadow {
  0%,100% { opacity:.72; transform:translateX(-50%) scale(.92); }
  50% { opacity:.4; transform:translateX(-50%) scale(1.08); }
}
@keyframes mblpHeroLight {
  from { transform:translate3d(-3%, -2%, 0); }
  to { transform:translate3d(8%, 5%, 0); }
}
@keyframes mblpHeroSheen {
  0%,62% { transform:translateX(-85%); }
  82%,100% { transform:translateX(85%); }
}
/* Media: 1 grande arriba + grid 2x2 debajo */
.mblp-hero-media { display:flex; flex-direction:column; gap:16px; }
.mblp-hero-media-main { aspect-ratio: 3/2; }
.mblp-hero-video-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; aspect-ratio:3/2; }
.mblp-hero-video-pair .mblp-hero-media-main { min-width:0; aspect-ratio:auto; }
.mblp-hero-doctor-stage { min-width:0; overflow:hidden; background:var(--mb-teal-950); }
.mblp-hero-doctor-video { display:block; width:100%; height:100%; object-fit:cover; background:var(--mb-teal-950); }
.mblp-hero-media-grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.mblp-gallery-trigger { cursor:zoom-in; }
.mblp-gallery-trigger:focus-visible { outline:3px solid var(--mb-teal-400); outline-offset:3px; }
.mblp-hero-media-cell { aspect-ratio: 1/1; }
/* Info: sticky */
.mblp-hero-info-wrap { align-self: flex-start; position: sticky; top: calc(var(--nav-h) + 28px); }
.mblp-hero-info { padding-top: 6px; padding-bottom: 40px; }
.mblp-title-row { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.mblp-sku-pill { display:inline-flex; align-items:center; border:1.5px solid var(--mb-line); border-radius:100px; padding:5px 13px; font-family:var(--font-display); font-weight:700; letter-spacing:.06em; font-size:.78rem; color: var(--mb-teal-700); }
.mblp-title { font-family:var(--font-display); font-weight:400; text-transform:none; font-size:2.6rem; line-height:1; color:var(--mb-ink); letter-spacing:-.01em; }
.mblp-rating-row { display:flex; align-items:center; gap:10px; margin: 14px 0 18px; }
.mblp-stars { color:#D69E2E; letter-spacing:2px; font-size:1rem; }
.mblp-rating-row a { font-size:.85rem; text-decoration:underline; color:var(--mb-ink); }
.mblp-desc { font-size:1rem; color:var(--mb-ink); line-height:1.6; margin-bottom:22px; }
.mblp-price-row { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.mblp-price { font-family:var(--font-body); font-weight:700; font-size:1.3rem; color:var(--mb-ink); }
.mblp-badge-best { display:inline-flex; align-items:center; background:var(--mb-mint-200); color:var(--mb-teal-950); font-family:var(--font-body); font-weight:700; font-size:.74rem; padding:4px 11px; border-radius:100px; }
.mblp-hero-promo { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 12px; margin:0 0 12px; background:#fff4e8; border:1px solid #fed7aa; border-radius:8px; color:#9a3412; font-size:.78rem; }
.mblp-hero-promo span { font-weight:800; }
.mblp-hero-promo strong { font-size:.8rem; text-align:right; }
.mblp-sub-note { font-size:.86rem; color:var(--mb-gray); line-height:1.5; margin-bottom:20px; }
.mblp-btn-buy { display:flex; align-items:center; justify-content:center; gap:10px; background:var(--mb-teal-950); color:#fff; font-family:var(--font-body); font-weight:600; font-size:1rem; padding:16px 28px; border-radius:8px; transition: var(--transition); cursor:pointer; border:none; width:100%; text-transform:none; letter-spacing:0; }
.mblp-btn-buy:hover { background: var(--mb-teal-700); }
.mblp-guarantee { font-size:.78rem; color:var(--mb-gray); text-align:center; margin: 10px 0 22px; }
/* Accordion — técnica grid-template-rows (0fr/1fr), robusta y sin JS de medición */
.mblp-accordion { border-top: 1px solid var(--mb-line); }
.mblp-accordion:last-of-type { border-bottom: 1px solid var(--mb-line); }
.mblp-acc-head { width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; background:none; border:none; cursor:pointer; padding: 18px 2px; font-family:var(--font-body); font-weight:700; font-size:.98rem; color:var(--mb-ink); text-align:left; }
.mblp-acc-head svg { flex-shrink:0; color: var(--mb-ink); }
.mblp-acc-head .ic-minus { display:none; }
.mblp-acc-head .ic-plus  { display:block; }
.mblp-accordion.open .mblp-acc-head .ic-minus { display:block; }
.mblp-accordion.open .mblp-acc-head .ic-plus  { display:none; }
.mblp-acc-body {
  display:grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease;
}
.mblp-accordion.open .mblp-acc-body { grid-template-rows: 1fr; }
.mblp-acc-body-inner { min-height:0; overflow:hidden; padding: 0 2px 22px; }
.mblp-benefit-list { display:flex; flex-direction:column; gap:10px; list-style: disc; padding-left: 20px; }
.mblp-benefit-list li { font-size:.92rem; color:var(--mb-ink); line-height:1.5; }
.mblp-ingredient-box { background: var(--mb-cream); border-radius:12px; padding:16px 18px; }
.mblp-ingredient-box .row { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--mb-line); font-size:.86rem; }
.mblp-ingredient-box .row:last-child { border-bottom:none; }
.mblp-ingredient-box .row strong { font-family:var(--font-body); font-weight:700; text-align:right; }
.mblp-fineprint { font-size:.72rem; color:var(--mb-gray); margin-top:10px; line-height:1.5; }
/* Bundle upsell box */
.mblp-bundle-box { display:flex; align-items:center; gap:14px; background: var(--mb-cream-2); border-radius:14px; padding:16px; margin-top:24px; }
.mblp-bundle-box .mblp-img-ph { width:52px; height:52px; border-radius:8px; flex-shrink:0; font-size:.55rem; padding:0; }
.mblp-bundle-image { width:52px; height:52px; object-fit:contain; border-radius:8px; flex-shrink:0; }
.mblp-bundle-info { flex:1; min-width:0; }
.mblp-bundle-title { font-family:var(--font-body); font-weight:700; font-size:.88rem; color:var(--mb-teal-950); margin-bottom:2px; }
.mblp-bundle-info p { font-size:.78rem; color:var(--mb-gray); line-height:1.4; margin-bottom:6px; }
.mblp-bundle-price strong { font-size:.86rem; color:var(--mb-ink); }
.mblp-bundle-price span { font-size:.78rem; color:var(--mb-gray); text-decoration:line-through; margin-left:6px; }
.mblp-bundle-add { flex-shrink:0; border:1.5px solid var(--mb-teal-950); border-radius:100px; padding:8px 18px; font-size:.82rem; font-weight:700; font-family:var(--font-body); color:var(--mb-teal-950); }
/* ── TESTIMONIOS ───────────────────────────────────────────── */
.mblp-social-proof { background:#f4fbfb; padding:96px 0; }
.mblp-social-proof-head { max-width:620px; margin-bottom:34px; }
.mblp-eyebrow { display:block; margin-bottom:10px; color:var(--mb-teal-700); font-size:.72rem; font-weight:800; letter-spacing:.1em; }
.mblp-social-proof-head p { margin-top:14px; color:var(--mb-gray); line-height:1.6; }
.mblp-testimonial-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mblp-testimonial-card { display:flex; flex-direction:column; overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 16px 38px rgba(6,42,58,.10); }
.mblp-testimonial-card video { width:100%; aspect-ratio:9/13; object-fit:cover; background:#0b1d26; }
.mblp-testimonial-meta { padding:17px 20px 20px; background:#fff; }
.mblp-testimonial-meta strong { display:block; color:var(--mb-ink); font-size:.95rem; }
.mblp-testimonial-meta span { display:block; margin-top:5px; color:var(--mb-gray); font-size:.78rem; line-height:1.4; }
.mblp-results-roulette { margin-top:24px; overflow:hidden; padding:8px 0; }
.mblp-results-track { display:flex; gap:14px; width:max-content; animation:mblpResultsLoop 58s linear infinite; }
.mblp-results-track:hover { animation-play-state:paused; }
.mblp-results-track img { width:110px; height:145px; flex:0 0 auto; object-fit:cover; object-position:top center; border-radius:12px; box-shadow:0 8px 22px rgba(6,42,58,.16); }
.mblp-results-track button { padding:0; border:0; background:none; cursor:zoom-in; }
.mblp-results-track button:focus-visible { outline:3px solid var(--mb-teal-400); outline-offset:3px; border-radius:12px; }
.mblp-results-modal { position:fixed; inset:0; z-index:300; display:none; place-items:center; padding:36px; }
.mblp-results-modal.is-open { display:grid; }
.mblp-results-modal-backdrop { position:absolute; inset:0; background:rgba(4,25,35,.68); }
.mblp-results-modal-panel { position:relative; z-index:1; display:grid; place-items:center; width:min(620px,86vw); max-height:82vh; padding:12px; border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.32); }
.mblp-results-modal-panel img { display:block; max-width:100%; max-height:calc(82vh - 24px); border-radius:10px; object-fit:contain; }
.mblp-results-modal-close,.mblp-results-modal-arrow { position:absolute; z-index:2; border:0; cursor:pointer; }
.mblp-results-modal-close { top:-14px; right:-14px; width:38px; height:38px; border-radius:50%; background:#fff; color:var(--mb-ink); font:300 2rem/1 var(--font-body); box-shadow:0 5px 16px rgba(0,0,0,.18); }
.mblp-results-modal-arrow { top:50%; width:42px; height:42px; border-radius:50%; background:rgba(6,42,58,.88); color:#fff; font:300 2.2rem/1 var(--font-body); transform:translateY(-50%); }
.mblp-results-modal-prev { left:-64px; }.mblp-results-modal-next { right:-64px; }
@keyframes mblpResultsLoop { to { transform:translateX(-50%); } }
.mblp-social-proof-note { max-width:820px; margin:20px auto 0; color:var(--mb-gray); font-size:.74rem; line-height:1.5; text-align:center; }
/* ── FEEL THE DIFFERENCE (bloque A: foto + glass) ─────────── */
.mblp-diff { background: var(--mb-cream); }
.mblp-diff-card { position:relative; border-radius:28px; overflow:hidden; aspect-ratio: 2.5/1; }
.mblp-diff-media { position:absolute; inset:0; border-radius:0; border:none; }
.mblp-diff-headline { position:absolute; top:5%; left:5%; right:5%; z-index:2; }
.mblp-diff-headline h2 { color:#fff; font-family:var(--font-display); font-weight:700; text-transform:none; font-size:clamp(1.5rem,3.1vw,2.6rem); line-height:1.15; text-shadow: 0 2px 24px rgba(0,0,0,.3); }
.mblp-diff-glass {
  position:absolute; left:2%; right:2%; bottom:3%; z-index:2;
  background: rgba(244,251,253,.74);
  border: 1px solid rgba(255,255,255,.68);
  backdrop-filter: blur(22px) saturate(130%); -webkit-backdrop-filter: blur(22px) saturate(130%);
  box-shadow: 0 14px 38px rgba(6,42,58,.12);
  border-radius:20px; padding: 30px 36px;
}
.mblp-diff-glass-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:28px; }
.mblp-diff-item .mblp-diff-icon { width:36px; height:36px; color:var(--mb-teal-700); opacity:.95; margin-bottom:16px; }
.mblp-diff-item .mblp-diff-icon svg { width:100%; height:100%; display:block; overflow:visible; }
.mblp-diff-item h4 { font-family:var(--font-body); font-weight:700; font-size:.92rem; color:var(--mb-ink); margin-bottom:6px; line-height:1.3; }
.mblp-diff-item p { font-size:.78rem; color:rgba(6,42,58,.72); line-height:1.5; }
/* ── CAPSULE ROW (bloque B: imagen + tarjeta oscura con diagrama) ─ */
.mblp-capsule-row { display:grid; grid-template-columns: .32fr .68fr; gap:20px; margin-top:20px; }
.mblp-capsule-media { position:relative; border-radius:28px; aspect-ratio:0.82/1; overflow:hidden; background:#079bcf; }
.mblp-capsule-video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.mblp-capsule-card { background: var(--mb-teal-950); border-radius:28px; padding: 48px 44px; display:grid; grid-template-columns: 1fr 1fr; gap:30px; align-items:center; color:#fff; }
.mblp-capsule-text h3 { font-family:var(--font-display); font-weight:700; text-transform:none; font-size:clamp(1.3rem,2.1vw,1.85rem); line-height:1.22; margin-bottom:14px; }
.mblp-capsule-text p { font-size:.9rem; color:rgba(255,255,255,.68); line-height:1.6; margin-bottom:18px; max-width:340px; }
.mblp-axis-link { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:700; font-size:.88rem; color: var(--mb-teal-700); border-bottom:1.5px solid var(--mb-teal-700); padding-bottom:3px; }
.mblp-capsule-text .mblp-axis-link { color: var(--mb-lime); border-bottom-color: var(--mb-lime); }
.mblp-capsule-diagram { position:relative; min-height:320px; display:flex; align-items:center; justify-content:center; }
.mblp-capsule-motion { position:relative; width:230px; height:322px; transform:translateX(-24px); overflow:hidden; }
.mblp-capsule-animation-video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; mix-blend-mode:normal; }
.mblp-capsule-motion-real { width:250px; height:322px; overflow:visible; }
.mblp-capsule-rotation-video { object-fit:contain; transform:scale(1.42); }
.mblp-callout { position:absolute; display:flex; align-items:center; gap:10px; max-width:190px; }
.mblp-callout .line { width:54px; height:1px; background: rgba(255,255,255,.45); flex-shrink:0; position:relative; }
.mblp-callout .line::after { content:''; position:absolute; right:-3px; top:-3px; width:6px; height:6px; border-radius:50%; background:#fff; }
.mblp-callout-txt strong { display:block; font-family:var(--font-body); font-size:.84rem; font-weight:700; margin-bottom:3px; }
.mblp-callout-txt p { font-size:.75rem; color:rgba(255,255,255,.6); line-height:1.4; margin:0; }
.callout-top { top:10%; right:2%; }
.callout-bottom { bottom:10%; right:2%; }
/* ── FORMULA breakdown ────────────────────────────────────── */
.mblp-formula { background: var(--mb-cream); }
.mblp-formula-grid { display:grid; grid-template-columns: .62fr 1.38fr; gap:64px; align-items:start; }
.mblp-formula-title { font-weight:400; text-transform:none; font-size:clamp(1.7rem,2.8vw,2.3rem); margin-bottom: 48px; }
.mblp-formula-media { aspect-ratio: 1/1; width:88%; margin: 0 auto; border-radius:50%; overflow:hidden; background:var(--mb-teal-400); transform:translateY(40px); }
.mblp-formula-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
.mblp-formula-toplink { align-self: flex-end; margin-bottom: 22px; }
.mblp-formula-right { display:flex; flex-direction:column; }
.mblp-ing-list { border-top: 1px solid var(--mb-line); }
.mblp-ing-row { border-bottom: 1px solid var(--mb-line); }
.mblp-ing-head { width:100%; display:flex; align-items:center; gap:16px; background:none; border:none; cursor:pointer; padding: 22px 2px; text-align:left; }
.mblp-ing-name { font-family:var(--font-body); font-weight:700; font-size:1rem; color:var(--mb-ink); flex:1; }
.mblp-ing-val { font-family:'DM Sans',monospace; font-size:.76rem; letter-spacing:.03em; color:var(--mb-gray); white-space:nowrap; }
.mblp-ing-head svg { flex-shrink:0; color:var(--mb-ink); }
.mblp-ing-head .ic-minus { display:none; }
.mblp-ing-row.open .mblp-ing-head .ic-minus { display:block; }
.mblp-ing-row.open .mblp-ing-head .ic-plus { display:none; }
.mblp-ing-body { display:grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
.mblp-ing-row.open .mblp-ing-body { grid-template-rows: 1fr; }
.mblp-ing-body-inner { min-height:0; overflow:hidden; font-size:.88rem; color:var(--mb-gray); line-height:1.6; padding: 0 2px 22px; }
.mblp-badge-grid { display:grid; grid-template-columns: repeat(3,1fr); gap: 18px 20px; margin-top: 40px; }
.mblp-badge-item { display:flex; align-items:center; gap:10px; font-size:.85rem; color: var(--mb-ink); line-height:1.3; }
.mblp-badge-ico { width:38px; height:38px; border-radius:50%; border:1.3px solid var(--mb-line); display:flex; align-items:center; justify-content:center; color: var(--mb-teal-700); flex-shrink:0; background:rgba(255,255,255,.62); }
.mblp-badge-ico svg { width:22px; height:22px; display:block; overflow:visible; }
.mblp-formula-footnote { margin-top: 30px; font-style: italic; }
/* ── TIMELINE DE RESULTADOS ───────────────────────────────── */
.mblp-timeline { background: var(--mb-cream); }
.mblp-timeline-head { max-width: 720px; margin: 0 auto 56px; }
.mblp-center-link { display:flex; justify-content:center; margin-top:16px; }
.mblp-timeline-grid { display:grid; grid-template-columns: .38fr .62fr; gap: 56px; align-items:start; }
.mblp-tl-list { --mblp-tl-progress:0; position:relative; padding-left: 26px; }
.mblp-tl-list::before { content:''; position:absolute; left:4px; top:6px; bottom:6px; width:1.5px; background: var(--mb-line); }
.mblp-tl-list::after { content:''; position:absolute; left:4px; top:6px; bottom:6px; width:1.5px; background:var(--mb-teal-950); transform:scaleY(var(--mblp-tl-progress)); transform-origin:top; transition:transform .12s linear; }
.mblp-tl-item { --mblp-item-opacity:.2; --mblp-item-offset:10px; position:relative; z-index:1; padding-bottom:40px; opacity:var(--mblp-item-opacity); transform:translateY(var(--mblp-item-offset)); transition:opacity .12s linear, transform .12s linear; }
.mblp-tl-item:last-child { padding-bottom:0; }
.mblp-tl-dot { position:absolute; left:-26px; top:6px; width:9px; height:9px; border-radius:50%; background:var(--mb-gray-light); transition:background .3s ease, box-shadow .3s ease, transform .3s ease; }
.mblp-tl-item.active .mblp-tl-dot { background: var(--mb-teal-950); }
.mblp-tl-item.is-current .mblp-tl-dot { box-shadow:0 0 0 5px rgba(0,125,179,.12); transform:scale(1.08); }
.mblp-tl-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.mblp-tl-pill { display:inline-flex; align-items:center; background: var(--mb-cream-2); color: var(--mb-gray-light); font-family:var(--font-body); font-weight:700; font-size:.76rem; padding:5px 13px; border-radius:100px; }
.mblp-tl-item.active .mblp-tl-pill { background: var(--mb-teal-950); color:#fff; }
.mblp-tl-head h4 { font-family:var(--font-body); font-weight:700; font-size:1rem; color: var(--mb-gray-light); }
.mblp-tl-item.active .mblp-tl-head h4 { color: var(--mb-ink); }
.mblp-tl-item ul { list-style:disc; padding-left:20px; display:flex; flex-direction:column; gap:6px; }
.mblp-tl-item li { font-size:.88rem; color: var(--mb-gray-light); line-height:1.5; }
.mblp-tl-item.active li { color: var(--mb-gray); }
@media (prefers-reduced-motion: reduce) {
  .mblp-product-stage::before,
  .mblp-product-stage::after,
  .mblp-hero-product-wrap,
  .mblp-hero-product-shadow { animation:none !important; }
  .mblp-hero-product { transform:none !important; transition:none; }
  .mblp-capsule-animation-video { object-fit:contain; }
  .mblp-tl-list { --mblp-tl-progress:1 !important; }
  .mblp-tl-item { --mblp-item-opacity:1 !important; --mblp-item-offset:0px !important; transition:none; }
  .mblp-tl-list::after { transition:none; }
}
.mblp-howto { display:flex; gap:16px; align-items:flex-start; background: var(--mb-cream-2); border-radius:14px; padding:20px; margin-top:36px; }
.mblp-howto-image { width:64px; height:78px; flex-shrink:0; object-fit:contain; display:block; padding:6px; background:#fff; border:none; border-radius:12px; }
.mblp-howto strong { display:block; font-family:var(--font-body); font-size:.9rem; color: var(--mb-ink); margin-bottom:6px; }
.mblp-howto ul { list-style:disc; padding-left:18px; }
.mblp-howto li { font-size:.86rem; color: var(--mb-gray); line-height:1.5; }
/* Videos */
.mblp-timeline-media { display:flex; flex-direction:column; gap:16px; }
.mblp-video-main { position:relative; aspect-ratio:16/10; border-radius:20px; overflow:hidden; background:var(--mb-teal-950); }
.mblp-testimonial-video-bg,
.mblp-testimonial-video { position:absolute; inset:0; display:block; width:100%; height:100%; }
.mblp-testimonial-video-bg { object-fit:cover; transform:scale(1.08); filter:blur(22px) brightness(.62) saturate(.8); }
.mblp-testimonial-video { z-index:1; object-fit:contain; }
.mblp-video-ph { aspect-ratio: 16/10; border-radius:20px; }
.mblp-video-controls { position:absolute; top:16px; right:16px; display:flex; gap:8px; z-index:2; }
.mblp-video-btn { width:34px; height:34px; border-radius:50%; background: rgba(255,255,255,.85); border:none; display:flex; align-items:center; justify-content:center; color: var(--mb-ink); cursor:pointer; }
.mblp-video-caption { position:absolute; left:16px; right:16px; bottom:16px; z-index:2; background: rgba(6,42,58,.74); color:#fff; font-size:.82rem; text-align:center; padding:10px 16px; border-radius:10px; }
.mblp-video-row { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.mblp-video-wide { aspect-ratio: 4/3; }
.mblp-youtube-short { position:relative; overflow:hidden; background:var(--mb-teal-950); }
.mblp-youtube-short iframe {
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:237%;
  border:0;
  transform:translate(-50%, -50%);
  pointer-events:none;
}
.mblp-video-circle { aspect-ratio:4/3; border-radius:20px; overflow:hidden; }
.mblp-timeline-circle-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
/* ── COMPARATIVA (bloque oscuro con "track" resaltado) ────── */
.mblp-compare2 { position:relative; background: var(--mb-teal-950); overflow:hidden; padding: 100px 0; }
.mblp-compare2-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mblp-compare2-overlay { position:absolute; inset:0; background: linear-gradient(100deg, rgba(6,42,58,.94) 15%, rgba(0,125,179,.78) 58%, rgba(0,183,255,.58) 100%); }
.mblp-compare2-grid { position:relative; z-index:1; display:grid; grid-template-columns: .55fr 1.45fr; gap:56px; align-items:start; }
.mblp-compare2-title { color:#fff; font-family:var(--font-display); font-weight:400; text-transform:none; font-size:clamp(2rem,3.4vw,3rem); line-height:1.12; }
.mblp-compare2-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius:32px; padding: 30px 44px; }
.mblp-compare2-row { display:grid; grid-template-columns: 1fr 120px 1fr; align-items:center; column-gap:28px; }
.mblp-compare2-row .feat { color:#fff; font-size:1rem; padding: 30px 0; line-height:1.4; }
.mblp-compare2-row .other { color: rgba(255,255,255,.72); font-size:.92rem; text-align:center; padding: 30px 0; line-height:1.4; }
.mblp-compare2-row.mblp-compare2-head .other { color:#fff; font-weight:600; }
.mblp-compare2-row.mblp-compare2-head { padding-bottom: 4px; }
.mblp-compare2-pill { justify-self:center; display:inline-flex; align-items:center; justify-content:center; border:1.3px solid rgba(255,255,255,.4); border-radius:100px; padding:8px 6px; font-family:var(--font-body); font-weight:700; font-size:.66rem; letter-spacing:.02em; color:#fff; text-align:center; width:100%; }
.dotcell { align-self:stretch; display:flex; align-items:center; justify-content:center; background: rgba(221,246,255,.18); }
.mblp-compare2-row:nth-child(2) .dotcell { border-radius: 26px 26px 0 0; }
.mblp-compare2-row:last-child .dotcell { border-radius: 0 0 26px 26px; }
.dot { width:11px; height:11px; border-radius:50%; background:#fff; }
/* ── SUSTAINABLY DELIVERED (kit / planes) ─────────────────── */
.mblp-sustain { background: var(--mb-cream); }
.mblp-sustain-title { font-weight:400; text-transform:none; margin-bottom: 40px; }
.mblp-sustain-grid { display:grid; grid-template-columns: 1fr 1fr; gap:24px; }
.mblp-sustain-card { background:#fff; border-radius:28px; padding:28px; display:flex; gap:28px; align-items:flex-start; }
.mblp-sustain-media { width:240px; height:296px; flex-shrink:0; border-radius:20px; overflow:hidden; }
.mblp-sustain-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
.mblp-sustain-info { flex:1; min-width:0; padding-top:6px; }
.mblp-sustain-info h3 { font-family:var(--font-display); font-weight:700; text-transform:none; font-size:1.5rem; color:var(--mb-ink); margin-bottom:4px; }
.mblp-sustain-sub { font-size:.9rem; color:var(--mb-gray); margin-bottom:18px; }
.mblp-sustain-list { display:flex; flex-direction:column; }
.mblp-sustain-row { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--mb-line); width:100%; background:none; border-left:none; border-right:none; border-top:none; text-align:left; cursor:default; }
.mblp-sustain-list .mblp-sustain-row:last-child { border-bottom:none; }
.mblp-sustain-icon { width:44px; height:44px; flex-shrink:0; border-radius:10px; font-size:.5rem; overflow:hidden; }
.mblp-sustain-icon-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
.mblp-sustain-row strong { display:block; font-family:var(--font-body); font-weight:700; font-size:.94rem; color:var(--mb-ink); }
.mblp-sustain-row span { font-size:.82rem; color:var(--mb-gray); }
/* Filas de plan (seleccionables) */
.mblp-plan-row { cursor:pointer; }
.mblp-plan-bar { width:5px; height:38px; border-radius:4px; background: var(--mb-cream-2); flex-shrink:0; transition: var(--transition); }
.mblp-plan-row.selected .mblp-plan-bar { background: var(--mb-teal-950); }
.mblp-plan-row.selected strong { color: var(--mb-teal-700); }
.mblp-sustain-cta { margin-top:22px; }
/* ── CALIDAD (rigorous testing) ───────────────────────────── */
.mblp-quality2 { background: var(--mb-cream-2); }
.mblp-quality2-grid { display:grid; grid-template-columns: .8fr 1.2fr; gap:40px; align-items:center; }
.mblp-quality2-text .mblp-h2 { margin-bottom:16px; }
.mblp-quality2-cards { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
.mblp-quality2-card { background:#fff; border-radius:20px; padding:32px 22px; text-align:center; }
.mblp-quality2-card .ico { color: var(--mb-teal-700); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.mblp-quality2-card .ico { width:52px; height:52px; margin:0 auto 18px; border:1px solid var(--mb-line); border-radius:50%; color:var(--mb-teal-700); display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,rgba(221,246,255,.82),rgba(255,255,255,.96)); }
.mblp-quality2-card .ico svg { width:32px; height:32px; display:block; overflow:visible; }
.mblp-quality2-card p { font-size:.88rem; color: var(--mb-ink); line-height:1.5; }
/* ── FAQ ───────────────────────────────────────────────────── */
.mblp-faq { background: var(--mb-cream); }
.mblp-faq-grid { display:grid; grid-template-columns: .55fr 1.45fr; gap:56px; align-items:start; }
.mblp-faq-title { font-family:var(--font-display); font-weight:400; text-transform:none; font-size:clamp(2rem,3.4vw,3rem); line-height:1.15; color:var(--mb-teal-950); }
.mblp-faq-list { border-top:1px solid var(--mb-line); }
.mblp-faq-item { border-bottom:1px solid var(--mb-line); }
.mblp-faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 4px; background:none; border:none; cursor:pointer; text-align:left; font-family:var(--font-body); font-weight:700; font-size:1.05rem; color:var(--mb-teal-950); }
.mblp-faq-q svg { flex-shrink:0; color: var(--mb-ink); }
.mblp-faq-q .ic-minus { display:none; }
.mblp-faq-item.open .mblp-faq-q .ic-minus { display:block; }
.mblp-faq-item.open .mblp-faq-q .ic-plus { display:none; }
.mblp-faq-a { display:grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
.mblp-faq-item.open .mblp-faq-a { grid-template-rows: 1fr; }
.mblp-faq-a-inner { min-height:0; overflow:hidden; padding: 0 4px 24px; font-size:.94rem; color:var(--mb-gray); line-height:1.7; max-width: 760px; }
.mblp-faq-hidden { display:grid; grid-template-rows: 0fr; transition: grid-template-rows .4s ease; }
.mblp-faq-hidden.open { grid-template-rows: 1fr; }
.mblp-faq-hidden > div { min-height:0; overflow:hidden; }
.mblp-faq-viewall { display:flex; align-items:center; gap:10px; background:none; border:none; cursor:pointer; padding: 24px 4px 0; font-family:var(--font-body); font-weight:600; font-size:.94rem; color: var(--mb-teal-950); }
.mblp-faq-viewall-ico { width:26px; height:26px; border-radius:50%; border:1.3px solid var(--mb-line); display:flex; align-items:center; justify-content:center; transition: transform .3s ease; }
.mblp-faq-viewall.open .mblp-faq-viewall-ico { transform: rotate(180deg); }
/* ── FOOTER ────────────────────────────────────────────────── */
.mblp-footer { background: var(--mb-teal-950); color:#fff; padding: 120px 0 0; }
.mblp-footer-center { text-align:center; max-width:1040px; margin:0 auto; padding-bottom:0; display:flex; flex-direction:column; align-items:center; }
.mblp-footer-logo { height:66px; display:flex; align-items:center; justify-content:center; overflow:visible; margin-bottom:50px; }
.mblp-footer-logo img { height:200px; width:auto; display:block; }
.mblp-footer-heading { font-family:var(--font-display); font-weight:400; text-transform:uppercase; font-size:clamp(2.6rem,5.4vw,4.4rem); line-height:1.15; margin-bottom:48px; }
.mblp-footer-sub { font-size:1.3rem; font-weight:700; margin-bottom:10px; }
.mblp-footer-subtext { font-size:1rem; color: rgba(255,255,255,.5); margin-bottom:36px; }
.mblp-footer-newsletter { display:flex; align-items:center; border:1.3px solid rgba(255,255,255,.35); border-radius:100px; padding: 10px 10px 10px 34px; width:100%; max-width:760px; margin-bottom:70px; }
.mblp-footer-newsletter input { flex:1; background:none; border:none; outline:none; color:#fff; font-size:1.15rem; min-width:0; }
.mblp-footer-newsletter input::placeholder { color: rgba(255,255,255,.4); }
.mblp-footer-newsletter button { width:50px; height:50px; border-radius:50%; background:#fff; color:var(--mb-teal-950); display:flex; align-items:center; justify-content:center; border:none; cursor:pointer; flex-shrink:0; transition: var(--transition); }
.mblp-footer-newsletter button:hover { background: var(--mb-lime); }
.mblp-footer-newsletter button svg { width:19px; height:19px; }
.mblp-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 26px 0; }
.mblp-footer-bottom-inner { display:flex; justify-content:center; align-items:center; }
.mblp-footer-bottom-inner span { font-size:.92rem; color: rgba(255,255,255,.5); }
/* ── TEST EDUCATIVO ────────────────────────────────────────── */
.mblp-test { background:var(--mb-teal-950); overflow:hidden; }
.mblp-test-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(32px,6vw,88px); align-items:center; }
.mblp-test-visual { align-self:stretch; min-height:570px; border-radius:28px; overflow:hidden; background:linear-gradient(135deg,#007db3,#062a3a); }
.mblp-test-visual img { width:100%; height:100%; object-fit:cover; }
.mblp-test .mblp-eyebrow { color:var(--mb-teal-400); }
.mblp-test .mblp-eyebrow::before { background:var(--mb-teal-400); }
.mblp-test .mblp-h2,.mblp-test h3 { color:#fff; }
.mblp-test h3 { margin:0 0 14px; font:700 clamp(1.55rem,2.8vw,2.35rem)/1.08 var(--font-display); }
.mblp-test .mblp-lead,.mblp-test-screen > p { color:rgba(255,255,255,.76); }
.mblp-test-flow { max-width:640px; width:100%; }
.mblp-test-screen { animation:mblpTestIn .38s ease both; }
.mblp-test-screen[hidden] { display:none; }
@keyframes mblpTestIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.mblp-test-disclaimer { margin:18px 0 22px; font-size:.8rem; line-height:1.55; color:rgba(255,255,255,.54) !important; }
.mblp-test-primary,.mblp-test-secondary { font:700 .92rem/1 var(--font-body); border-radius:999px; cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.mblp-test-primary { padding:16px 22px; border:0; background:var(--mb-teal-400); color:var(--mb-ink); }
.mblp-test-primary:hover { background:#fff; transform:translateY(-2px); }
.mblp-test-secondary { display:block; margin-top:14px; padding:8px 2px; border:0; background:transparent; color:rgba(255,255,255,.7); text-decoration:underline; text-underline-offset:3px; }
.mblp-test-secondary:hover { color:#fff; }
.mblp-test-progress { display:flex; align-items:center; gap:14px; margin-bottom:34px; color:rgba(255,255,255,.66); font-size:.82rem; font-weight:700; }
.mblp-test-progress-bar { flex:1; height:7px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.18); }
.mblp-test-progress-bar span { display:block; width:0; height:100%; border-radius:inherit; background:var(--mb-teal-400); transition:width .32s ease; }
.mblp-test-question-number { margin:0 0 8px; color:var(--mb-teal-400) !important; font-size:.8rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.mblp-test-answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:25px; }
.mblp-test-answer { min-height:58px; padding:14px 17px; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:rgba(255,255,255,.07); color:#fff; text-align:left; font:600 .92rem/1.25 var(--font-body); cursor:pointer; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.mblp-test-answer:hover:not(:disabled),.mblp-test-answer.is-selected { border-color:var(--mb-teal-400); background:rgba(0,183,255,.16); transform:translateY(-1px); }
.mblp-test-answer:disabled { cursor:default; opacity:.68; }
.mblp-test-result-badge { display:inline-flex; margin-bottom:16px; padding:7px 11px; border:1px solid currentColor; border-radius:999px; font-size:.76rem; font-weight:800; letter-spacing:.04em; }
.mblp-test-offer-badge { color:var(--mb-teal-400); }
.mblp-test-lead-form { display:grid; gap:14px; margin-top:24px; }
.mblp-test-lead-form label { display:grid; gap:7px; color:rgba(255,255,255,.82); font-size:.82rem; font-weight:700; }
.mblp-test-lead-form input:not([type="checkbox"]) { width:100%; min-height:48px; border:1px solid rgba(255,255,255,.25); border-radius:10px; padding:0 13px; outline:none; background:rgba(255,255,255,.09); color:#fff; font:400 .95rem var(--font-body); }
.mblp-test-lead-form input:focus { border-color:var(--mb-teal-400); box-shadow:0 0 0 3px rgba(0,183,255,.14); }
.mblp-test-lead-form input::placeholder { color:rgba(255,255,255,.43); }
.mblp-test-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mblp-test-lead-form .mblp-test-consent { display:flex; align-items:flex-start; gap:9px; font-size:.78rem; line-height:1.45; font-weight:400; }
.mblp-test-consent input { width:16px; height:16px; margin:1px 0 0; accent-color:var(--mb-teal-400); }
.mblp-test-form-error { min-height:18px; margin:0; color:#ffb4a6 !important; font-size:.8rem; }
/* ── CIENCIA DE LA CEPA ────────────────────────────────────── */
.mblp-science { background:linear-gradient(135deg,#e9f9ff 0%,#fff 52%,#dff5ff 100%); }
.mblp-science-head { max-width:760px; }
.mblp-science-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; }
.mblp-science-card { min-height:264px; display:flex; flex-direction:column; padding:28px; border:1px solid rgba(0,125,179,.17); border-radius:22px; background:rgba(255,255,255,.85); box-shadow:0 12px 32px rgba(6,42,58,.06); }
.mblp-science-num,.mblp-forwho-grid article > span { color:var(--mb-teal-700); font-size:.76rem; font-weight:800; letter-spacing:.12em; }
.mblp-science-card h3,.mblp-forwho-grid h3 { margin:16px 0 9px; color:var(--mb-teal-950); font:700 1.22rem/1.15 var(--font-display); }
.mblp-science-card p,.mblp-forwho-grid p { color:var(--mb-gray); font-size:.9rem; line-height:1.58; }
.mblp-science-card a { margin-top:auto; padding-top:18px; color:var(--mb-teal-700); font-size:.85rem; font-weight:800; text-decoration:none; }
.mblp-science-card a:hover { text-decoration:underline; text-underline-offset:3px; }
.mblp-science-note { max-width:880px; margin:20px 0 0; color:var(--mb-gray); font-size:.78rem; line-height:1.5; }
/* ── ¿PARA QUIÉN ES? ───────────────────────────────────────── */
.mblp-forwho { background:#fff; }
.mblp-forwho-head { display:grid; grid-template-columns:1fr 1fr; column-gap:50px; align-items:end; }
.mblp-forwho-head .mblp-eyebrow,.mblp-forwho-head .mblp-h2 { grid-column:1; }
.mblp-forwho-head .mblp-lead { grid-column:2; grid-row:1 / span 2; padding-bottom:5px; }
.mblp-forwho-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:40px; }
.mblp-forwho-grid article { min-height:220px; padding:25px 22px; border-radius:18px; background:var(--mb-cream-2); }
/* ── CTA ASESOR ────────────────────────────────────────────── */
.mblp-advisor-cta { padding:0; background:linear-gradient(120deg,#075b7d 0%,#007db3 100%); color:#fff; border-bottom:1px solid rgba(255,255,255,.38); }
.mblp-advisor-cta-inner { min-height:222px; display:flex; align-items:center; justify-content:space-between; gap:32px; padding-top:38px !important; padding-bottom:38px !important; }
.mblp-advisor-cta .mblp-eyebrow { color:#dff7ff; }
.mblp-advisor-cta .mblp-eyebrow::before { background:#dff7ff; }
.mblp-advisor-cta h2 { margin:0 0 12px; color:#fff; font:800 clamp(1.8rem,3vw,2.7rem)/1.04 var(--font-display); text-transform:uppercase; }
.mblp-advisor-cta p { margin:0; color:rgba(255,255,255,.72); font-size:1rem; }
.mblp-advisor-cta .mblp-advisor-cta-button { flex:0 0 auto; display:inline-flex; align-items:center; gap:14px; padding:18px 24px; border-radius:999px; border:2px solid #fff; background:#fff; color:#00202e !important; font-size:.96rem; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease,color .2s ease; }
.mblp-advisor-cta .mblp-advisor-cta-button span { color:#00202e !important; }
.mblp-advisor-cta .mblp-advisor-cta-button:hover { background:var(--mb-mint-200); color:#00202e !important; transform:translateY(-2px); }
/* ── CTA FLOTANTE POST-HERO ────────────────────────────────── */
.mblp-floating-buy { position:fixed; right:24px; bottom:24px; z-index:190; display:flex; align-items:center; gap:14px; width:min(500px,calc(100vw - 48px)); padding:8px 10px; border:1px solid rgba(255,255,255,.45); border-radius:999px; background:rgba(6,42,58,.78); color:#fff; box-shadow:0 18px 50px rgba(6,42,58,.24); backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(calc(100% + 40px)); transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .32s ease,visibility 0s linear .48s; }
.mblp-floating-buy.is-visible { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); transition-delay:0s; }
.mblp-floating-buy-product { min-width:0; flex:1; display:flex; align-items:center; gap:10px; }
.mblp-floating-buy-thumb { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:rgba(255,255,255,.88); }
.mblp-floating-buy-thumb img { width:auto; height:49px; max-width:none; object-fit:contain; }
.mblp-floating-buy-name { min-width:0; display:flex; flex-direction:column; gap:3px; overflow:hidden; white-space:nowrap; }
.mblp-floating-buy-name strong { overflow:hidden; text-overflow:ellipsis; font-size:.94rem; font-weight:800; letter-spacing:.02em; }
.mblp-floating-buy-name small { font-size:.7rem; font-weight:700; letter-spacing:.08em; color:var(--mb-teal-400); }
.mblp-floating-buy-cta { flex-shrink:0; min-width:148px; border:0; border-radius:999px; padding:14px 19px; background:#fff; color:var(--mb-teal-950); font:600 .86rem/1 var(--font-body); cursor:pointer; transition:background .25s ease,color .25s ease,transform .25s ease; }
.mblp-floating-buy-cta:hover { background:var(--mb-mint-200); transform:translateY(-1px); }
.mblp-floating-test { position:fixed; right:24px; bottom:104px; z-index:189; display:flex; align-items:center; gap:12px; width:min(500px,calc(100vw - 48px)); padding:8px 10px; border:1px solid rgba(255,255,255,.44); border-radius:999px; background:rgba(255,255,255,.94); color:var(--mb-teal-950); box-shadow:0 16px 42px rgba(6,42,58,.19); backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); text-decoration:none; transform:translateX(calc(100% + 40px)); opacity:0; visibility:hidden; pointer-events:none; transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .32s ease,visibility 0s linear .48s; }
.mblp-floating-buy.is-visible + .mblp-floating-test { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); transition-delay:.08s; }
.mblp-floating-test:hover { background:#fff; transform:translateY(-2px); }
.mblp-floating-test-icon { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:50%; background:var(--mb-teal-400); }
.mblp-floating-test-icon svg { width:21px; height:21px; }
.mblp-floating-test-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:3px; }
.mblp-floating-test-copy strong,.mblp-floating-test-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mblp-floating-test-copy strong { font-size:.78rem; letter-spacing:.02em; }
.mblp-floating-test-copy small { font-size:.64rem; font-weight:700; letter-spacing:.06em; color:var(--mb-teal-700); }
.mblp-floating-test-cta { flex:0 0 auto; padding:13px 17px; border-radius:999px; background:var(--mb-teal-950); color:#fff; font-size:.8rem; font-weight:700; }
/* ── GALERÍA MODAL DEL HERO ───────────────────────────────── */
.mblp-gallery-modal { position:fixed; inset:0; z-index:1500; display:grid; grid-template-columns:72px minmax(0,1fr) 72px; align-items:center; padding:56px 32px 32px; background:rgba(3,12,16,.9); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease,visibility 0s linear .3s; }
.mblp-gallery-modal.open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.mblp-gallery-content { width:min(980px,100%); max-height:calc(100vh - 88px); margin:auto; display:flex; flex-direction:column; gap:18px; }
.mblp-gallery-stage { min-height:0; flex:1; display:grid; place-items:center; overflow:hidden; border-radius:26px; background:#062A3A; }
.mblp-gallery-stage img,.mblp-gallery-stage video { display:block; width:100%; height:min(68vh,680px); object-fit:contain; }
.mblp-gallery-stage video { background:#079bcf; }
.mblp-gallery-thumbs { display:flex; justify-content:center; gap:10px; overflow-x:auto; padding:2px; }
.mblp-gallery-thumb { width:68px; height:68px; flex:0 0 68px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:14px; background:#163745; cursor:pointer; opacity:.62; transition:opacity .2s ease,border-color .2s ease,transform .2s ease; }
.mblp-gallery-thumb.active { opacity:1; border-color:#fff; transform:translateY(-2px); }
.mblp-gallery-thumb img,.mblp-gallery-thumb video { width:100%; height:100%; object-fit:cover; pointer-events:none; }
.mblp-gallery-close { position:absolute; top:18px; right:24px; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font:300 2rem/1 var(--font-body); cursor:pointer; }
.mblp-gallery-arrow { width:52px; height:52px; justify-self:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; font:300 2.4rem/1 var(--font-body); cursor:pointer; }
.mblp-gallery-arrow:hover,.mblp-gallery-close:hover { background:rgba(255,255,255,.22); }
/* ── OCULTAR WIDGETS GLOBALES DEL SITIO EN ESTA LANDING ───── */
.wa-float { display:none !important; }
/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 980px) {
  .mblp section { padding: 64px 0; }
  .mblp-navbar-inner { gap:12px; }
  .mblp-nav-links { display:none; }
  .mblp-nav-burger { display:flex; }
  .mblp-nav-cta { padding:9px 16px; font-size:.8rem; }
  .mblp-nav-left { min-width:0; gap:0; }
  .mblp-nav-logo { width:150px; height:48px; margin-left:0; min-width:0; overflow:hidden; }
  .mblp-nav-logo img { width:100%; height:auto; max-width:none; }
  .mblp-nav-actions { gap:8px; min-width:0; }
  .mblp-navbar.scrolled .mblp-nav-left { padding:6px 16px; }
  .mblp-navbar.scrolled .mblp-nav-actions { padding:6px 8px; }
  .mblp-hero-grid { grid-template-columns: 1fr; gap:32px; }
  .mblp-hero-info-wrap { position:static; }
  .mblp-diff-card { aspect-ratio: 1.05/1; }
  .mblp-diff-glass { padding: 22px 20px; }
  .mblp-diff-glass-grid { grid-template-columns: repeat(2,1fr); gap:20px; }
  .mblp-capsule-row { grid-template-columns: 1fr; }
  .mblp-capsule-media { aspect-ratio:4/5; }
  .mblp-capsule-card { grid-template-columns: 1fr; padding: 36px 28px; text-align:left; }
  .mblp-capsule-diagram { min-height:280px; }
  .mblp-timeline-grid { grid-template-columns: 1fr; gap:36px; }
  .mblp-video-row { grid-template-columns: 1fr 1fr; }
  .mblp-formula-grid { grid-template-columns: 1fr; gap:32px; }
  .mblp-formula-media { order:-1; width:70%; transform:none; }
  .mblp-badge-grid { grid-template-columns: repeat(2,1fr); }
  .mblp-compare2-grid { grid-template-columns: 1fr; gap:32px; }
  .mblp-compare2-card { padding: 22px 20px; }
  .mblp-compare2-row { grid-template-columns: 1fr 64px 1fr; column-gap:12px; }
  .mblp-compare2-row .feat, .mblp-compare2-row .other { font-size:.82rem; padding: 20px 0; }
  .mblp-compare2-pill { font-size:.58rem; padding:6px 4px; }
  .mblp-sustain-grid { grid-template-columns: 1fr; }
  .mblp-test-grid { grid-template-columns:1fr; }
  .mblp-test-visual { min-height:300px; max-height:420px; }
  .mblp-test-flow { max-width:none; }
  .mblp-science-grid { grid-template-columns:1fr; }
  .mblp-science-card { min-height:0; }
  .mblp-forwho-grid { grid-template-columns:repeat(2,1fr); }
  .mblp-advisor-cta-inner { align-items:flex-start; flex-direction:column; }
  .mblp-testimonial-cards { grid-template-columns:repeat(3,1fr); }
  .mblp-sustain-card { flex-direction:column; }
  .mblp-sustain-media { width:100%; height:220px; }
  .mblp-quality2-grid { grid-template-columns: 1fr; gap:28px; }
  .mblp-quality2-cards { grid-template-columns: 1fr; }
  .mblp-faq-grid { grid-template-columns: 1fr; gap:28px; }
  .mblp-footer-newsletter { max-width:100%; }
}
@media (max-width: 600px) {
  .mblp-navbar-inner { gap:8px; }
  .mblp-nav-logo { width:128px; height:44px; }
  .mblp-nav-actions { gap:4px; }
  .mblp-nav-actions .mblp-nav-cta { padding:9px 12px; font-size:.78rem; }
  .mblp-nav-burger { padding:5px; }
  .mblp-nav-burger span { width:19px; }
  .mblp-navbar.scrolled .mblp-nav-left { padding:5px 10px; }
  .mblp-navbar.scrolled .mblp-nav-actions { padding:5px 7px; }
  .mblp-floating-buy { right:12px; bottom:12px; gap:7px; width:min(350px,calc(100vw - 24px)); padding:6px 7px; }
  .mblp-floating-buy-product { gap:8px; }
  .mblp-floating-buy-thumb { width:46px; height:46px; flex-basis:46px; }
  .mblp-floating-buy-thumb img { height:43px; }
  .mblp-floating-buy-name strong { font-size:.75rem; }
  .mblp-floating-buy-name small { font-size:.58rem; }
  .mblp-floating-buy-cta { min-width:118px; padding:13px 15px; font-size:.78rem; }
  .mblp-floating-test { right:12px; bottom:82px; gap:7px; width:min(350px,calc(100vw - 24px)); padding:6px 7px; }
  .mblp-floating-test-icon { width:44px; height:44px; flex-basis:44px; }
  .mblp-floating-test-icon svg { width:18px; height:18px; }
  .mblp-floating-test-copy strong { font-size:.62rem; }
  .mblp-floating-test-copy small { font-size:.52rem; }
  .mblp-floating-test-cta { padding:12px 13px; font-size:.7rem; }
  .mblp-test-visual { min-height:240px; }
  .mblp-test-answers,.mblp-test-contact-grid { grid-template-columns:1fr; }
  .mblp-forwho-head { display:block; }
  .mblp-forwho-head .mblp-lead { padding:0; }
  .mblp-forwho-grid { grid-template-columns:1fr; margin-top:28px; }
  .mblp-forwho-grid article { min-height:0; }
  .mblp-advisor-cta-inner { min-height:0; padding-top:42px !important; padding-bottom:42px !important; }
  .mblp-advisor-cta-button { width:100%; justify-content:center; }
  .mblp-gallery-modal { grid-template-columns:1fr; padding:64px 12px 18px; }
  .mblp-gallery-content { max-height:calc(100vh - 82px); }
  .mblp-gallery-stage { border-radius:18px; }
  .mblp-gallery-stage img,.mblp-gallery-stage video { height:min(65vh,560px); }
  .mblp-gallery-arrow { position:absolute; top:50%; z-index:2; width:42px; height:42px; background:rgba(6,42,58,.7); }
  .mblp-gallery-prev { left:18px; }
  .mblp-gallery-next { right:18px; }
  .mblp-gallery-thumb { width:56px; height:56px; flex-basis:56px; border-radius:11px; }
  .mblp-diff-card { aspect-ratio: auto; min-height: 620px; }
  .mblp-diff-glass-grid { grid-template-columns: 1fr; }
  .mblp .mblp-container { padding: 0 20px; }
  .mblp-testimonial-cards { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
  .mblp-testimonial-card { min-width:78%; scroll-snap-align:start; }
  .mblp-results-modal { padding:20px; }.mblp-results-modal-panel { width:min(620px,92vw); }.mblp-results-modal-prev { left:8px; }.mblp-results-modal-next { right:8px; }
  .mblp-navbar .mblp-container { padding-left:12px; padding-right:12px; }
}
@media (max-width: 360px) {
  .mblp-navbar .mblp-container { padding-left:8px; padding-right:8px; }
  .mblp-nav-logo { width:100px; height:40px; }
  .mblp-nav-actions .mblp-nav-cta { padding:8px 9px; font-size:.72rem; }
  .mblp-navbar.scrolled .mblp-nav-left { padding:4px 6px; }
  .mblp-navbar.scrolled .mblp-nav-actions { padding:4px 5px; }
}