@jjlmoya/utils-pets 1.1.0

package/src/tool/petRation/component.astro

@@ -0,0 +1,181 @@
+---
+import { Icon } from 'astro-icon/components';
+import type { PetRationUI } from './index';
+import './style.css';
+
+interface Props {
+  ui: PetRationUI;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="pet-ration-calculator-final" id="calcWrapper" data-ui={JSON.stringify(ui)}>
+  <div class="calc-loader" id="calcLoader">
+    <Icon name="mdi:loading" class="loader-spinner" />
+  </div>
+
+  <div class="calc-container">
+    <div class="calc-section">
+      <h3 class="section-title">{ui.sectionProfile}</h3>
+
+      <div class="input-item">
+        <label class="item-label">{ui.labelAnimal}</label>
+        <div class="species-selector-v2">
+          <input type="radio" name="petType" id="pet-dog" value="dog" checked />
+          <label for="pet-dog" class="btn-species">
+            <Icon name="mdi:dog" class="icon-v2" /> {ui.speciesDog}
+          </label>
+          <input type="radio" name="petType" id="pet-cat" value="cat" />
+          <label for="pet-cat" class="btn-species">
+            <Icon name="mdi:cat" class="icon-v2" /> {ui.speciesCat}
+          </label>
+          <input type="radio" name="petType" id="pet-rabbit" value="rabbit" />
+          <label for="pet-rabbit" class="btn-species">
+            <Icon name="mdi:rabbit" class="icon-v2" /> {ui.speciesRabbit}
+          </label>
+        </div>
+      </div>
+
+      <div class="input-item">
+        <label class="item-label">{ui.labelStage}</label>
+        <div class="segmented-v2">
+          <input type="radio" name="lifeStage" id="stage-puppy" value="puppy" />
+          <label for="stage-puppy">{ui.stagePuppy}</label>
+          <input type="radio" name="lifeStage" id="stage-adult" value="adult" checked />
+          <label for="stage-adult">{ui.stageAdult}</label>
+          <input type="radio" name="lifeStage" id="stage-senior" value="senior" />
+          <label for="stage-senior">{ui.stageSenior}</label>
+        </div>
+      </div>
+
+      <div class="input-item">
+        <div class="label-row-v2">
+          <label class="item-label">{ui.labelWeight}</label>
+          <div class="val-badge"><span id="weightDisplay">10</span> kg</div>
+        </div>
+        <input type="range" id="weightRange" min="1" max="85" step="0.5" value="10" class="range-v2" />
+      </div>
+
+      <div class="input-item">
+        <label class="item-label">{ui.labelActivity}</label>
+        <div class="segmented-v2 activity-box">
+          <input type="radio" name="activity" id="act-low" value="low" />
+          <label for="act-low">{ui.activityLow}</label>
+          <input type="radio" name="activity" id="act-mod" value="mod" checked />
+          <label for="act-mod">{ui.activityMod}</label>
+          <input type="radio" name="activity" id="act-high" value="high" />
+          <label for="act-high">{ui.activityHigh}</label>
+        </div>
+      </div>
+    </div>
+
+    <div class="calc-section">
+      <h3 class="section-title">{ui.sectionDiet}</h3>
+
+      <div class="input-item">
+        <label class="item-label">{ui.labelDietType}</label>
+        <div class="ratio-presets">
+          <input type="radio" name="dietRatioPreset" id="r-dry" value="0" checked />
+          <label for="r-dry">{ui.dietDry}</label>
+          <input type="radio" name="dietRatioPreset" id="r-mixed" value="25" />
+          <label for="r-mixed">{ui.dietMixed25}</label>
+          <input type="radio" name="dietRatioPreset" id="r-half" value="50" />
+          <label for="r-half">{ui.dietHalf}</label>
+          <input type="radio" name="dietRatioPreset" id="r-wet" value="100" />
+          <label for="r-wet">{ui.dietWet}</label>
+        </div>
+        <div class="custom-ratio-link" id="showManualSlider">{ui.manualAdjust}</div>
+        <div class="manual-slider-box" id="manualSliderBox" style="display: none;">
+          <input type="range" id="dietRatioRange" min="0" max="100" step="5" value="0" class="range-v2 ratio-slider" />
+          <div class="ratio-labels">
+            <span>{ui.wetPercentLabel}</span>
+            <strong id="ratioValDisplay">0%</strong>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="results-v2">
+      <div class="res-cards-v2">
+        <div class="res-card-v2 dry" id="dryResCard">
+          <span class="res-tag">{ui.tagDry}</span>
+          <span class="res-num"><span id="dryResVal">0</span><small>g</small></span>
+        </div>
+        <div class="res-card-v2 wet" id="wetResCard" style="display: none;">
+          <span class="res-tag">{ui.tagWet}</span>
+          <span class="res-num"><span id="wetResVal">0</span><small>g</small></span>
+        </div>
+      </div>
+      <div class="res-footer-v2">
+        <div class="total-info">
+          <Icon name="mdi:chart-donut" class="footer-icon" />
+          {ui.totalKcal}: <strong id="kcalTotalVal">0</strong> {ui.kcalUnit}
+        </div>
+        <div class="status-box-v2" id="statusBoxV2">{ui.statusDefault}</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { getFormState, setRadioValue, setMaxWeightRange, getStoredConfig, applyPresetLogic, updateDisplay } from "./handlers";
+
+  function setupRationListeners(calculate: () => void, weightRange: HTMLInputElement, ratioRange: HTMLInputElement) {
+    document.getElementById("calcWrapper")?.addEventListener("input", calculate);
+    document.getElementById("calcWrapper")?.addEventListener("change", calculate);
+
+    const manualBox = document.getElementById("manualSliderBox");
+    const showManual = document.getElementById("showManualSlider");
+    showManual?.addEventListener("click", () => {
+      if (manualBox) manualBox.style.display = "block";
+      if (showManual) showManual.style.display = "none";
+    });
+
+    const presets = document.getElementsByName("dietRatioPreset") as NodeListOf<HTMLInputElement>;
+    presets.forEach((preset) => {
+      preset.addEventListener("change", () => {
+        ratioRange.value = preset.value;
+        calculate();
+      });
+    });
+
+    document.getElementsByName("petType").forEach((radio) => {
+      radio.addEventListener("change", () => {
+        setMaxWeightRange((radio as HTMLInputElement).value);
+        calculate();
+      });
+    });
+  }
+
+  function initPetRation() {
+    const wrapper = document.getElementById("calcWrapper");
+    const weightRange = document.getElementById("weightRange") as HTMLInputElement;
+    const ratioRange = document.getElementById("dietRatioRange") as HTMLInputElement;
+    if (!wrapper || !weightRange || !ratioRange) return;
+
+    const uiData = JSON.parse(wrapper.dataset.ui || "{}");
+    const config = getStoredConfig();
+
+    setRadioValue("petType", config.s);
+    setRadioValue("lifeStage", config.st);
+    setRadioValue("activity", config.a);
+    weightRange.value = config.w;
+    ratioRange.value = config.r;
+    setMaxWeightRange(config.s);
+    applyPresetLogic(config.r);
+
+    const calculate = () => updateDisplay(getFormState(), uiData);
+    setupRationListeners(calculate, weightRange, ratioRange);
+
+    calculate();
+    document.getElementById("calcLoader")?.classList.add("hidden");
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initPetRation);
+  } else {
+    initPetRation();
+  }
+  document.addEventListener("astro:page-load", initPetRation);
+</script>

package/src/tool/petRation/handlers.ts

@@ -0,0 +1,139 @@
+import { calculateRER, calculateDER, calculateRation, getStatusKey, WEIGHT_RANGES } from "./logic";
+import type { RationSpecies, LifeStage, ActivityLevel } from "./logic";
+
+export interface RationState {
+  species: RationSpecies;
+  stage: LifeStage;
+  activity: ActivityLevel;
+  weight: number;
+  wetPct: number;
+}
+
+function getSelectedValue(name: string): string {
+  return (document.querySelector(`input[name="${name}"]:checked`) as HTMLInputElement)?.value || "";
+}
+
+function getInputValues() {
+  const weightRange = document.getElementById("weightRange") as HTMLInputElement;
+  const ratioRange = document.getElementById("dietRatioRange") as HTMLInputElement;
+  return {
+    weight: parseFloat(weightRange?.value || "0") || 0,
+    wetPct: parseInt(ratioRange?.value || "0") / 100,
+  };
+}
+
+export function getFormState(): RationState {
+  const { weight, wetPct } = getInputValues();
+  return {
+    species: (getSelectedValue("petType") || "dog") as RationSpecies,
+    stage: (getSelectedValue("lifeStage") || "adult") as LifeStage,
+    activity: (getSelectedValue("activity") || "mod") as ActivityLevel,
+    weight,
+    wetPct,
+  };
+}
+
+export function setRadioValue(name: string, value: string): void {
+  const el = document.querySelector(`input[name="${name}"][value="${value}"]`) as HTMLInputElement;
+  if (el) el.checked = true;
+}
+
+export function setMaxWeightRange(species: string): void {
+  const weightRange = document.getElementById("weightRange") as HTMLInputElement;
+  if (weightRange) {
+    weightRange.max = (WEIGHT_RANGES[species as RationSpecies] || 85).toString();
+  }
+}
+
+function getParamOrStored(param: string, storedKey: string, defaultVal: string) {
+  const params = new URLSearchParams(window.location.search);
+  const stored = JSON.parse(localStorage.getItem("pet_v2_state") || "{}");
+  return params.get(param) || stored[storedKey] || defaultVal;
+}
+
+export function getStoredConfig() {
+  const params = new URLSearchParams(window.location.search);
+  const stored = JSON.parse(localStorage.getItem("pet_v2_state") || "{}");
+  const defaultR = stored.wetPct ? (stored.wetPct * 100).toString() : "0";
+
+  return {
+    s: getParamOrStored("s", "species", "dog"),
+    st: getParamOrStored("st", "stage", "adult"),
+    a: getParamOrStored("a", "activity", "mod"),
+    w: getParamOrStored("w", "weight", "10"),
+    r: params.get("r") || defaultR,
+  };
+}
+
+export function applyPresetLogic(ratioValue: string): void {
+  const presets = document.getElementsByName("dietRatioPreset") as NodeListOf<HTMLInputElement>;
+  const manualBox = document.getElementById("manualSliderBox");
+  const showManual = document.getElementById("showManualSlider");
+
+  const preset = Array.from(presets).find((p) => p.value === ratioValue);
+  if (preset) {
+    preset.checked = true;
+  } else if (manualBox && ratioValue !== "0" && ratioValue !== "100") {
+    manualBox.style.display = "block";
+    if (showManual) showManual.style.display = "none";
+  }
+}
+
+interface CalcResult {
+  dryGrams: number;
+  wetGrams: number;
+  der: number;
+}
+
+function updateResultNumbers(state: RationState, result: CalcResult, uiData: Record<string, string>): void {
+  const weightDisplay = document.getElementById("weightDisplay");
+  if (weightDisplay) weightDisplay.innerText = state.weight.toString();
+
+  const ratioLabel = document.getElementById("ratioValDisplay");
+  if (ratioLabel) ratioLabel.innerText = `${Math.round(state.wetPct * 100)}%`;
+
+  const dryVal = document.getElementById("dryResVal");
+  if (dryVal) dryVal.innerText = result.dryGrams.toString();
+
+  const wetVal = document.getElementById("wetResVal");
+  if (wetVal) wetVal.innerText = result.wetGrams.toString();
+
+  const kcalTotal = document.getElementById("kcalTotalVal");
+  if (kcalTotal) kcalTotal.innerText = Math.round(result.der).toString();
+
+  const status = document.getElementById("statusBoxV2");
+  if (status) status.innerText = uiData[getStatusKey(state.species, state.stage, state.weight)] || "";
+}
+
+function updateCardVisibility(state: RationState): void {
+  const dryCard = document.getElementById("dryResCard");
+  if (dryCard) dryCard.style.display = (1 - state.wetPct) > 0 ? "flex" : "none";
+
+  const wetCard = document.getElementById("wetResCard");
+  if (wetCard) wetCard.style.display = state.wetPct > 0 ? "flex" : "none";
+}
+
+function updateStateAndUrl(state: RationState): void {
+  localStorage.setItem(
+    "pet_v2_state",
+    JSON.stringify({ species: state.species, stage: state.stage, activity: state.activity, weight: state.weight, wetPct: state.wetPct })
+  );
+
+  const url = new URL(window.location.href);
+  url.searchParams.set("w", state.weight.toString());
+  url.searchParams.set("s", state.species);
+  url.searchParams.set("st", state.stage);
+  url.searchParams.set("a", state.activity);
+  url.searchParams.set("r", document.getElementById("dietRatioRange")?.value || "0");
+  window.history.replaceState({}, "", url.toString());
+}
+
+export function updateDisplay(state: RationState, uiData: Record<string, string>): void {
+  const rer = calculateRER(state.weight);
+  const der = calculateDER(rer, state.species, state.stage, state.activity);
+  const { dryGrams, wetGrams } = calculateRation(der, state.wetPct);
+
+  updateResultNumbers(state, { dryGrams, wetGrams, der }, uiData);
+  updateCardVisibility(state);
+  updateStateAndUrl(state);
+}

package/src/tool/petRation/i18n/en.ts

@@ -0,0 +1,161 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { PetRationUI, PetRationLocaleContent } from '../index';
+
+const slug = 'pet-daily-ration-calculator';
+const title = 'Pet Daily Ration Calculator | Canine and Feline Nutrition';
+const description = 'Calculate the exact amount of food your dog or cat needs. Tool based on veterinary RER and DER formulas for a healthy weight.';
+
+const ui: PetRationUI = {
+  toolTitle: 'Daily Ration Calculator',
+  sectionProfile: '1. Pet Profile',
+  labelAnimal: 'Animal',
+  labelStage: 'Life Stage',
+  labelWeight: 'Body Weight',
+  labelActivity: 'Physical Activity',
+  sectionDiet: '2. Diet and Food',
+  labelDietType: 'Feeding Type',
+  speciesDog: 'Dog',
+  speciesCat: 'Cat',
+  speciesRabbit: 'Rabbit',
+  stagePuppy: 'Puppy',
+  stageAdult: 'Adult',
+  stageSenior: 'Senior',
+  activityLow: 'Low',
+  activityMod: 'Normal',
+  activityHigh: 'High',
+  dietDry: 'Dry Only',
+  dietMixed25: 'Mixed (25%)',
+  dietHalf: 'Half (50%)',
+  dietWet: 'Wet Only',
+  manualAdjust: 'Manual adjustment (1-99%)',
+  wetPercentLabel: '% wet food in diet',
+  tagDry: 'Dry',
+  tagWet: 'Wet',
+  totalKcal: 'Total',
+  kcalUnit: 'kcal/day',
+  statusPuppy: 'Rapid growth phase',
+  statusSenior: 'Mature metabolism',
+  statusLargeDog: 'Large breed: Joint care',
+  statusDefault: 'Balanced weight',
+};
+
+const faq: PetRationLocaleContent['faq'] = [
+  {
+    question: 'What is the RER and why is it important?',
+    answer: 'The RER (Resting Energy Requirement) is the minimum energy your pet needs to maintain its basic vital functions at rest. It is the scientific basis for calculating the daily ration, avoiding under or overfeeding.',
+  },
+  {
+    question: 'How does sterilisation affect my pet\'s ration?',
+    answer: 'Sterilised animals tend to have a basal metabolism about 15-20% lower. They may need a slightly smaller ration or an activity level adjusted to Low in the calculator to avoid weight gain.',
+  },
+  {
+    question: 'Can I use this calculator for puppies?',
+    answer: 'Growing puppies have much higher energy needs (up to 3 times the RER). This calculator is optimised for adult dogs and cats. For puppies, always consult your vet for a specific growth plan.',
+  },
+  {
+    question: 'How many times a day should I distribute the ration?',
+    answer: 'The ideal is to spread the total resulting quantity over 2 or 3 meals a day. This helps maintain stable glucose levels and improves digestion, especially in breeds prone to gastric torsion.',
+  },
+];
+
+const howTo: PetRationLocaleContent['howTo'] = [
+  { name: 'Select the species', text: 'Indicate whether the calculation is for a dog or cat, as their metabolisms and weight limits vary.' },
+  { name: 'Adjust the weight', text: 'Move the slider to your pet\'s current weight in kilograms.' },
+  { name: 'Define their activity', text: 'Choose between low, normal or high activity based on the actual daily exercise your companion does.' },
+  { name: 'Enter the food calories', text: 'Look on the pet food packaging for the kcal/kg value so the gram calculation is exact.' },
+];
+
+const bibliography: PetRationLocaleContent['bibliography'] = [
+  { name: 'WSAVA: Nutrition Toolkit and Calorie Recommendations', url: 'https://wsava.org/global-guidelines/global-nutrition-guidelines/' },
+  { name: 'FEDIAF: Nutritional Guidelines for Complete and Complementary Pet Food', url: 'https://fediaf.org/self-regulation/nutrition.html' },
+];
+
+const seo: PetRationLocaleContent['seo'] = [
+  {
+    type: 'summary',
+    title: 'Principles of Veterinary Nutrition',
+    items: [
+      'The RER formula is: 70 × (weight in kg)^0.75. It is the basis of all veterinary caloric calculation.',
+      'DER multiplies RER by the animal\'s lifestyle factor.',
+      'A neutered dog needs up to 20% fewer calories than an intact one.',
+      'Obesity affects 50% of pets and significantly reduces their life expectancy.',
+    ],
+  },
+  { type: 'title', text: 'Complete Guide to Calculating Your Pet\'s Daily Ration', level: 2 },
+  {
+    type: 'paragraph',
+    html: 'Feeding a dog or cat correctly is not just a matter of filling their bowl each morning. Nutrition is the fundamental pillar of their health, longevity and emotional wellbeing. A <strong>daily ration calculator for pets</strong> is an essential tool for any responsible owner who wants to avoid the two most common problems in current veterinary nutrition: malnutrition from lack of nutrients and, especially, obesity, which affects more than 50% of pets in developed countries.',
+  },
+  {
+    type: 'paragraph',
+    html: 'In this guide we will explore the scientific foundations behind caloric calculations, how to interpret food labels and how factors such as age, physical activity level and physiological status influence the amount of food your companion needs each day.',
+  },
+  { type: 'title', text: 'The Science Behind the Calculations: RER and DER', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'To determine how much an animal should eat, vets and nutritionists use two key concepts: the RER and the DER.',
+  },
+  {
+    type: 'stats',
+    items: [
+      { label: 'RER: Resting energy', value: '70 × kg^0.75' },
+      { label: 'Puppy factor', value: '×2.5 - ×3.5' },
+      { label: 'Active adult factor', value: '×1.6 - ×2.0' },
+      { label: 'Senior factor', value: '×1.0 - ×1.4' },
+    ],
+  },
+  { type: 'title', text: 'How to Read Your Pet Food Label', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'For the calculator to give you exact grams, you need to know the <strong>caloric density</strong> of the product. This value is usually expressed as kcal/kg or kcal/100g.',
+  },
+  {
+    type: 'stats',
+    items: [
+      { label: 'Light kibble', value: '~3000 kcal/kg' },
+      { label: 'Adult kibble', value: '~3500 kcal/kg' },
+      { label: 'Puppy kibble', value: '~4000 kcal/kg' },
+      { label: 'Wet food', value: '~1000 kcal/kg' },
+    ],
+  },
+  {
+    type: 'tip',
+    title: 'Nutritional Note',
+    html: 'Every pet is an individual. The calculator offers a solid starting point, but you should always monitor body condition by feeling your pet\'s ribs. If you can feel them without pressing hard, the weight is correct.',
+  },
+  { type: 'title', text: 'Nutrition in Cats vs Dogs', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'Cats are obligate carnivores and their protein metabolism is unique. In dogs, we must be careful with excess carbohydrates. Both benefit from a controlled ration that avoids excessive load on the joints and cardiovascular system.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Spending a few minutes calculating the exact ration is one of the most effective forms of preventive medicine available to pet owners today. A healthy weight drastically reduces the risk of diabetes, heart problems, and joint disease. Your vet can confirm whether your animal\'s body condition is correct with a simple physical examination at any routine visit.',
+  },
+];
+
+const schemas: PetRationLocaleContent['schemas'] = [
+  {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description: description,
+    applicationCategory: 'UtilityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  } as WithContext<SoftwareApplication>,
+];
+
+export const content: PetRationLocaleContent = {
+  faqTitle: 'Frequently Asked Questions',
+  bibliographyTitle: 'Bibliography',
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas,
+};

package/src/tool/petRation/i18n/es.ts

@@ -0,0 +1,161 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { PetRationUI, PetRationLocaleContent } from '../index';
+
+const slug = 'calculadora-racion-diaria-mascotas';
+const title = 'Calculadora de Ración Diaria para Mascotas | Nutrición Canina y Felina';
+const description = 'Calcula la cantidad exacta de comida que necesita tu perro o gato. Herramienta basada en fórmulas veterinarias RER y DER para un peso saludable.';
+
+const ui: PetRationUI = {
+  toolTitle: 'Calculadora de Ración Diaria',
+  sectionProfile: '1. Perfil de la Mascota',
+  labelAnimal: 'Animal',
+  labelStage: 'Etapa Vital',
+  labelWeight: 'Peso Corporal',
+  labelActivity: 'Actividad Física',
+  sectionDiet: '2. Dieta y Alimento',
+  labelDietType: 'Tipo de Alimentación',
+  speciesDog: 'Perro',
+  speciesCat: 'Gato',
+  speciesRabbit: 'Conejo',
+  stagePuppy: 'Cachorro',
+  stageAdult: 'Adulto',
+  stageSenior: 'Senior',
+  activityLow: 'Baja',
+  activityMod: 'Normal',
+  activityHigh: 'Alta',
+  dietDry: 'Solo Seco',
+  dietMixed25: 'Mixta (25%)',
+  dietHalf: 'Mitad (50%)',
+  dietWet: 'Solo Húmedo',
+  manualAdjust: 'Ajuste manual (1-99%)',
+  wetPercentLabel: '% de comida húmeda en la dieta',
+  tagDry: 'Seco',
+  tagWet: 'Húmedo',
+  totalKcal: 'Total',
+  kcalUnit: 'kcal/día',
+  statusPuppy: 'Fase de crecimiento rápido',
+  statusSenior: 'Metabolismo maduro',
+  statusLargeDog: 'Raza grande: Control articular',
+  statusDefault: 'Peso equilibrado',
+};
+
+const faq: PetRationLocaleContent['faq'] = [
+  {
+    question: '¿Qué es el RER y por qué es importante?',
+    answer: 'El RER (Resting Energy Requirement) es la energía mínima que tu mascota necesita para mantener sus funciones vitales básicas en reposo. Es la base científica para calcular la ración diaria evitando el infra o sobre-alimentación.',
+  },
+  {
+    question: '¿Cómo influye la esterilización en la ración de mi mascota?',
+    answer: 'Los animales esterilizados suelen tener un metabolismo basal un 15-20% más bajo. Por ello, es común que necesiten una ración ligeramente menor o un nivel de actividad ajustado a Baja en la calculadora para evitar el aumento de peso.',
+  },
+  {
+    question: '¿Puedo usar esta calculadora para cachorros?',
+    answer: 'Los cachorros en crecimiento tienen necesidades energéticas mucho más altas (hasta 3 veces el RER). Esta calculadora está optimizada para perros y gatos adultos. Para cachorros, consulta siempre con tu veterinario para un plan de crecimiento específico.',
+  },
+  {
+    question: '¿Cuántas veces al día debo repartir la ración?',
+    answer: 'Lo ideal es repartir la cantidad total resultante en 2 o 3 tomas al día. Esto ayuda a mantener niveles de glucosa estables y mejora la digestión, especialmente en razas propensas a la torsión gástrica.',
+  },
+];
+
+const howTo: PetRationLocaleContent['howTo'] = [
+  { name: 'Selecciona la especie', text: 'Indica si el cálculo es para un perro o un gato, ya que sus metabolismos y límites de peso varían.' },
+  { name: 'Ajusta el peso', text: 'Mueve el deslizador hasta el peso actual de tu mascota en kilogramos.' },
+  { name: 'Define su actividad', text: 'Elige entre actividad baja, normal o alta basándote en el ejercicio diario real que realiza tu compañero.' },
+  { name: 'Introduce las calorías del alimento', text: 'Busca en el envase del pienso el valor de kcal/kg para que el cálculo en gramos sea exacto.' },
+];
+
+const bibliography: PetRationLocaleContent['bibliography'] = [
+  { name: 'WSAVA: Nutrition Toolkit and Calorie Recommendations', url: 'https://wsava.org/global-guidelines/global-nutrition-guidelines/' },
+  { name: 'FEDIAF: Nutritional Guidelines for Complete and Complementary Pet Food', url: 'https://fediaf.org/self-regulation/nutrition.html' },
+];
+
+const seo: PetRationLocaleContent['seo'] = [
+  {
+    type: 'summary',
+    title: 'Principios de Nutrición Veterinaria',
+    items: [
+      'La fórmula RER es: 70 × (peso en kg)^0.75. Es la base de todo cálculo calórico veterinario.',
+      'El DER multiplica el RER por el factor de estilo de vida del animal.',
+      'Un perro esterilizado necesita hasta un 20% menos de calorías que uno entero.',
+      'La obesidad afecta al 50% de mascotas y reduce significativamente su esperanza de vida.',
+    ],
+  },
+  { type: 'title', text: 'Guía Completa para Calcular la Ración Diaria de tu Mascota', level: 2 },
+  {
+    type: 'paragraph',
+    html: 'Alimentar correctamente a un perro o un gato no es solo una cuestión de llenar su cuenco cada mañana. La nutrición es el pilar fundamental de su salud, longevidad y bienestar emocional. Una <strong>calculadora de ración diaria para mascotas</strong> es una herramienta esencial para cualquier propietario responsable que desee evitar los dos problemas más comunes en la nutrición veterinaria actual: la desnutrición por falta de nutrientes y, especialmente, la obesidad, que afecta a más del 50% de las mascotas en países desarrollados.',
+  },
+  {
+    type: 'paragraph',
+    html: 'En esta guía exploraremos los fundamentos científicos detrás de los cálculos calóricos, cómo interpretar las etiquetas de los alimentos y de qué manera factores como la edad, el nivel de actividad física y el estado fisiológico influyen en la cantidad de alimento que tu compañero necesita cada día.',
+  },
+  { type: 'title', text: 'La Ciencia Detrás de los Cálculos: RER y DER', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'Para determinar cuánto debe comer un animal, los veterinarios y nutricionistas utilizan dos conceptos clave: el RER y el DER.',
+  },
+  {
+    type: 'stats',
+    items: [
+      { label: 'RER: Energía en reposo', value: '70 × kg^0.75' },
+      { label: 'Factor cachorro', value: '×2.5 - ×3.5' },
+      { label: 'Factor adulto activo', value: '×1.6 - ×2.0' },
+      { label: 'Factor senior', value: '×1.0 - ×1.4' },
+    ],
+  },
+  { type: 'title', text: 'Cómo Leer la Etiqueta de tu Pienso', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'Para que la calculadora te dé los gramos exactos, necesitas conocer la <strong>densidad calórica</strong> del producto. Este valor suele expresarse como kcal/kg o kcal/100g.',
+  },
+  {
+    type: 'stats',
+    items: [
+      { label: 'Pienso Light', value: '~3000 kcal/kg' },
+      { label: 'Pienso Adulto', value: '~3500 kcal/kg' },
+      { label: 'Pienso Puppy', value: '~4000 kcal/kg' },
+      { label: 'Comida Húmeda', value: '~1000 kcal/kg' },
+    ],
+  },
+  {
+    type: 'tip',
+    title: 'Nota Nutricional',
+    html: 'Cada mascota es un individuo. La calculadora ofrece un punto de partida sólido, pero siempre debes monitorizar la condición corporal palpando las costillas de tu mascota. Si las notas sin tener que apretar, el peso es correcto.',
+  },
+  { type: 'title', text: 'Nutrición en Gatos vs Perros', level: 3 },
+  {
+    type: 'paragraph',
+    html: 'Los gatos son carnívoros obligados y su metabolismo proteico es único. En perros, debemos tener cuidado con los excesos de carbohidratos. Ambos se benefician de una ración controlada que evite la carga excesiva sobre las articulaciones y el sistema cardiovascular. Un peso saludable reduce el riesgo de diabetes y problemas cardíacos drásticamente.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Invertir minutos en calcular la ración exacta es medicina preventiva. Un peso saludable reduce el riesgo de diabetes y problemas cardíacos drásticamente. Tu veterinario puede confirmar si la condición corporal de tu animal es la correcta con una simple exploración física.',
+  },
+];
+
+const schemas: PetRationLocaleContent['schemas'] = [
+  {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description: description,
+    applicationCategory: 'UtilityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  } as WithContext<SoftwareApplication>,
+];
+
+export const content: PetRationLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faqTitle: 'Preguntas Frecuentes',
+  faq,
+  bibliographyTitle: 'Referencias Bibliográficas',
+  bibliography,
+  howTo,
+  schemas,
+};