@jjlmoya/utils-babies 1.1.0

package/src/tool/baby-feeding-calculator/component.astro

@@ -0,0 +1,210 @@
+---
+import './style.css';
+import type { BabyFeedingCalculatorUI } from './index';
+interface Props { ui: BabyFeedingCalculatorUI; }
+const { ui } = Astro.props;
+---
+<div id="baby-feeding-calculator-root" class="baby-feeding-calculator" data-ui={JSON.stringify(ui)}>
+  <div class="baby-feeding-calculator-card">
+    <div class="baby-feeding-calculator-card-main">
+      <div class="baby-feeding-calculator-card-left">
+        <div class="baby-feeding-calculator-section-marker">{ui.labelConfig}</div>
+
+        <div class="baby-feeding-calculator-input-group">
+          <div class="baby-feeding-calculator-input-label">Edad del bebé</div>
+          <div class="baby-feeding-calculator-unit-nav">
+            <button class="baby-feeding-calculator-unit-tab active" data-unit="days">{ui.unitDays}</button>
+            <button class="baby-feeding-calculator-unit-tab" data-unit="weeks">{ui.unitWeeks}</button>
+            <button class="baby-feeding-calculator-unit-tab" data-unit="months">{ui.unitMonths}</button>
+          </div>
+          <div class="baby-feeding-calculator-stepper-box">
+            <button class="baby-feeding-calculator-btn-step" id="bfc-age-dec" aria-label="Reducir edad">−</button>
+            <div class="baby-feeding-calculator-val-view">
+              <span class="baby-feeding-calculator-val-big" id="bfc-age-val">7</span>
+              <span class="baby-feeding-calculator-val-sub" id="bfc-age-unit">{ui.unitDays}</span>
+            </div>
+            <button class="baby-feeding-calculator-btn-step" id="bfc-age-inc" aria-label="Aumentar edad">+</button>
+          </div>
+          <input class="baby-feeding-calculator-slider-line" type="range" id="bfc-age-slider" min="0" max="30" value="7" />
+        </div>
+
+        <div class="baby-feeding-calculator-input-group">
+          <div class="baby-feeding-calculator-input-label">{ui.labelWeight}</div>
+          <div class="baby-feeding-calculator-stepper-box">
+            <button class="baby-feeding-calculator-btn-step" id="bfc-weight-dec" aria-label="Reducir peso">−</button>
+            <div class="baby-feeding-calculator-val-view">
+              <span class="baby-feeding-calculator-val-big" id="bfc-weight-val">3.5</span>
+              <span class="baby-feeding-calculator-val-sub">kg</span>
+            </div>
+            <button class="baby-feeding-calculator-btn-step" id="bfc-weight-inc" aria-label="Aumentar peso">+</button>
+          </div>
+          <input class="baby-feeding-calculator-slider-line" type="range" id="bfc-weight-slider" min="1" max="15" step="0.1" value="3.5" />
+        </div>
+
+        <div class="baby-feeding-calculator-input-group">
+          <div class="baby-feeding-calculator-input-label">{ui.labelFeedType}</div>
+          <div class="baby-feeding-calculator-type-rack">
+            <button class="baby-feeding-calculator-type-tile active" data-type="breast">{ui.feedBreast}</button>
+            <button class="baby-feeding-calculator-type-tile" data-type="mixed">{ui.feedMixed}</button>
+            <button class="baby-feeding-calculator-type-tile" data-type="formula">{ui.feedFormula}</button>
+          </div>
+        </div>
+
+        <div class="baby-feeding-calculator-gauge-area">
+          <div class="baby-feeding-calculator-gauge-viz">
+            <div class="baby-feeding-calculator-stomach-bubble" id="bfc-stomach-bubble">
+              <span class="baby-feeding-calculator-visual-hint" id="bfc-stomach-hint">Huevo</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="baby-feeding-calculator-card-right">
+        <div class="baby-feeding-calculator-section-marker">{ui.labelPlan}</div>
+
+        <div class="baby-feeding-calculator-res-card-box baby-feeding-calculator-res-free-demand">
+          <div class="baby-feeding-calculator-res-label">{ui.labelFreeDemand}</div>
+          <div class="baby-feeding-calculator-res-main-val" id="bfc-res-demand">Libre demanda</div>
+        </div>
+
+        <div class="baby-feeding-calculator-stats-grid">
+          <div class="baby-feeding-calculator-stat-item">
+            <div class="baby-feeding-calculator-stat-value" id="bfc-stat-feeds">8</div>
+            <div class="baby-feeding-calculator-stat-label">{ui.labelFeedsCount}</div>
+          </div>
+          <div class="baby-feeding-calculator-stat-item">
+            <div class="baby-feeding-calculator-stat-value" id="bfc-stat-per-feed">30–60 ml</div>
+            <div class="baby-feeding-calculator-stat-label">{ui.labelMlPerFeed}</div>
+          </div>
+          <div class="baby-feeding-calculator-stat-item">
+            <div class="baby-feeding-calculator-stat-value" id="bfc-stat-daily">360–480 ml</div>
+            <div class="baby-feeding-calculator-stat-label">{ui.labelDailyTotal}</div>
+          </div>
+        </div>
+
+        <div class="baby-feeding-calculator-behavior-sec">
+          <div class="baby-feeding-calculator-input-label">{ui.labelHunger}</div>
+          <div class="baby-feeding-calculator-pills-container" id="bfc-hunger-pills">
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-hambre">Busca el pecho</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-hambre">Llanto</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-hambre">Chupa los puños</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-hambre">Movimientos de succión</span>
+          </div>
+        </div>
+
+        <div class="baby-feeding-calculator-behavior-sec">
+          <div class="baby-feeding-calculator-input-label">{ui.labelFullness}</div>
+          <div class="baby-feeding-calculator-pills-container" id="bfc-fullness-pills">
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-saciedad">Suelta el pecho</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-saciedad">Se queda dormido</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-saciedad">Manos relajadas</span>
+            <span class="baby-feeding-calculator-pill baby-feeding-calculator-pill-saciedad">Cara relajada</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { toAgeInDays, calculateFeeding } from './logic';
+  import type { AgeUnit, FeedType } from './logic';
+
+  const root = document.getElementById('baby-feeding-calculator-root') as HTMLElement;
+  const ui = JSON.parse(root.dataset.ui as string) as Record<string, string>;
+
+  let ageValue = 7;
+  let ageUnit: AgeUnit = 'days';
+  let weight = 3.5;
+  let feedType: FeedType = 'breast';
+
+  const ageSlider = root.querySelector('#bfc-age-slider') as HTMLInputElement;
+  const ageValEl = root.querySelector('#bfc-age-val') as HTMLElement;
+  const ageUnitEl = root.querySelector('#bfc-age-unit') as HTMLElement;
+  const weightSlider = root.querySelector('#bfc-weight-slider') as HTMLInputElement;
+  const weightValEl = root.querySelector('#bfc-weight-val') as HTMLElement;
+  const stomachBubble = root.querySelector('#bfc-stomach-bubble') as HTMLElement;
+  const stomachHint = root.querySelector('#bfc-stomach-hint') as HTMLElement;
+  const statFeeds = root.querySelector('#bfc-stat-feeds') as HTMLElement;
+  const statPerFeed = root.querySelector('#bfc-stat-per-feed') as HTMLElement;
+  const statDaily = root.querySelector('#bfc-stat-daily') as HTMLElement;
+
+  const AGE_LIMITS: Record<AgeUnit, { min: number; max: number }> = {
+    days: { min: 0, max: 30 },
+    weeks: { min: 0, max: 52 },
+    months: { min: 0, max: 24 },
+  };
+
+  function getUnitLabel(unit: AgeUnit): string {
+    if (unit === 'days') return ui['unitDays'] ?? '';
+    if (unit === 'weeks') return ui['unitWeeks'] ?? '';
+    return ui['unitMonths'] ?? '';
+  }
+
+  function updateDisplay(): void {
+    root.dataset['feedType'] = feedType;
+    const ageInDays = toAgeInDays(ageValue, ageUnit);
+    const result = calculateFeeding(ageInDays, weight);
+
+    stomachBubble.style.transform = `scale(${result.scale})`;
+    stomachHint.textContent = result.hint;
+
+    statFeeds.textContent = String(result.numFeeds);
+    statPerFeed.textContent = `${result.perFeedMin}–${result.perFeedMax} ml`;
+    statDaily.textContent = `${result.totalMin}–${result.totalMax} ml`;
+
+    const limits = AGE_LIMITS[ageUnit];
+    ageSlider.min = String(limits.min);
+    ageSlider.max = String(limits.max);
+    ageSlider.value = String(ageValue);
+    ageValEl.textContent = String(ageValue);
+    ageUnitEl.textContent = getUnitLabel(ageUnit);
+    weightValEl.textContent = weight.toFixed(1);
+    weightSlider.value = String(weight);
+  }
+
+  root.querySelectorAll('.baby-feeding-calculator-unit-tab').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      ageUnit = (btn as HTMLElement).dataset.unit as AgeUnit;
+      ageValue = AGE_LIMITS[ageUnit].min;
+      root.querySelectorAll('.baby-feeding-calculator-unit-tab').forEach((b) => b.classList.remove('active'));
+      btn.classList.add('active');
+      updateDisplay();
+    });
+  });
+
+  root.querySelectorAll('.baby-feeding-calculator-type-tile').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      feedType = (btn as HTMLElement).dataset.type as FeedType;
+      root.querySelectorAll('.baby-feeding-calculator-type-tile').forEach((b) => b.classList.remove('active'));
+      btn.classList.add('active');
+      updateDisplay();
+    });
+  });
+
+  root.querySelector('#bfc-age-dec')?.addEventListener('click', () => {
+    const limits = AGE_LIMITS[ageUnit];
+    if (ageValue > limits.min) { ageValue -= 1; updateDisplay(); }
+  });
+  root.querySelector('#bfc-age-inc')?.addEventListener('click', () => {
+    const limits = AGE_LIMITS[ageUnit];
+    if (ageValue < limits.max) { ageValue += 1; updateDisplay(); }
+  });
+  ageSlider.addEventListener('input', () => {
+    ageValue = Number(ageSlider.value);
+    updateDisplay();
+  });
+
+  root.querySelector('#bfc-weight-dec')?.addEventListener('click', () => {
+    if (weight > 1) { weight = Math.round((weight - 0.1) * 10) / 10; updateDisplay(); }
+  });
+  root.querySelector('#bfc-weight-inc')?.addEventListener('click', () => {
+    if (weight < 15) { weight = Math.round((weight + 0.1) * 10) / 10; updateDisplay(); }
+  });
+  weightSlider.addEventListener('input', () => {
+    weight = Number(weightSlider.value);
+    updateDisplay();
+  });
+
+  updateDisplay();
+</script>

package/src/tool/baby-feeding-calculator/i18n/en.ts

@@ -0,0 +1,162 @@
+import type { BabyFeedingCalculatorLocaleContent } from '../index';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+
+const slug = 'baby-feeding-calculator';
+const title = 'Baby Feeding Calculator';
+const description = 'Calculate how much milk your baby needs based on weight and age. Recommended feeds, milliliters per feed, and hunger and fullness cues.';
+
+const faq = [
+  {
+    question: 'How much milk does a newborn need?',
+    answer: 'On day one, a newborn\'s stomach is the size of a cherry and needs only 5–7 ml per feed. By day five, capacity grows to 45–60 ml and needs increase progressively.',
+  },
+  {
+    question: 'How often should a baby eat?',
+    answer: 'Newborns need 8–12 feeds per day. By 3 months this typically spaces out to 7–8 feeds, and by 6 months around 5 feeds daily.',
+  },
+  {
+    question: 'How do I know if my baby is eating enough?',
+    answer: 'The most reliable indicators are: adequate weight gain, at least 5–6 wet diapers per day, and the baby showing fullness cues after feeds.',
+  },
+  {
+    question: 'Are breastfeeding and formula amounts the same?',
+    answer: 'With breastfeeding, on-demand feeding without measuring volumes is recommended. With formula, the common reference is 150 ml per kg of body weight per day, distributed across the number of feeds appropriate for the baby\'s age.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Select the baby\'s age',
+    text: 'Choose the unit (days, weeks, or months) and adjust the value with the slider or buttons.',
+  },
+  {
+    name: 'Enter the baby\'s weight',
+    text: 'Use the weight slider or buttons to adjust the baby\'s current weight in kilograms.',
+  },
+  {
+    name: 'Select the feed type',
+    text: 'Choose between breast, mixed, or formula to get the most tailored guide.',
+  },
+  {
+    name: 'Review the recommended plan',
+    text: 'The calculator shows number of feeds, milliliters per feed, and estimated daily total.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+export const content: BabyFeedingCalculatorLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    labelConfig: 'Current settings',
+    labelPlan: 'Recommended plan',
+    unitDays: 'days',
+    unitWeeks: 'weeks',
+    unitMonths: 'months',
+    labelWeight: 'Baby weight',
+    labelFeedType: 'Feed type',
+    feedBreast: 'Breast',
+    feedMixed: 'Mixed',
+    feedFormula: 'Formula',
+    labelFreeDemand: 'On demand',
+    labelMlPerFeed: 'ml per feed',
+    labelFeedsCount: 'Feeds / 24h',
+    labelDailyTotal: 'Daily total (est.)',
+    labelHunger: 'Hunger cues',
+    labelFullness: 'Fullness cues',
+    faqTitle: 'Frequently asked questions',
+    bibliographyTitle: 'References',
+  },
+  seo: [
+    { type: 'summary', title: 'Summary: Baby feeding', items: [
+      'A newborn\'s stomach capacity is only 5–7 ml on day one.',
+      'The general formula reference is 150 ml per kg of body weight per day.',
+      'Breastfeeding is offered on demand without fixed volumes.',
+      'Feed frequency decreases with age: from 8–12 feeds to 4–5 by 6 months.',
+    ]},
+    { type: 'title', text: 'How much milk does my baby need by weight and age?', level: 2 },
+    { type: 'paragraph', html: 'Milk needs change rapidly in the first months. The calculator estimates the amount based on current weight and age, following WHO and AAP paediatric guidelines.' },
+    { type: 'stats', columns: 3, items: [
+      { value: '5–7 ml', label: 'Day 1 (cherry size)' },
+      { value: '150 ml/kg', label: 'Daily formula reference' },
+      { value: '8–12', label: 'Feeds/day newborn' },
+    ]},
+    { type: 'title', text: 'Stomach size by age', level: 3 },
+    { type: 'table', headers: ['Age', 'Size ref.', 'Capacity', 'Feeds/day'], rows: [
+      ['Day 1', 'Cherry', '5–7 ml', '8–12'],
+      ['Days 2–4', 'Walnut', '22–27 ml', '8–12'],
+      ['Days 5–30', 'Egg', '45–60 ml', '8–10'],
+      ['1–3 months', 'Full', '90–120 ml', '7–8'],
+      ['3–6 months', 'Full', '120–150 ml', '5–6'],
+      ['6+ months', 'Full', '150–180 ml', '4–5'],
+    ]},
+    { type: 'tip', html: 'A reliable sign of adequate feeding is wet nappy count: 5–6 heavy nappies per day from day five indicate good hydration.' },
+    { type: 'title', text: 'Breastfeeding vs formula', level: 3 },
+    { type: 'comparative', columns: 2, items: [
+      { title: 'Breastfeeding', description: 'Natural on-demand feeding.', points: ['No fixed schedule', 'Active antibodies', 'Variable composition', 'Hard to quantify'] },
+      { title: 'Formula', description: 'Scheduled feeds with measurable volume.', points: ['Every 3–4 hours', 'Stable composition', 'Easy to track intake', 'Requires sterile preparation'] },
+    ]},
+    { type: 'list', items: [
+      'Adequate weight gain: 150–200 g/week in the first month',
+      'At least 5–6 wet nappies per day',
+      'Baby is calm after feeds',
+      'Urine is clear or very pale yellow',
+    ]},
+  ],
+  faqTitle: "Frequently asked questions",
+  faq,
+  bibliographyTitle: "References",
+  bibliography: [
+    {
+      name: 'WHO - Infant and young child feeding',
+      url: 'https://www.who.int/health-topics/infant-feeding',
+    },
+    {
+      name: 'American Academy of Pediatrics - Breastfeeding Guidelines',
+      url: 'https://www.aap.org/en/patient-care/breastfeeding/',
+    },
+    {
+      name: 'La Leche League International',
+      url: 'https://www.llli.org',
+    },
+    {
+      name: 'UNICEF - Breastfeeding',
+      url: 'https://www.unicef.org/nutrition/index_24824.html',
+    },
+  ],
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/baby-feeding-calculator/i18n/es.ts

@@ -0,0 +1,162 @@
+import type { BabyFeedingCalculatorLocaleContent } from '../index';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+
+const slug = 'calculadora-tomas-bebe';
+const title = 'Calculadora de Tomas del Bebé';
+const description = 'Calcula cuánta leche necesita tu bebé según su peso y edad. Tomas recomendadas, mililitros por toma y señales de hambre y saciedad.';
+
+const faq = [
+  {
+    question: '¿Cuánta leche necesita un recién nacido?',
+    answer: 'En el primer día de vida, el estómago del bebé tiene el tamaño de una cereza y solo necesita entre 5 y 7 ml por toma. A partir del quinto día la capacidad crece hasta los 45–60 ml y las necesidades aumentan progresivamente.',
+  },
+  {
+    question: '¿Con qué frecuencia debe comer un bebé?',
+    answer: 'Los recién nacidos necesitan entre 8 y 12 tomas al día. A los 3 meses suelen espaciarse a 7–8 tomas, y a los 6 meses a unas 5 tomas diarias.',
+  },
+  {
+    question: '¿Cómo sé si mi bebé está comiendo suficiente?',
+    answer: 'Los indicadores más fiables son: ganancia de peso adecuada, al menos 5–6 pañales mojados al día y que el bebé muestre señales de saciedad tras las tomas.',
+  },
+  {
+    question: '¿La lactancia materna y la fórmula tienen las mismas cantidades?',
+    answer: 'Con lactancia materna se recomienda alimentar a libre demanda sin medir volúmenes. Con fórmula, la referencia habitual es 150 ml por kg de peso al día, distribuidos en el número de tomas según la edad.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Selecciona la edad del bebé',
+    text: 'Elige la unidad (días, semanas o meses) y ajusta el valor con el slider o los botones.',
+  },
+  {
+    name: 'Introduce el peso del bebé',
+    text: 'Usa el slider de peso o los botones para ajustar el peso actual del bebé en kilogramos.',
+  },
+  {
+    name: 'Selecciona el tipo de alimentación',
+    text: 'Elige entre pecho, mixta o fórmula para obtener la guía más adaptada.',
+  },
+  {
+    name: 'Consulta el plan recomendado',
+    text: 'La calculadora muestra el número de tomas, mililitros por toma y el total diario estimado.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
+export const content: BabyFeedingCalculatorLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    labelConfig: 'Configuración actual',
+    labelPlan: 'Plan recomendado',
+    unitDays: 'días',
+    unitWeeks: 'semanas',
+    unitMonths: 'meses',
+    labelWeight: 'Peso del bebé',
+    labelFeedType: 'Tipo de alimentación',
+    feedBreast: 'Pecho',
+    feedMixed: 'Mixta',
+    feedFormula: 'Fórmula',
+    labelFreeDemand: 'Libre demanda',
+    labelMlPerFeed: 'ml por cada toma',
+    labelFeedsCount: 'Tomas / 24h',
+    labelDailyTotal: 'Total diario (est.)',
+    labelHunger: 'Señales de hambre',
+    labelFullness: 'Señales de saciedad',
+    faqTitle: 'Preguntas frecuentes',
+    bibliographyTitle: 'Referencias',
+  },
+  seo: [
+    { type: 'summary', title: 'Resumen: Alimentación del bebé', items: [
+      'La capacidad gástrica del recién nacido es de apenas 5–7 ml en el primer día.',
+      'La referencia general para fórmula es 150 ml por kg de peso al día.',
+      'La lactancia materna se ofrece a libre demanda sin volúmenes fijos.',
+      'La frecuencia disminuye con la edad: de 8–12 tomas a 4–5 en 6 meses.',
+    ]},
+    { type: 'title', text: '¿Cuánta leche necesita mi bebé según su peso y edad?', level: 2 },
+    { type: 'paragraph', html: 'Las necesidades de leche cambian rápidamente en los primeros meses. La calculadora estima la cantidad según el peso actual y la edad del bebé, siguiendo las pautas pediátricas de la OMS y la AAP.' },
+    { type: 'stats', columns: 3, items: [
+      { value: '5–7 ml', label: 'Día 1 (tamaño cereza)' },
+      { value: '150 ml/kg', label: 'Referencia diaria fórmula' },
+      { value: '8–12', label: 'Tomas/día recién nacido' },
+    ]},
+    { type: 'title', text: 'Tamaño del estómago por edad', level: 3 },
+    { type: 'table', headers: ['Edad', 'Tamaño ref.', 'Capacidad', 'Tomas/día'], rows: [
+      ['Día 1', 'Cereza', '5–7 ml', '8–12'],
+      ['Días 2–4', 'Nuez', '22–27 ml', '8–12'],
+      ['Días 5–30', 'Huevo', '45–60 ml', '8–10'],
+      ['1–3 meses', 'Máxima', '90–120 ml', '7–8'],
+      ['3–6 meses', 'Máxima', '120–150 ml', '5–6'],
+      ['6+ meses', 'Máxima', '150–180 ml', '4–5'],
+    ]},
+    { type: 'tip', html: 'Un indicador fiable de alimentación adecuada es el número de pañales mojados: entre 5 y 6 al día a partir del quinto día indican buena hidratación.' },
+    { type: 'title', text: 'Lactancia materna vs fórmula', level: 3 },
+    { type: 'comparative', columns: 2, items: [
+      { title: 'Lactancia materna', description: 'Alimentación natural a libre demanda.', points: ['Sin horario fijo', 'Anticuerpos activos', 'Composición variable', 'Difícil cuantificar'] },
+      { title: 'Leche de fórmula', description: 'Tomas programadas con volumen calculable.', points: ['Cada 3–4 horas', 'Composición estable', 'Fácil controlar ingesta', 'Requiere preparación estéril'] },
+    ]},
+    { type: 'list', items: [
+      'Ganancia de peso adecuada: 150–200 g/semana en el primer mes',
+      'Al menos 5–6 pañales mojados al día',
+      'El bebé se muestra tranquilo tras las tomas',
+      'Orina clara o amarillo muy pálido',
+    ]},
+  ],
+  faqTitle: "Preguntas frecuentes",
+  faq,
+  bibliographyTitle: "Referencias",
+  bibliography: [
+    {
+      name: 'OMS - Alimentación del lactante y del niño pequeño',
+      url: 'https://www.who.int/es/health-topics/infant-feeding',
+    },
+    {
+      name: 'American Academy of Pediatrics - Breastfeeding Guidelines',
+      url: 'https://www.aap.org/en/patient-care/breastfeeding/',
+    },
+    {
+      name: 'La Liga de la Leche Internacional',
+      url: 'https://www.llli.org',
+    },
+    {
+      name: 'Asociación Española de Pediatría - Lactancia materna',
+      url: 'https://www.aeped.es/comite-lactancia-materna',
+    },
+  ],
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};