.elementor-2426 .elementor-element.elementor-element-e977a6e{--display:flex;}/* Start custom CSS */<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marcela Boldini · Psicóloga Gastrointestinal</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=Playfair+Display:ital,wght@0,700;0,800;1,500;1,700&display=swap" rel="stylesheet">

<style>

/* ════════════════════════════════════════════
   VARIABLES — LINKS (fáciles de cambiar)
════════════════════════════════════════════ */
/* 
  LINK_EBOOK = "#comprar-ebook"
  LINK_RECURSO_GRATUITO = "#recurso-gratuito"
  LINK_WHATSAPP = "https://wa.me/543794250202?text=Hola%20Marce,%20quiero%20recibir%20informaci%C3%B3n%20sobre%20el%20ebook%20y%20la%20comunidad"
*/

/* ════════════════════════════════════════════
   CSS VARIABLES
════════════════════════════════════════════ */
.mb-root {
  --cream:        #fdfbf2;
  --cream-mid:    #f5f0e2;
  --cream-dark:   #ede5d4;
  --tan:          #b6a697;
  --rose:         #ad8e86;
  --rose-dark:    #8a6b63;
  --charcoal:     #626262;
  --sage:         #647f76;
  --sage-dark:    #4d6159;
  --sage-light:   #8aa89f;
  --ink:          #2e2724;
  --ink-soft:     #3d322e;
  --white:        #ffffff;

  --font-display: 'Playfair Display', serif;
  --font-serif:   'Cormorant Garamond', serif;
  --font-sans:    'DM Sans', sans-serif;

  --shadow-soft:  0 8px 40px rgba(46,39,36,0.08);
  --shadow-mid:   0 16px 60px rgba(46,39,36,0.13);
  --shadow-deep:  0 30px 80px rgba(46,39,36,0.22);

  --radius-sm:    6px;
  --radius-md:    12px;
  --radius-lg:    20px;

  --space-xs:     0.5rem;
  --space-sm:     1rem;
  --space-md:     2rem;
  --space-lg:     4rem;
  --space-xl:     7rem;

  --transition:   0.35s cubic-bezier(0.4, 0, 0.2, 1);

  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--cream);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ════════════════════════════════════════════
   RESET SCOPED
════════════════════════════════════════════ */
.mb-root *, .mb-root *::before, .mb-root *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.mb-root a { text-decoration: none; color: inherit; }
.mb-root ul { list-style: none; }
.mb-root img { max-width: 100%; display: block; }

/* ════════════════════════════════════════════
   LAYOUT HELPERS
════════════════════════════════════════════ */
.mb-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.mb-section {
  padding: var(--space-xl) 0;
  position: relative;
  overflow: hidden;
}
.mb-section--dark {
  background: var(--ink);
  color: var(--cream);
}
.mb-section--warm {
  background: var(--cream-mid);
}
.mb-section--sage {
  background: var(--sage);
  color: var(--cream);
}
.mb-section--accent {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
  color: var(--cream);
}

/* ════════════════════════════════════════════
   TYPOGRAPHY
════════════════════════════════════════════ */
.mb-eyebrow {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--rose);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.4rem;
}
.mb-eyebrow::before {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: currentColor;
  flex-shrink: 0;
}
.mb-eyebrow--light { color: var(--tan); }
.mb-eyebrow--sage  { color: var(--sage-light); }

.mb-h1 {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 5.5vw, 4.4rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.01em;
}
.mb-h2 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 700;
  line-height: 1.15;
}
.mb-h3 {
  font-family: var(--font-serif);
  font-size: clamp(1.3rem, 2.5vw, 1.7rem);
  font-weight: 500;
  line-height: 1.35;
}
.mb-h4 {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 500;
}
.mb-serif {
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--charcoal);
}
.mb-serif--light { color: rgba(253,251,242,0.72); }
.mb-italic { font-style: italic; }
.mb-accent-color { color: var(--rose); }
.mb-sage-color   { color: var(--sage); }
.mb-tan-color    { color: var(--tan); }
.mb-cream-color  { color: var(--cream); }

/* ════════════════════════════════════════════
   BOTONES
════════════════════════════════════════════ */
.mb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 1rem 2.4rem;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  white-space: nowrap;
}
.mb-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.12);
  opacity: 0;
  transition: opacity 0.3s;
}
.mb-btn:hover::after { opacity: 1; }
.mb-btn:active { transform: scale(0.98); }

.mb-btn--primary {
  background: var(--sage);
  color: var(--cream);
  box-shadow: 0 6px 24px rgba(100,127,118,0.35);
}
.mb-btn--primary:hover {
  background: var(--sage-dark);
  box-shadow: 0 10px 32px rgba(100,127,118,0.45);
  transform: translateY(-2px);
}

.mb-btn--outline {
  background: transparent;
  color: var(--sage);
  border: 1.5px solid var(--sage);
}
.mb-btn--outline:hover {
  background: var(--sage);
  color: var(--cream);
  transform: translateY(-2px);
}

.mb-btn--outline-cream {
  background: transparent;
  color: var(--cream);
  border: 1.5px solid rgba(253,251,242,0.5);
}
.mb-btn--outline-cream:hover {
  background: rgba(253,251,242,0.12);
  border-color: var(--cream);
  transform: translateY(-2px);
}

.mb-btn--wa {
  background: #25D366;
  color: var(--white);
  box-shadow: 0 6px 24px rgba(37,211,102,0.3);
}
.mb-btn--wa:hover {
  background: #1ebe5d;
  box-shadow: 0 10px 32px rgba(37,211,102,0.4);
  transform: translateY(-2px);
}
.mb-btn--wa svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.mb-btn--lg {
  font-size: 1rem;
  padding: 1.2rem 3rem;
}

/* ════════════════════════════════════════════
   ANIMACIONES
════════════════════════════════════════════ */
.mb-anim {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}
.mb-anim--left {
  transform: translateX(-40px);
}
.mb-anim--right {
  transform: translateX(40px);
}
.mb-anim--scale {
  transform: scale(0.95);
}
.mb-anim.is-visible {
  opacity: 1;
  transform: none;
}
.mb-d1 { transition-delay: 0.1s; }
.mb-d2 { transition-delay: 0.22s; }
.mb-d3 { transition-delay: 0.34s; }
.mb-d4 { transition-delay: 0.46s; }
.mb-d5 { transition-delay: 0.58s; }

/* ════════════════════════════════════════════
   NAV
════════════════════════════════════════════ */
.mb-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 1.3rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition);
}
.mb-nav.mb-nav--scrolled {
  background: rgba(253,251,242,0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 24px rgba(46,39,36,0.09);
  padding: 0.9rem 2rem;
}
.mb-nav-logo {
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: 0.04em;
}
.mb-nav-logo span { color: var(--sage); }
.mb-nav-links {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.mb-nav-link {
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--charcoal);
  transition: color 0.3s;
}
.mb-nav-link:hover { color: var(--sage); }
@media (max-width: 768px) {
  .mb-nav { padding: 1rem 1.2rem; }
  .mb-nav.mb-nav--scrolled { padding: 0.8rem 1.2rem; }
  .mb-nav-links { display: none; }
}

/* ════════════════════════════════════════════
   1. HERO
════════════════════════════════════════════ */
.mb-hero {
  min-height: 100svh;
  background: var(--cream);
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  padding-top: 80px;
  overflow: hidden;
}
.mb-hero-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 4rem 5rem 5%;
  position: relative;
}
.mb-hero-left::after {
  content: '';
  position: absolute;
  top: 15%;
  right: -80px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--cream-dark) 0%, transparent 70%);
  pointer-events: none;
}
.mb-hero-h1 { margin-bottom: 1.6rem; }
.mb-hero-h1 em {
  color: var(--rose);
  font-style: italic;
  font-weight: 700;
}
.mb-hero-sub {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 300;
  color: var(--charcoal);
  line-height: 1.85;
  margin-bottom: 2.4rem;
  max-width: 500px;
}
.mb-hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3rem;
}
.mb-hero-trust {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(182,166,151,0.3);
}
.mb-trust-item { text-align: center; }
.mb-trust-num {
  font-family: var(--font-serif);
  font-size: 2rem;
  font-weight: 600;
  color: var(--sage);
  line-height: 1;
}
.mb-trust-label {
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--charcoal);
  margin-top: 3px;
}
.mb-trust-div {
  width: 1px;
  height: 36px;
  background: var(--tan);
  opacity: 0.3;
}

.mb-hero-right {
  position: relative;
  overflow: hidden;
}
.mb-hero-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg, var(--cream-mid) 0%, #e0d4c8 100%);
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
}
.mb-hero-orb {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(173,142,134,0.2) 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}
.mb-hero-card {
  position: absolute;
  bottom: 14%;
  left: 5%;
  background: var(--cream);
  padding: 1.6rem 2rem;
  max-width: 270px;
  box-shadow: var(--shadow-mid);
  border-left: 3px solid var(--rose);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.mb-hero-card p {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.55;
  color: var(--ink);
}
.mb-hero-card-author {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sage);
  margin-top: 0.8rem;
}
.mb-hero-vertical {
  position: absolute;
  top: 22%;
  right: 6%;
  font-family: var(--font-serif);
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--tan);
  writing-mode: vertical-rl;
  opacity: 0.55;
}
.mb-scroll-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 2rem;
}
.mb-scroll-hint span {
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--charcoal);
  opacity: 0.5;
}
.mb-scroll-line {
  width: 1px;
  height: 36px;
  background: var(--charcoal);
  opacity: 0.3;
  animation: mb-pulse 1.8s ease-in-out infinite;
}
@keyframes mb-pulse {
  0%, 100% { transform: scaleY(1); opacity: 0.3; }
  50%       { transform: scaleY(0.4); opacity: 0.1; }
}

@media (max-width: 900px) {
  .mb-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 80px;
  }
  .mb-hero-left  { padding: 3.5rem 1.5rem 3rem; }
  .mb-hero-right { min-height: 300px; }
  .mb-hero-bg { clip-path: none; }
  .mb-hero-card  { bottom: 8%; left: 50%; transform: translateX(-50%); width: 90%; max-width: 320px; }
  .mb-hero-vertical { display: none; }
}

/* ════════════════════════════════════════════
   WAVE DIVIDER
════════════════════════════════════════════ */
.mb-wave {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tan), var(--rose), var(--sage), var(--tan), transparent);
  opacity: 0.3;
}

/* ════════════════════════════════════════════
   2. PROBLEMA
════════════════════════════════════════════ */
.mb-problema-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 5rem;
  align-items: center;
}
.mb-problema-h2 { color: var(--cream); margin-bottom: 1.5rem; }
.mb-problema-h2 em { color: var(--tan); font-style: italic; font-weight: 500; }
.mb-problema-p { font-family: var(--font-serif); font-size: 1.15rem; font-weight: 300; color: rgba(253,251,242,0.7); line-height: 1.85; }
.mb-sintomas {
  display: grid;
  gap: 0.75rem;
}
.mb-sintoma {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.1rem 1.4rem;
  border: 1px solid rgba(182,166,151,0.18);
  border-radius: var(--radius-sm);
  transition: border-color 0.3s, background 0.3s;
  cursor: default;
}
.mb-sintoma:hover {
  border-color: rgba(173,142,134,0.5);
  background: rgba(182,166,151,0.05);
}
.mb-sintoma-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rose);
  flex-shrink: 0;
  margin-top: 0.5rem;
}
.mb-sintoma-title {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  color: var(--cream);
  line-height: 1.4;
}
.mb-sintoma-sub {
  font-size: 0.8rem;
  color: rgba(253,251,242,0.45);
  margin-top: 2px;
}
@media (max-width: 900px) {
  .mb-problema-grid { grid-template-columns: 1fr; gap: 3rem; }
}

/* ════════════════════════════════════════════
   3. AGITACIÓN
════════════════════════════════════════════ */
.mb-agitacion {
  position: relative;
}
.mb-agitacion::before {
  content: '"';
  position: absolute;
  font-family: var(--font-display);
  font-size: clamp(12rem, 28vw, 26rem);
  color: var(--tan);
  opacity: 0.06;
  top: -4rem;
  left: -1rem;
  line-height: 1;
  pointer-events: none;
}
.mb-agitacion-center { max-width: 800px; margin: 0 auto; text-align: center; }
.mb-agitacion-h2 {
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 4vw, 3rem);
  font-weight: 700;
  font-style: italic;
  color: var(--ink);
  line-height: 1.2;
  margin-bottom: 2rem;
}
.mb-agitacion-h2 strong { font-style: normal; font-weight: 800; color: var(--rose-dark); }
.mb-agitacion-p { margin-bottom: 1.4rem; }

.mb-pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 4rem;
}
.mb-pain-card {
  padding: 2rem 1.6rem;
  border-top: 2px solid var(--rose);
  background: var(--cream);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  box-shadow: var(--shadow-soft);
  transition: transform 0.35s, box-shadow 0.35s;
}
.mb-pain-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-mid); }
.mb-pain-num {
  font-family: var(--font-serif);
  font-size: 2.8rem;
  font-weight: 300;
  color: var(--tan);
  line-height: 1;
  margin-bottom: 0.8rem;
}
.mb-pain-title {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--ink);
  margin-bottom: 0.6rem;
}
.mb-pain-p { font-size: 0.87rem; color: var(--charcoal); line-height: 1.65; }
@media (max-width: 768px) { .mb-pain-grid { grid-template-columns: 1fr; } }

/* ════════════════════════════════════════════
   4. PARADIGMA
════════════════════════════════════════════ */
.mb-paradigma-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.mb-paradigma-h2 { margin-bottom: 1.8rem; }
.mb-paradigma-h2 em { font-style: italic; color: var(--sage); }
.mb-paradigma-p { margin-bottom: 1.4rem; }
.mb-data-card {
  background: var(--ink);
  padding: 2.8rem;
  border-radius: var(--radius-md);
  position: relative;
  box-shadow: var(--shadow-deep);
}
.mb-data-card::before {
  content: '';
  position: absolute;
  top: -10px; right: -10px;
  width: 100%; height: 100%;
  border: 1px solid var(--tan);
  border-radius: var(--radius-md);
  z-index: -1;
  opacity: 0.4;
}
.mb-data-label {
  font-size: 0.68rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sage-light);
  margin-bottom: 2rem;
}
.mb-fact { padding: 1.1rem 0; border-bottom: 1px solid rgba(182,166,151,0.15); }
.mb-fact:last-child { border-bottom: none; }
.mb-fact-num { font-family: var(--font-serif); font-size: 2rem; font-weight: 600; color: var(--tan); line-height: 1; }
.mb-fact-desc { font-size: 0.87rem; color: rgba(253,251,242,0.65); margin-top: 3px; line-height: 1.5; }
@media (max-width: 900px) {
  .mb-paradigma-grid { grid-template-columns: 1fr; gap: 3rem; }
  .mb-data-card::before { display: none; }
}

/* ════════════════════════════════════════════
   5. PRESENTACIÓN EBOOK
════════════════════════════════════════════ */
.mb-ebook-present-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 5rem;
  align-items: center;
}
.mb-ebook-visual {
  display: flex;
  justify-content: center;
  position: relative;
}
.mb-ebook-cover {
  width: 220px;
  aspect-ratio: 3/4.2;
  background: linear-gradient(155deg, var(--sage) 0%, var(--sage-light) 100%);
  border-radius: var(--radius-sm);
  box-shadow: 24px 24px 60px rgba(0,0,0,0.35), -6px -6px 30px rgba(182,166,151,0.1);
  transform: perspective(900px) rotateY(-12deg) rotateX(2deg);
  transition: transform 0.5s ease;
  position: relative;
  overflow: hidden;
}
.mb-ebook-cover:hover {
  transform: perspective(900px) rotateY(-5deg) rotateX(1deg);
}
.mb-ebook-cover-inner {
  padding: 2.5rem 1.6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mb-ebook-badge-cover {
  font-family: var(--font-sans);
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(253,251,242,0.6);
  background: rgba(0,0,0,0.18);
  display: inline-block;
  padding: 3px 9px;
  border-radius: 2px;
  margin-bottom: 1rem;
}
.mb-ebook-title-cover {
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--cream);
  line-height: 1.35;
}
.mb-ebook-author-cover {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(253,251,242,0.65);
}
.mb-ebook-price-badge {
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  width: 76px;
  height: 76px;
  background: var(--rose);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--cream);
  box-shadow: 0 8px 24px rgba(173,142,134,0.5);
}
.mb-price-num { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 600; line-height: 1; }
.mb-price-label { font-size: 0.55rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.85; margin-top: 2px; }

.mb-ebook-present-h2 { margin-bottom: 1.5rem; }
.mb-ebook-present-p  { margin-bottom: 1.3rem; }
@media (max-width: 900px) {
  .mb-ebook-present-grid { grid-template-columns: 1fr; gap: 3rem; }
  .mb-ebook-cover { transform: none; width: 180px; }
  .mb-ebook-cover:hover { transform: none; }
}

/* ════════════════════════════════════════════
   6. BENEFICIOS
════════════════════════════════════════════ */
.mb-beneficios-header { text-align: center; max-width: 680px; margin: 0 auto 4.5rem; }
.mb-beneficios-header .mb-h2 { color: var(--cream); margin-bottom: 1rem; }
.mb-beneficios-header .mb-h2 em { color: var(--tan); font-style: italic; }
.mb-benef-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(182,166,151,0.12);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.mb-benef-item {
  background: var(--ink);
  padding: 2.2rem 2.4rem;
  transition: background 0.3s;
  position: relative;
}
.mb-benef-item::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 2px;
  background: var(--sage-light);
  transition: width 0.5s ease;
}
.mb-benef-item:hover { background: rgba(182,166,151,0.06); }
.mb-benef-item:hover::after { width: 100%; }
.mb-benef-icon {
  font-family: var(--font-serif);
  font-size: 2.2rem;
  color: var(--tan);
  margin-bottom: 1rem;
  line-height: 1;
}
.mb-benef-title {
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--cream);
  margin-bottom: 0.6rem;
}
.mb-benef-p { font-size: 0.86rem; color: rgba(253,251,242,0.5); line-height: 1.65; }
@media (max-width: 900px) { .mb-benef-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .mb-benef-grid { grid-template-columns: 1fr; } }

/* ════════════════════════════════════════════
   7. RECURSO GRATUITO
════════════════════════════════════════════ */
.mb-recurso-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.mb-recurso-h2 { margin-bottom: 1.5rem; }
.mb-recurso-h2 em { font-style: italic; color: var(--sage); }
.mb-recurso-p { margin-bottom: 1.8rem; }
.mb-recurso-visual {
  background: var(--cream-dark);
  border-radius: var(--radius-lg);
  padding: 3rem 2.5rem;
  border: 1px solid rgba(182,166,151,0.3);
  box-shadow: var(--shadow-soft);
  text-align: center;
}
.mb-recurso-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--sage);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}
.mb-recurso-icon svg { width: 32px; height: 32px; stroke: var(--cream); fill: none; stroke-width: 1.5; }
.mb-recurso-card-title { font-family: var(--font-serif); font-size: 1.3rem; font-weight: 500; color: var(--ink); margin-bottom: 0.8rem; }
.mb-recurso-card-p { font-size: 0.88rem; color: var(--charcoal); line-height: 1.65; margin-bottom: 1.5rem; }
.mb-recurso-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-bottom: 1.5rem; }
.mb-tag {
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid rgba(100,127,118,0.35);
  color: var(--sage);
  background: rgba(100,127,118,0.07);
}
@media (max-width: 900px) {
  .mb-recurso-inner { grid-template-columns: 1fr; gap: 3rem; }
}

/* ════════════════════════════════════════════
   8. SOBRE MARCELA
════════════════════════════════════════════ */
.mb-sobre-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 5rem;
  align-items: start;
}
.mb-avatar-wrap { position: relative; display: inline-block; }
.mb-avatar-bg {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 3/4;
  background: linear-gradient(145deg, var(--tan), var(--rose));
  border-radius: var(--radius-md);
  position: relative;
  overflow: hidden;
}
.mb-avatar-initials {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: 7rem;
  font-weight: 300;
  color: rgba(253,251,242,0.35);
  letter-spacing: -0.02em;
}
.mb-avatar-badge {
  position: absolute;
  bottom: -1.2rem;
  right: -1.2rem;
  background: var(--sage);
  color: var(--cream);
  padding: 1.1rem 1.3rem;
  text-align: center;
  border-radius: var(--radius-sm);
  min-width: 110px;
  box-shadow: var(--shadow-mid);
}
.mb-badge-num { font-family: var(--font-serif); font-size: 2.2rem; font-weight: 600; line-height: 1; }
.mb-badge-text { font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 3px; opacity: 0.8; }
.mb-sobre-h2 { margin-bottom: 1.2rem; }
.mb-sobre-name { display: block; font-style: italic; font-weight: 500; color: var(--rose); }
.mb-sobre-p { margin-bottom: 1.3rem; }
.mb-creds {
  list-style: none;
  margin-top: 2rem;
  display: grid;
  gap: 0.7rem;
}
.mb-cred-item {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  font-size: 0.9rem;
  color: var(--charcoal);
  line-height: 1.5;
}
.mb-cred-dot {
  width: 5px; height: 5px;
  background: var(--sage);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.45rem;
}
@media (max-width: 900px) {
  .mb-sobre-grid { grid-template-columns: 1fr; gap: 3rem; }
  .mb-avatar-bg { max-width: 220px; }
}

/* ════════════════════════════════════════════
   9. WHATSAPP COMUNIDAD
════════════════════════════════════════════ */
.mb-wa-inner { text-align: center; max-width: 680px; margin: 0 auto; }
.mb-wa-icon-wrap {
  width: 80px; height: 80px;
  border-radius: 50%;
  background: rgba(37,211,102,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  border: 1.5px solid rgba(37,211,102,0.25);
}
.mb-wa-icon-wrap svg { width: 38px; height: 38px; fill: #25D366; }
.mb-wa-h2 { margin-bottom: 1.2rem; }
.mb-wa-p { margin-bottom: 2rem; }
.mb-wa-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.mb-wa-feature {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.87rem;
  color: var(--charcoal);
}
.mb-wa-check {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--sage);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cream);
  font-size: 0.65rem;
  flex-shrink: 0;
}

/* ════════════════════════════════════════════
   10. OFERTA
════════════════════════════════════════════ */
.mb-oferta-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 5rem;
  align-items: center;
}
.mb-oferta-h2 { color: var(--cream); margin-bottom: 1.8rem; }
.mb-oferta-h2 em { font-style: italic; color: var(--tan); }
.mb-includes {
  display: grid;
  gap: 0.85rem;
  margin-bottom: 2.5rem;
}
.mb-include-item {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  font-family: var(--font-serif);
  font-size: 1.05rem;
  color: rgba(253,251,242,0.85);
  line-height: 1.55;
}
.mb-check { color: var(--sage-light); font-size: 1rem; flex-shrink: 0; margin-top: 2px; }
.mb-oferta-note {
  font-size: 0.78rem;
  color: rgba(253,251,242,0.35);
  letter-spacing: 0.06em;
  margin-top: 1.2rem;
}
.mb-oferta-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 900px) {
  .mb-oferta-grid { grid-template-columns: 1fr; gap: 3rem; }
}

/* ════════════════════════════════════════════
   11. TESTIMONIOS
════════════════════════════════════════════ */
.mb-testi-header { text-align: center; margin-bottom: 4rem; }
.mb-testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.mb-testi-card {
  padding: 2.2rem;
  border: 1px solid rgba(182,166,151,0.3);
  border-radius: var(--radius-md);
  background: var(--cream);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
  cursor: default;
}
.mb-testi-card:nth-child(2) { transform: translateY(1.8rem); }
.mb-testi-card:hover { border-color: var(--tan); transform: translateY(-4px); box-shadow: var(--shadow-mid); }
.mb-testi-card:nth-child(2):hover { transform: translateY(calc(1.8rem - 4px)); }
.mb-testi-stars { color: var(--sage); font-size: 0.82rem; letter-spacing: 3px; margin-bottom: 1.1rem; }
.mb-testi-quote {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-style: italic;
  color: var(--ink);
  line-height: 1.75;
  margin-bottom: 1.4rem;
}
.mb-testi-author { display: flex; align-items: center; gap: 0.8rem; }
.mb-testi-av {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tan), var(--rose));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--cream);
  flex-shrink: 0;
}
.mb-testi-name { font-weight: 500; font-size: 0.88rem; color: var(--ink); }
.mb-testi-detail { font-size: 0.75rem; color: var(--charcoal); margin-top: 1px; }
@media (max-width: 768px) {
  .mb-testi-grid { grid-template-columns: 1fr; }
  .mb-testi-card:nth-child(2) { transform: none; }
  .mb-testi-card:nth-child(2):hover { transform: translateY(-4px); }
}

/* ════════════════════════════════════════════
   CÓMO FUNCIONA (pasos)
════════════════════════════════════════════ */
.mb-steps-header { text-align: center; margin-bottom: 4.5rem; }
.mb-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
.mb-steps-grid::before {
  content: '';
  position: absolute;
  top: 27px; left: 12.5%; right: 12.5%;
  height: 1px;
  background: linear-gradient(90deg, var(--tan), var(--sage), var(--tan));
  opacity: 0.3;
}
.mb-step { padding: 0 1.2rem; text-align: center; }
.mb-step-num {
  width: 54px; height: 54px;
  border-radius: 50%;
  background: var(--cream);
  border: 1.5px solid var(--tan);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--ink);
  margin: 0 auto 1.8rem;
  position: relative;
  z-index: 1;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}
.mb-step:hover .mb-step-num { background: var(--sage); border-color: var(--sage); color: var(--cream); }
.mb-step-title { font-family: var(--font-serif); font-size: 1.1rem; font-weight: 500; color: var(--ink); margin-bottom: 0.7rem; }
.mb-step-p { font-size: 0.84rem; color: var(--charcoal); line-height: 1.65; }
@media (max-width: 768px) {
  .mb-steps-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
  .mb-steps-grid::before { display: none; }
}
@media (max-width: 480px) { .mb-steps-grid { grid-template-columns: 1fr; } }

/* ════════════════════════════════════════════
   FAQ
════════════════════════════════════════════ */
.mb-faq-header { text-align: center; margin-bottom: 4rem; }
.mb-faq-list { max-width: 780px; margin: 0 auto; display: grid; gap: 0.6rem; }
.mb-faq-item {
  border: 1px solid rgba(182,166,151,0.3);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--cream);
  box-shadow: var(--shadow-soft);
}
.mb-faq-q {
  width: 100%;
  background: none;
  border: none;
  padding: 1.4rem 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-serif);
  font-size: 1.08rem;
  font-weight: 500;
  color: var(--ink);
  transition: color 0.3s;
}
.mb-faq-q:hover { color: var(--sage); }
.mb-faq-arrow {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--cream-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.35s, background 0.35s;
}
.mb-faq-arrow svg { width: 12px; height: 12px; stroke: var(--charcoal); fill: none; stroke-width: 2; transition: stroke 0.3s; }
.mb-faq-item.mb-open .mb-faq-arrow { transform: rotate(180deg); background: var(--sage); }
.mb-faq-item.mb-open .mb-faq-arrow svg { stroke: var(--cream); }
.mb-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s;
  padding: 0 1.8rem;
}
.mb-faq-a-inner { padding-bottom: 1.4rem; font-size: 0.92rem; color: var(--charcoal); line-height: 1.75; }
.mb-faq-item.mb-open .mb-faq-a { max-height: 300px; }

/* ════════════════════════════════════════════
   CTA FINAL
════════════════════════════════════════════ */
.mb-cta-final {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mb-cta-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(182,166,151,0.22);
  pointer-events: none;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
.mb-cta-ring-1 { width: 700px; height: 700px; }
.mb-cta-ring-2 { width: 520px; height: 520px; }
.mb-cta-ring-3 { width: 340px; height: 340px; }
.mb-cta-final-inner { position: relative; z-index: 2; max-width: 700px; margin: 0 auto; }
.mb-cta-h2 { margin-bottom: 1.5rem; }
.mb-cta-h2 em { font-style: italic; color: var(--sage); }
.mb-cta-p { margin-bottom: 2.5rem; }
.mb-cta-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-bottom: 2rem; }
.mb-cta-guarantees {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 2rem;
}
.mb-guarantee {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: var(--charcoal);
}
.mb-g-dot { width: 18px; height: 18px; border-radius: 50%; background: var(--sage); display: flex; align-items: center; justify-content: center; color: var(--cream); font-size: 0.6rem; flex-shrink: 0; }

/* ════════════════════════════════════════════
   LEAD FORM
════════════════════════════════════════════ */
.mb-lead-inner {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 4rem;
  align-items: center;
}
.mb-lead-title { font-family: var(--font-serif); font-size: 1.7rem; font-weight: 500; color: var(--cream); line-height: 1.4; }
.mb-lead-sub { font-size: 0.88rem; color: rgba(253,251,242,0.65); margin-top: 0.7rem; line-height: 1.65; }
.mb-form-row { display: flex; gap: 0.7rem; }
.mb-input {
  flex: 1;
  padding: 0.95rem 1.1rem;
  border: none;
  border-bottom: 1.5px solid rgba(253,251,242,0.3);
  background: rgba(253,251,242,0.1);
  color: var(--cream);
  font-family: var(--font-sans);
  font-size: 0.9rem;
  outline: none;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  transition: border-color 0.3s, background 0.3s;
}
.mb-input::placeholder { color: rgba(253,251,242,0.4); }
.mb-input:focus { border-color: rgba(253,251,242,0.8); background: rgba(253,251,242,0.18); }
.mb-form-btn {
  padding: 0.95rem 1.8rem;
  background: var(--ink);
  color: var(--cream);
  border: none;
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background 0.3s;
  white-space: nowrap;
}
.mb-form-btn:hover { background: var(--rose-dark); }
.mb-form-note { font-size: 0.7rem; color: rgba(253,251,242,0.4); margin-top: 0.6rem; }
@media (max-width: 768px) {
  .mb-lead-inner { grid-template-columns: 1fr; gap: 2rem; }
  .mb-form-row { flex-direction: column; }
  .mb-form-btn { width: 100%; padding: 0.95rem; }
}

/* ════════════════════════════════════════════
   STICKY MOBILE CTA
════════════════════════════════════════════ */
.mb-sticky {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 998;
  background: var(--sage);
  padding: 0.9rem 1.5rem;
  text-align: center;
  box-shadow: 0 -6px 30px rgba(0,0,0,0.15);
  transform: translateY(100%);
  transition: transform 0.4s ease;
}
.mb-sticky.mb-visible { transform: translateY(0); }
.mb-sticky a {
  display: block;
  color: var(--cream);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 0.88rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 768px) { .mb-sticky { display: block; } }

/* ════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════ */
.mb-footer {
  background: var(--ink);
  padding: 2.8rem 0;
  text-align: center;
}
.mb-footer-logo { font-family: var(--font-serif); font-size: 1.2rem; color: var(--cream); margin-bottom: 0.6rem; }
.mb-footer-tagline { font-size: 0.75rem; color: rgba(253,251,242,0.35); letter-spacing: 0.12em; }
.mb-footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 1.4rem; }
.mb-footer-links a { font-size: 0.74rem; color: rgba(253,251,242,0.35); text-transform: uppercase; letter-spacing: 0.1em; transition: color 0.3s; }
.mb-footer-links a:hover { color: var(--tan); }

/* ════════════════════════════════════════════
   RESPONSIVE EXTRAS
════════════════════════════════════════════ */
@media (max-width: 768px) {
  .mb-section { padding: 5rem 0; }
  .mb-hero-btns { flex-direction: column; }
  .mb-hero-btns .mb-btn { text-align: center; }
  .mb-hero-trust { gap: 1.2rem; }
}
@media (max-width: 480px) {
  .mb-section { padding: 4rem 0; }
}

</style>

<div class="mb-root" id="mb-landing">

<!-- ─── NAV ─── -->
<nav class="mb-nav" id="mb-nav">
  <a href="#" class="mb-nav-logo">Marcela <span>Boldini</span></a>
  <div class="mb-nav-links">
    <a href="#sobre-marcela" class="mb-nav-link">Sobre mí</a>
    <a href="#recurso-gratuito" class="mb-nav-link">Recurso gratuito</a>
    <a href="#comprar-ebook" class="mb-btn mb-btn--primary" style="padding:0.6rem 1.4rem;border-radius:4px">Adquirí tu ebook</a>
  </div>
</nav>

<!-- ════════════════════════════════════════
   1. HERO
════════════════════════════════════════ -->
<section class="mb-hero">
  <div class="mb-hero-left">
    <div class="mb-eyebrow mb-anim">Psicogastroenterología · Enfoque integrativo</div>
    <h1 class="mb-h1 mb-hero-h1 mb-anim mb-d1">
      Tu cuerpo no te falla.<br>
      <em>Te está hablando.</em>
    </h1>
    <p class="mb-hero-sub mb-anim mb-d2">
      Si vivís con inflamación, digestión sensible, cansancio o ese malestar que los estudios no explican —
      quizás lo que necesitás no es otro diagnóstico, sino entender la conexión entre tu sistema nervioso y tu intestino.
    </p>
    <div class="mb-hero-btns mb-anim mb-d3">
      <a href="#comprar-ebook" class="mb-btn mb-btn--primary mb-btn--lg">Adquirí tu ebook ahora</a>
      <a href="#recurso-gratuito" class="mb-btn mb-btn--outline">Descargar recurso gratuito</a>
    </div>
    <div class="mb-hero-trust mb-anim mb-d4">
      <div class="mb-trust-item">
        <div class="mb-trust-num">+800</div>
        <div class="mb-trust-label">Pacientes acompañadas</div>
      </div>
      <div class="mb-trust-div"></div>
      <div class="mb-trust-item">
        <div class="mb-trust-num">10+</div>
        <div class="mb-trust-label">Años de práctica clínica</div>
      </div>
      <div class="mb-trust-div"></div>
      <div class="mb-trust-item">
        <div class="mb-trust-num">95%</div>
        <div class="mb-trust-label">Reportaron mejoría</div>
      </div>
    </div>
    <div class="mb-scroll-hint mb-anim mb-d5">
      <span>Seguí leyendo</span>
      <div class="mb-scroll-line"></div>
    </div>
  </div>
  <div class="mb-hero-right">
    <div class="mb-hero-bg"></div>
    <div class="mb-hero-orb"></div>
    <div class="mb-hero-vertical">Cuerpo · Mente · Calma</div>
    <div class="mb-hero-card mb-anim mb-anim--right mb-d3">
      <p>"Creía que era algo físico. Resultó ser mi sistema nervioso viviendo en alerta permanente."</p>
      <div class="mb-hero-card-author">— Sofía, 42 años · paciente</div>
    </div>
  </div>
</section>

<div class="mb-wave"></div>

<!-- ════════════════════════════════════════
   2. PROBLEMA REAL
════════════════════════════════════════ -->
<section class="mb-section mb-section--dark" id="problema">
  <div class="mb-wrap">
    <div class="mb-problema-grid">
      <div class="mb-anim">
        <div class="mb-eyebrow mb-eyebrow--light">Lo que estás viviendo</div>
        <h2 class="mb-h2 mb-problema-h2">
          ¿Cuántos profesionales<br>ya visitaste sin encontrar<br>
          <em>una respuesta clara?</em>
        </h2>
        <p class="mb-problema-p">
          Los análisis dan normal. Te dicen que es estrés. Te mandan a casa con un antiácido y 
          te sentís sola en eso. Pero tu cuerpo lo sigue sintiendo todos los días.
        </p>
      </div>
      <ul class="mb-sintomas mb-anim mb-d1">
        <li class="mb-sintoma">
          <span class="mb-sintoma-dot"></span>
          <div>
            <div class="mb-sintoma-title">Inflamación abdominal sin causa aparente</div>
            <div class="mb-sintoma-sub">Incluso cuando comés "bien" y hacés todo lo que te indicaron</div>
          </div>
        </li>
        <li class="mb-sintoma">
          <span class="mb-sintoma-dot"></span>
          <div>
            <div class="mb-sintoma-title">Digestión lenta, pesada o impredecible</div>
            <div class="mb-sintoma-sub">Tu cuerpo reacciona de manera diferente sin que entiendas por qué</div>
          </div>
        </li>
        <li class="mb-sintoma">
          <span class="mb-sintoma-dot"></span>
          <div>
            <div class="mb-sintoma-title">Tensión corporal, mandíbula apretada, cuerpo en alerta</div>
            <div class="mb-sintoma-sub">Esa sensación de que nunca terminás de soltar</div>
          </div>
        </li>
        <li class="mb-sintoma">
          <span class="mb-sintoma-dot"></span>
          <div>
            <div class="mb-sintoma-title">Cansancio profundo que no mejora con descanso</div>
            <div class="mb-sintoma-sub">Como si tu cuerpo librara una batalla interna constante</div>
          </div>
        </li>
        <li class="mb-sintoma">
          <span class="mb-sintoma-dot"></span>
          <div>
            <div class="mb-sintoma-title">Ansiedad que se instala en el estómago</div>
            <div class="mb-sintoma-sub">Antes de comer, antes de salir, antes de cualquier situación nueva</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   3. AGITACIÓN EMOCIONAL
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm mb-agitacion" id="agitacion">
  <div class="mb-wrap">
    <div class="mb-agitacion-center">
      <div class="mb-eyebrow mb-anim" style="justify-content:center">Lo que más duele</div>
      <h2 class="mb-agitacion-h2 mb-anim mb-d1">
        No estás <strong>exagerando</strong>.<br>
        No es solo ansiedad.<br>
        Y no tenés que seguir navegando esto sola.
      </h2>
      <p class="mb-serif mb-agitacion-p mb-anim mb-d2">
        Vivir pendiente de cada síntoma cansa. No saber qué vas a poder comer hoy, 
        si vas a llegar bien al trabajo, si el cuerpo va a acompañar — eso agota.
      </p>
      <p class="mb-serif mb-agitacion-p mb-anim mb-d3">
        Seguir buscando solo la solución física — dietas, estudios, eliminaciones — 
        es como apagar una alarma sin atender lo que la disparó. 
        El cuerpo te está pidiendo otra mirada.
      </p>
    </div>
    <div class="mb-pain-grid">
      <div class="mb-pain-card mb-anim mb-d1">
        <div class="mb-pain-num">01</div>
        <div class="mb-pain-title">La culpa que aparece sola</div>
        <p class="mb-pain-p">Creés que si comieras mejor, si te cuidaras más, el cuerpo respondería distinto. Pero esto no es un fracaso personal. Tu cuerpo está respondiendo a mucho más que la comida.</p>
      </div>
      <div class="mb-pain-card mb-anim mb-d2">
        <div class="mb-pain-num">02</div>
        <div class="mb-pain-title">El agotamiento de buscar respuestas</div>
        <p class="mb-pain-p">Médicos, nutricionistas, gastroenterólogos. Probaste cosas. Algunas funcionan un tiempo, después vuelve. Estás cansada de empezar de cero sin entender qué pasa de fondo.</p>
      </div>
      <div class="mb-pain-card mb-anim mb-d3">
        <div class="mb-pain-num">03</div>
        <div class="mb-pain-title">La vida que se va achicando</div>
        <p class="mb-pain-p">Salidas que cancelás, planes que evitás, espacios donde ya no te sentís cómoda. Tu vida cotidiana se fue organizando alrededor de lo que tu cuerpo permite. Y eso tiene un costo real.</p>
      </div>
    </div>
  </div>
</section>

<div class="mb-wave"></div>

<!-- ════════════════════════════════════════
   4. CAMBIO DE PARADIGMA
════════════════════════════════════════ -->
<section class="mb-section" id="paradigma">
  <div class="mb-wrap">
    <div class="mb-paradigma-grid">
      <div class="mb-anim mb-anim--left">
        <div class="mb-eyebrow">Una mirada diferente</div>
        <h2 class="mb-h2 mb-paradigma-h2">
          Muchas veces no es solo<br>lo que comés.<br>
          <em>Es el estado en el que vivís.</em>
        </h2>
        <p class="mb-serif mb-paradigma-p">
          El sistema nervioso y el sistema digestivo están conectados de manera profunda. 
          Cuando el primero está en alerta — por estrés crónico, emociones no procesadas, 
          ritmo de vida acelerado — el segundo lo registra y lo expresa.
        </p>
        <p class="mb-serif mb-paradigma-p">
          Esto no significa que "sea psicológico" y ya. Significa que hay un abordaje más completo, 
          que contempla ambos sistemas, que puede hacer una diferencia real.
        </p>
        <p class="mb-serif mb-paradigma-p">
          Y ese es exactamente el enfoque con el que trabajo.
        </p>
      </div>
      <div class="mb-anim mb-anim--right mb-d1">
        <div class="mb-data-card">
          <div class="mb-data-label">Lo que dice la ciencia</div>
          <div class="mb-fact">
            <div class="mb-fact-num">95%</div>
            <div class="mb-fact-desc">de la serotonina del cuerpo se produce en el intestino, no en el cerebro</div>
          </div>
          <div class="mb-fact">
            <div class="mb-fact-num">100M</div>
            <div class="mb-fact-desc">de neuronas tiene el sistema entérico — es nuestro "segundo cerebro"</div>
          </div>
          <div class="mb-fact">
            <div class="mb-fact-num">70%</div>
            <div class="mb-fact-desc">del sistema inmune reside en el tracto gastrointestinal</div>
          </div>
          <div class="mb-fact">
            <div class="mb-fact-num">80%</div>
            <div class="mb-fact-desc">de las señales del nervio vago van del intestino al cerebro — no al revés</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   5. PRESENTACIÓN DEL EBOOK
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm" id="ebook">
  <div class="mb-wrap">
    <div class="mb-ebook-present-grid">
      <div class="mb-anim mb-anim--left">
        <div class="mb-eyebrow">La guía que buscabas</div>
        <h2 class="mb-h2 mb-ebook-present-h2">
          Una primera guía práctica<br>para entender tu cuerpo<br>y recuperar calma
        </h2>
        <p class="mb-serif mb-ebook-present-p">
          Este ebook es un punto de partida. No reemplaza un tratamiento médico, nutricional ni psicológico. 
          Pero sí te da el marco para entender qué está pasando en tu cuerpo, 
          por qué pasa, y algunas herramientas concretas para empezar a regularte.
        </p>
        <p class="mb-serif mb-ebook-present-p">
          Está escrito desde la práctica clínica real, con un lenguaje accesible, 
          pensado para mujeres como vos: que quieren entender, no solo recibir indicaciones.
        </p>
        <a href="#comprar-ebook" class="mb-btn mb-btn--primary mb-btn--lg" style="margin-top:1rem">Adquirí tu ebook ahora</a>
      </div>
      <div class="mb-anim mb-d1">
        <div class="mb-ebook-visual">
          <div class="mb-ebook-cover">
            <div class="mb-ebook-cover-inner">
              <div>
                <div class="mb-ebook-badge-cover">Ebook · Psicogastroenterología</div>
                <div class="mb-ebook-title-cover">Mente &amp; Panza:<br>La guía para empezar a sentirte mejor</div>
              </div>
              <div class="mb-ebook-author-cover">Lic. Marcela Boldini</div>
            </div>
          </div>
          <div class="mb-ebook-price-badge">
            <div class="mb-price-num">$27</div>
            <div class="mb-price-label">USD</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   6. BENEFICIOS
════════════════════════════════════════ -->
<section class="mb-section mb-section--dark" id="beneficios">
  <div class="mb-wrap">
    <div class="mb-beneficios-header">
      <div class="mb-eyebrow mb-eyebrow--light mb-anim" style="justify-content:center">Lo que vas a lograr</div>
      <h2 class="mb-h2 mb-anim mb-d1" style="color:var(--cream);margin-bottom:1rem">
        Imaginate despertar mañana<br>
        <em>sin ese nudo en la panza</em>
      </h2>
      <p class="mb-serif mb-serif--light mb-anim mb-d2">
        Con el enfoque correcto, el cambio es posible. Acá te cuento qué podés esperar cuando 
        empezás a trabajar el eje mente-intestino de manera integrada.
      </p>
    </div>
    <div class="mb-benef-grid">
      <div class="mb-benef-item mb-anim">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Entendés tu cuerpo por primera vez</div>
        <p class="mb-benef-p">Dejás de pelear contra tu digestión y empezás a comprender lo que realmente te está diciendo. El cuerpo habla un lenguaje — el ebook te da las herramientas para escucharlo.</p>
      </div>
      <div class="mb-benef-item mb-anim mb-d1">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Aprendés a bajar el estado de alerta</div>
        <p class="mb-benef-p">Técnicas concretas para regular el sistema nervioso y que tu intestino deje de vivir en modo emergencia. Sin pastillas, sin eliminaciones arbitrarias.</p>
      </div>
      <div class="mb-benef-item mb-anim mb-d2">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Recuperás tu vida cotidiana</div>
        <p class="mb-benef-p">Salir a comer con más tranquilidad. Concentrarte en el trabajo. Planear sin que el cuerpo sea lo primero en lo que tenés que pensar.</p>
      </div>
      <div class="mb-benef-item mb-anim mb-d3">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Herramientas simples para aplicar hoy</div>
        <p class="mb-benef-p">No es solo teoría. Cada capítulo incluye ejercicios y recursos que podés usar enseguida. Cosas reales, en tu vida real.</p>
      </div>
      <div class="mb-benef-item mb-anim mb-d4">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Reconectás con tu cuerpo desde la calma</div>
        <p class="mb-benef-p">Empezás a relacionarte con los síntomas desde un lugar distinto. Menos miedo, más comprensión, más capacidad de responder.</p>
      </div>
      <div class="mb-benef-item mb-anim mb-d5">
        <div class="mb-benef-icon">◈</div>
        <div class="mb-benef-title">Tenés un punto de partida claro</div>
        <p class="mb-benef-p">Por primera vez, sentís que sabés por dónde empezar. Eso ya cambia todo.</p>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   TESTIMONIOS
════════════════════════════════════════ -->
<section class="mb-section" id="testimonios">
  <div class="mb-wrap">
    <div class="mb-testi-header">
      <div class="mb-eyebrow mb-anim" style="justify-content:center">Ellas ya lo vivieron</div>
      <h2 class="mb-h2 mb-anim mb-d1" style="font-style:italic">Lo que dicen las que llegaron<br>antes que vos</h2>
    </div>
    <div class="mb-testi-grid">
      <div class="mb-testi-card mb-anim">
        <div class="mb-testi-stars">★★★★★</div>
        <p class="mb-testi-quote">"Llevaba años con diagnóstico de intestino irritable. Probé de todo. Cuando empecé a entender la conexión con mi sistema nervioso, algo se acomodó. En pocos meses noté más diferencia que en años anteriores."</p>
        <div class="mb-testi-author">
          <div class="mb-testi-av">CS</div>
          <div>
            <div class="mb-testi-name">Carla S.</div>
            <div class="mb-testi-detail">38 años · Buenos Aires</div>
          </div>
        </div>
      </div>
      <div class="mb-testi-card mb-anim mb-d1">
        <div class="mb-testi-stars">★★★★★</div>
        <p class="mb-testi-quote">"Lo que más me ayudó fue sentir que no estaba exagerando. El ebook me dio el lenguaje para entender lo que me pasaba — y para explicárselo a los demás. Eso solo ya fue enorme."</p>
        <div class="mb-testi-author">
          <div class="mb-testi-av">MV</div>
          <div>
            <div class="mb-testi-name">Mónica V.</div>
            <div class="mb-testi-detail">51 años · Rosario</div>
          </div>
        </div>
      </div>
      <div class="mb-testi-card mb-anim mb-d2">
        <div class="mb-testi-stars">★★★★★</div>
        <p class="mb-testi-quote">"Era escéptica. Quería la solución médica. Pero este enfoque me ayudó a tratar mi cuerpo con más compasión y menos miedo. Eso cambió la calidad de mi vida de manera concreta."</p>
        <div class="mb-testi-author">
          <div class="mb-testi-av">LP</div>
          <div>
            <div class="mb-testi-name">Laura P.</div>
            <div class="mb-testi-detail">44 años · Córdoba</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="mb-wave"></div>

<!-- ════════════════════════════════════════
   7. RECURSO GRATUITO
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm" id="recurso-gratuito">
  <div class="mb-wrap">
    <div class="mb-recurso-inner">
      <div class="mb-anim mb-anim--left">
        <div class="mb-eyebrow">Tu primer paso</div>
        <h2 class="mb-h2 mb-recurso-h2">
          Empezá por acá:<br>
          <em>un recurso gratuito</em><br>para vos
        </h2>
        <p class="mb-serif mb-recurso-p">
          Antes de adquirir el ebook, si querés dar un primer paso sin compromiso, 
          preparé un recurso gratuito donde te comparto herramientas iniciales para empezar 
          a entender la conexión entre tu sistema nervioso y tu digestión.
        </p>
        <a href="#recurso-gratuito" class="mb-btn mb-btn--outline mb-btn--lg">Descargar recurso gratuito</a>
      </div>
      <div class="mb-anim mb-d1">
        <div class="mb-recurso-visual">
          <div class="mb-recurso-icon">
            <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
          </div>
          <div class="mb-recurso-card-title">Guía de inicio gratuita</div>
          <p class="mb-recurso-card-p">
            Un material de acceso inmediato pensado para mujeres que quieren entender 
            qué pasa en su cuerpo y empezar a transitar este camino con herramientas concretas.
          </p>
          <div class="mb-recurso-tags">
            <span class="mb-tag">Sistema nervioso</span>
            <span class="mb-tag">Regulación emocional</span>
            <span class="mb-tag">Intestino</span>
            <span class="mb-tag">Herramientas prácticas</span>
          </div>
          <a href="#recurso-gratuito" class="mb-btn mb-btn--primary" style="width:100%;justify-content:center">Descargarlo gratis</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   8. SOBRE MARCELA
════════════════════════════════════════ -->
<section class="mb-section" id="sobre-marcela">
  <div class="mb-wrap">
    <div class="mb-sobre-grid">
      <div class="mb-anim mb-anim--left">
        <div class="mb-avatar-wrap">
          <div class="mb-avatar-bg">
            <div class="mb-avatar-initials">MB</div>
          </div>
          <div class="mb-avatar-badge">
            <div class="mb-badge-num">10+</div>
            <div class="mb-badge-text">años de práctica</div>
          </div>
        </div>
      </div>
      <div class="mb-anim mb-d1">
        <div class="mb-eyebrow">Quién te acompaña</div>
        <h2 class="mb-h2 mb-sobre-h2">
          <span class="mb-sobre-name">Lic. Marcela Boldini</span>
          Psicóloga especializada en psicogastroenterología
        </h2>
        <p class="mb-serif mb-sobre-p">
          Trabajo en la intersección entre la psicología y la salud digestiva. 
          Mi enfoque es integrativo: contempla el sistema nervioso, las emociones, 
          los hábitos y el contexto de vida — porque el cuerpo no funciona en compartimentos separados.
        </p>
        <p class="mb-serif mb-sobre-p">
          Acompaño a mujeres que llegaron a este punto después de mucho tiempo buscando respuestas. 
          Lo que ofrezco no es una solución mágica — es comprensión real, herramientas concretas 
          y una mirada que contempla a la persona completa.
        </p>
        <ul class="mb-creds">
          <li class="mb-cred-item"><span class="mb-cred-dot"></span>Licenciada en Psicología (UBA)</li>
          <li class="mb-cred-item"><span class="mb-cred-dot"></span>Posgrado en Psiconeuroinmunoendocrinología</li>
          <li class="mb-cred-item"><span class="mb-cred-dot"></span>Formación en Terapia Cognitivo-Conductual para SII</li>
          <li class="mb-cred-item"><span class="mb-cred-dot"></span>Especialización en Mindfulness y Regulación Emocional</li>
          <li class="mb-cred-item"><span class="mb-cred-dot"></span>Práctica clínica activa desde hace más de 10 años</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   9. WHATSAPP COMUNIDAD
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm" id="comunidad">
  <div class="mb-wrap">
    <div class="mb-wa-inner mb-anim">
      <div class="mb-wa-icon-wrap">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      </div>
      <h2 class="mb-h2 mb-wa-h2 mb-d1">Sumarte a la comunidad<br>de WhatsApp</h2>
      <p class="mb-serif mb-wa-p mb-d2" style="max-width:560px;margin-left:auto;margin-right:auto">
        En el grupo comparto herramientas, reflexiones y recursos de manera periódica. 
        Es un espacio para que no te sientas sola en este proceso.
      </p>
      <div class="mb-wa-features mb-d3">
        <div class="mb-wa-feature"><div class="mb-wa-check">✓</div> Recursos periódicos</div>
        <div class="mb-wa-feature"><div class="mb-wa-check">✓</div> Comunidad de mujeres</div>
        <div class="mb-wa-feature"><div class="mb-wa-check">✓</div> Contenido de Marcela</div>
        <div class="mb-wa-feature"><div class="mb-wa-check">✓</div> Sin spam</div>
      </div>
      <a href="https://wa.me/543794250202?text=Hola%20Marce,%20quiero%20recibir%20informaci%C3%B3n%20sobre%20el%20ebook%20y%20la%20comunidad" target="_blank" class="mb-btn mb-btn--wa mb-btn--lg mb-d4">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width:20px;height:20px;fill:white;flex-shrink:0"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
        Unirme a la comunidad de WhatsApp
      </a>
    </div>
  </div>
</section>

<div class="mb-wave"></div>

<!-- ════════════════════════════════════════
   CÓMO FUNCIONA
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm" id="como-funciona">
  <div class="mb-wrap">
    <div class="mb-steps-header">
      <div class="mb-eyebrow mb-anim" style="justify-content:center">El camino</div>
      <h2 class="mb-h2 mb-anim mb-d1">Cómo vas a ir de donde estás <em style="color:var(--rose)">a donde querés llegar</em></h2>
    </div>
    <div class="mb-steps-grid">
      <div class="mb-step mb-anim">
        <div class="mb-step-num">01</div>
        <div class="mb-step-title">Comprendés el vínculo mente-intestino</div>
        <p class="mb-step-p">Entendés la ciencia detrás de tus síntomas, sin tecnicismos, con claridad.</p>
      </div>
      <div class="mb-step mb-anim mb-d1">
        <div class="mb-step-num">02</div>
        <div class="mb-step-title">Identificás tus propios patrones</div>
        <p class="mb-step-p">Con ejercicios guiados, empezás a ver cuándo y por qué tu cuerpo reacciona como reacciona.</p>
      </div>
      <div class="mb-step mb-anim mb-d2">
        <div class="mb-step-num">03</div>
        <div class="mb-step-title">Aprendés técnicas de regulación</div>
        <p class="mb-step-p">Herramientas basadas en evidencia para calmar el sistema nervioso desde ambos lados.</p>
      </div>
      <div class="mb-step mb-anim mb-d3">
        <div class="mb-step-num">04</div>
        <div class="mb-step-title">Construís tu propio punto de partida</div>
        <p class="mb-step-p">Terminás el ebook con una guía personal para seguir avanzando, a tu ritmo.</p>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   10. OFERTA
════════════════════════════════════════ -->
<section class="mb-section mb-section--dark" id="comprar-ebook">
  <div class="mb-wrap">
    <div class="mb-oferta-grid">
      <div class="mb-anim mb-anim--left">
        <div class="mb-eyebrow mb-eyebrow--light">Lo que incluye</div>
        <h2 class="mb-h2 mb-oferta-h2">
          <em>Mente &amp; Panza:</em><br>
          La guía completa<br>para empezar a sentirte mejor
        </h2>
        <ul class="mb-includes">
          <li class="mb-include-item"><span class="mb-check">✓</span>Guía completa en PDF — 120+ páginas con contenido claro y aplicable</li>
          <li class="mb-include-item"><span class="mb-check">✓</span>Mapa de síntomas y emociones — para reconocer patrones propios</li>
          <li class="mb-include-item"><span class="mb-check">✓</span>Protocolo de 4 semanas — un plan paso a paso para empezar</li>
          <li class="mb-include-item"><span class="mb-check">✓</span>Técnicas de regulación vagal — respaldadas en neurociencia</li>
          <li class="mb-include-item"><span class="mb-check">✓</span>Herramientas para momentos difíciles — cuando el cuerpo más lo necesita</li>
          <li class="mb-include-item"><span class="mb-check">✓</span>Guía para comunicarte mejor con tu equipo de salud</li>
          <li class="mb-include-item"><span class="mb-check" style="color:var(--tan)">★</span><strong style="color:var(--tan)">BONUS:</strong> Registro diario mente-intestino para hacer seguimiento</li>
        </ul>
        <a href="#comprar-ebook" class="mb-btn mb-btn--primary mb-btn--lg">Adquirí tu ebook ahora</a>
        <p class="mb-oferta-note">Acceso inmediato · Descarga instantánea · Pago único · $27 USD</p>
      </div>
      <div class="mb-anim mb-d1">
        <div class="mb-oferta-visual">
          <div class="mb-ebook-cover" style="width:200px">
            <div class="mb-ebook-cover-inner">
              <div>
                <div class="mb-ebook-badge-cover">Ebook · Psicogastroenterología</div>
                <div class="mb-ebook-title-cover">Mente &amp; Panza:<br>La guía para empezar a sentirte mejor</div>
              </div>
              <div class="mb-ebook-author-cover">Lic. Marcela Boldini</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   11. FAQ
════════════════════════════════════════ -->
<section class="mb-section" id="faq">
  <div class="mb-wrap">
    <div class="mb-faq-header">
      <div class="mb-eyebrow mb-anim" style="justify-content:center">Preguntas frecuentes</div>
      <h2 class="mb-h2 mb-anim mb-d1">Respondemos tus dudas</h2>
    </div>
    <div class="mb-faq-list mb-anim mb-d2">
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿El ebook sirve si no tengo un diagnóstico formal?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">Sí. El ebook está pensado para mujeres que sienten que algo no está bien — con o sin diagnóstico. De hecho, muchas personas con síntomas digestivos recurrentes no tienen un nombre clínico para lo que sienten. Eso no lo hace menos real. El material te ayuda a entender tu cuerpo independientemente de si tenés o no un diagnóstico formal.</div></div>
      </div>
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿Reemplaza una terapia, tratamiento médico o nutricional?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">No, y es importante que quede claro. El ebook es un recurso educativo y de acompañamiento. No reemplaza ni suple la atención de un médico, nutricionista, psicóloga ni ningún otro profesional de salud. Si estás bajo tratamiento, este material puede complementarlo — pero no reemplazarlo.</div></div>
      </div>
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿Cómo accedo después de la compra?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">El acceso es inmediato. Una vez realizado el pago, recibís un enlace de descarga directa al email que registraste. Podés descargarlo y leerlo en cualquier dispositivo — celular, tablet o computadora — cuando quieras y cuantas veces necesites.</div></div>
      </div>
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿Qué incluye exactamente?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">El ebook tiene más de 120 páginas con contenido práctico. Incluye explicaciones sobre el eje intestino-cerebro, ejercicios de autoobservación, técnicas de regulación del sistema nervioso, un protocolo de 4 semanas, herramientas para momentos difíciles, una guía para la consulta médica y un registro de seguimiento como bonus.</div></div>
      </div>
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿Lo puedo aplicar en mi vida cotidiana?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">Sí, y eso fue una prioridad en su diseño. Todas las herramientas están pensadas para integrarse a la vida real — sin que necesites una hora libre ni un contexto especial. Son cosas concretas, simples y aplicables en el día a día.</div></div>
      </div>
      <div class="mb-faq-item">
        <button class="mb-faq-q">
          ¿Para quién está pensado?
          <span class="mb-faq-arrow"><svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg></span>
        </button>
        <div class="mb-faq-a"><div class="mb-faq-a-inner">Está pensado especialmente para mujeres de entre 30 y 60 años que conviven con síntomas digestivos, inflamación, estrés crónico, ansiedad o malestar gastrointestinal recurrente — y que sienten que el abordaje convencional no les está dando respuestas completas.</div></div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   12. CTA FINAL
════════════════════════════════════════ -->
<section class="mb-section mb-section--warm mb-cta-final">
  <div class="mb-cta-ring mb-cta-ring-1"></div>
  <div class="mb-cta-ring mb-cta-ring-2"></div>
  <div class="mb-cta-ring mb-cta-ring-3"></div>
  <div class="mb-wrap">
    <div class="mb-cta-final-inner">
      <div class="mb-eyebrow mb-anim" style="justify-content:center">Tu momento es ahora</div>
      <h2 class="mb-h2 mb-cta-h2 mb-anim mb-d1">
        ¿Cuánto más vas a esperar<br>
        para empezar a entender<br>
        <em>lo que tu cuerpo lleva años diciéndote?</em>
      </h2>
      <p class="mb-serif mb-cta-p mb-anim mb-d2">
        No se trata de otra dieta ni de otro diagnóstico. 
        Se trata de empezar a escucharte de verdad — con las herramientas correctas, 
        en el orden correcto, acompañada por alguien que entiende este camino.
      </p>
      <div class="mb-cta-btns mb-anim mb-d3">
        <a href="#comprar-ebook" class="mb-btn mb-btn--primary mb-btn--lg">Adquirí tu ebook ahora</a>
        <a href="#recurso-gratuito" class="mb-btn mb-btn--outline mb-btn--lg">Descargar recurso gratuito</a>
      </div>
      <div class="mb-cta-guarantees mb-anim mb-d4">
        <div class="mb-guarantee"><div class="mb-g-dot">✓</div> Acceso inmediato</div>
        <div class="mb-guarantee"><div class="mb-g-dot">✓</div> Pago único, sin suscripciones</div>
        <div class="mb-guarantee"><div class="mb-g-dot">✓</div> Satisfacción garantizada 7 días</div>
        <div class="mb-guarantee"><div class="mb-g-dot">✓</div> Leíble en cualquier dispositivo</div>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   LEAD FORM (captura secundaria)
════════════════════════════════════════ -->
<section class="mb-section mb-section--sage" id="contacto">
  <div class="mb-wrap">
    <div class="mb-lead-inner">
      <div class="mb-anim">
        <div class="mb-lead-title">¿Preferís una consulta personalizada?</div>
        <p class="mb-lead-sub">Dejá tu nombre y email y me comunico con vos para hablar de tu situación y ver cómo puedo acompañarte.</p>
      </div>
      <div class="mb-anim mb-d1">
        <div class="mb-form-row">
          <input type="text" class="mb-input" placeholder="Tu nombre" id="mb-fname">
          <input type="email" class="mb-input" placeholder="Tu email" id="mb-email">
          <button class="mb-form-btn" id="mb-form-send">Enviar</button>
        </div>
        <p class="mb-form-note">Sin spam. Te escribo solo si puedo ayudarte.</p>
      </div>
    </div>
  </div>
</section>

<!-- ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ -->
<footer class="mb-footer">
  <div class="mb-wrap">
    <div class="mb-footer-logo">Marcela Boldini · Psicóloga Gastrointestinal</div>
    <div class="mb-footer-tagline">Acompañando mujeres a sanar desde adentro</div>
    <div class="mb-footer-links">
      <a href="#">Política de privacidad</a>
      <a href="#">Términos y condiciones</a>
      <a href="https://wa.me/543794250202?text=Hola%20Marce,%20quiero%20recibir%20informaci%C3%B3n%20sobre%20el%20ebook%20y%20la%20comunidad" target="_blank">WhatsApp</a>
      <a href="#">Instagram</a>
    </div>
  </div>
</footer>

<!-- ─── STICKY MOBILE CTA ─── -->
<div class="mb-sticky" id="mb-sticky">
  <a href="#comprar-ebook">Adquirí tu ebook — $27 USD</a>
</div>

</div><!-- /.mb-root -->

<script>
(function() {
  'use strict';

  // ─── Intersection Observer: animaciones ───
  var anims = document.querySelectorAll('.mb-anim');
  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add('is-visible');
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
  anims.forEach(function(el) { observer.observe(el); });

  // ─── Navbar scroll ───
  var nav = document.getElementById('mb-nav');
  var sticky = document.getElementById('mb-sticky');
  window.addEventListener('scroll', function() {
    var y = window.scrollY;
    if (nav) { y > 60 ? nav.classList.add('mb-nav--scrolled') : nav.classList.remove('mb-nav--scrolled'); }
    if (sticky) { y > 500 ? sticky.classList.add('mb-visible') : sticky.classList.remove('mb-visible'); }
  }, { passive: true });

  // ─── FAQ accordion ───
  var faqItems = document.querySelectorAll('.mb-faq-item');
  faqItems.forEach(function(item) {
    var btn = item.querySelector('.mb-faq-q');
    if (btn) {
      btn.addEventListener('click', function() {
        var isOpen = item.classList.contains('mb-open');
        faqItems.forEach(function(i) { i.classList.remove('mb-open'); });
        if (!isOpen) item.classList.add('mb-open');
      });
    }
  });

  // ─── Hero parallax suave ───
  var heroOrb = document.querySelector('.mb-hero-orb');
  if (heroOrb && window.innerWidth > 900) {
    document.addEventListener('mousemove', function(e) {
      var x = (e.clientX / window.innerWidth - 0.5) * 18;
      var y = (e.clientY / window.innerHeight - 0.5) * 18;
      heroOrb.style.transform = 'translate(calc(-40% + ' + x + 'px), calc(-50% + ' + y + 'px))';
    }, { passive: true });
  }

  // ─── Form submit ───
  var formSend = document.getElementById('mb-form-send');
  if (formSend) {
    formSend.addEventListener('click', function() {
      var name = document.getElementById('mb-fname').value.trim();
      var email = document.getElementById('mb-email').value.trim();
      if (name && email) {
        formSend.textContent = '¡Gracias!';
        formSend.style.background = 'var(--sage-dark)';
        setTimeout(function() {
          formSend.textContent = 'Enviar';
          formSend.style.background = '';
          document.getElementById('mb-fname').value = '';
          document.getElementById('mb-email').value = '';
        }, 3000);
      } else {
        formSend.textContent = 'Completá los campos';
        setTimeout(function() { formSend.textContent = 'Enviar'; }, 2000);
      }
    });
  }

})();
</script>/* End custom CSS */