@jjlmoya/utils-tools 1.1.0

package/src/tool/date-diff-calculator/component.astro

@@ -0,0 +1,370 @@
+---
+import type { DateDiffCalculatorUI } from './ui';
+
+interface Props {
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as DateDiffCalculatorUI;
+---
+
+<div class="dd-root" data-ui={JSON.stringify(t)}>
+  <div class="dd-card">
+    <div class="dd-inputs">
+      <div class="dd-field">
+        <label class="dd-label" for="dd-start">{t.startLabel}</label>
+        <input class="dd-input" type="datetime-local" id="dd-start" />
+        <div class="dd-quick">
+          <button class="dd-quick-btn" type="button" data-action="now" data-target="dd-start">{t.nowBtn}</button>
+          <button class="dd-quick-btn" type="button" data-action="today" data-target="dd-start">{t.todayBtn}</button>
+        </div>
+      </div>
+
+      <div class="dd-field">
+        <label class="dd-label" for="dd-end">{t.endLabel}</label>
+        <input class="dd-input" type="datetime-local" id="dd-end" />
+        <div class="dd-quick">
+          <button class="dd-quick-btn" type="button" data-action="now" data-target="dd-end">{t.nowBtn}</button>
+          <button class="dd-quick-btn" type="button" data-action="tomorrow" data-target="dd-end">{t.tomorrowBtn}</button>
+        </div>
+      </div>
+    </div>
+
+    <div class="dd-result">
+      <div class="dd-result-header">
+        <span class="dd-result-title" id="dd-direction">{t.elapsed}</span>
+      </div>
+
+      <div class="dd-diff-grid">
+        <div class="dd-diff-item">
+          <span class="dd-diff-value" id="dd-days">0</span>
+          <span class="dd-diff-label">{t.daysLabel}</span>
+        </div>
+        <div class="dd-diff-item">
+          <span class="dd-diff-value" id="dd-hours">0</span>
+          <span class="dd-diff-label">{t.hoursLabel}</span>
+        </div>
+        <div class="dd-diff-item">
+          <span class="dd-diff-value" id="dd-mins">0</span>
+          <span class="dd-diff-label">{t.minsLabel}</span>
+        </div>
+        <div class="dd-diff-item">
+          <span class="dd-diff-value" id="dd-secs">0</span>
+          <span class="dd-diff-label">{t.secsLabel}</span>
+        </div>
+      </div>
+
+      <div class="dd-totals">
+        <div class="dd-total-item">
+          <span class="dd-total-value" id="dd-total-weeks">0</span>
+          <span class="dd-total-label">{t.weeksLabel}</span>
+        </div>
+        <div class="dd-total-item">
+          <span class="dd-total-value" id="dd-total-hours">0</span>
+          <span class="dd-total-label">{t.totalHoursLabel}</span>
+        </div>
+        <div class="dd-total-item">
+          <span class="dd-total-value" id="dd-total-mins">0</span>
+          <span class="dd-total-label">{t.totalMinsLabel}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .dd-root {
+    --dd-indigo: #6366f1;
+    --dd-indigo-dark: #4f46e5;
+    --dd-rose: #f43f5e;
+    --dd-card-bg: #fff;
+    --dd-card-border: rgba(0, 0, 0, 0.05);
+    --dd-field-bg: #f8fafc;
+    --dd-field-border: #e2e8f0;
+    --dd-text-main: #1e293b;
+    --dd-text-label: #64748b;
+    --dd-result-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+    --dd-result-text: #fff;
+    --dd-quick-bg: #f1f5f9;
+    --dd-quick-color: #475569;
+
+    width: 100%;
+    max-width: 860px;
+    margin: 0 auto;
+  }
+
+  :global(.theme-dark) .dd-root {
+    --dd-card-bg: #1e293b;
+    --dd-card-border: rgba(255, 255, 255, 0.05);
+    --dd-field-bg: #0f172a;
+    --dd-field-border: #334155;
+    --dd-text-main: #f1f5f9;
+    --dd-text-label: #94a3b8;
+    --dd-quick-bg: #334155;
+    --dd-quick-color: #e2e8f0;
+  }
+
+  .dd-card {
+    background: var(--dd-card-bg);
+    border: 1px solid var(--dd-card-border);
+    border-radius: 2rem;
+    padding: 2.5rem;
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  .dd-inputs {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+  }
+
+  .dd-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .dd-label {
+    font-size: 0.8125rem;
+    font-weight: 600;
+    color: var(--dd-text-label);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .dd-input {
+    background: var(--dd-field-bg);
+    border: 1px solid var(--dd-field-border);
+    border-radius: 0.75rem;
+    padding: 0.75rem 1rem;
+    color: var(--dd-text-main);
+    font-size: 0.9375rem;
+    outline: none;
+    transition: border-color 0.2s;
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .dd-input:focus {
+    border-color: var(--dd-indigo);
+  }
+
+  .dd-quick {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  .dd-quick-btn {
+    background: var(--dd-quick-bg);
+    color: var(--dd-quick-color);
+    border: none;
+    border-radius: 0.5rem;
+    padding: 0.375rem 0.75rem;
+    font-size: 0.8125rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background 0.15s;
+  }
+
+  .dd-quick-btn:hover {
+    background: var(--dd-indigo);
+    color: #fff;
+  }
+
+  .dd-result {
+    background: var(--dd-result-bg);
+    border-radius: 1.5rem;
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .dd-result-header {
+    text-align: center;
+  }
+
+  .dd-result-title {
+    font-size: 0.875rem;
+    font-weight: 700;
+    color: rgba(255, 255, 255, 0.8);
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+  }
+
+  .dd-diff-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 1rem;
+  }
+
+  .dd-diff-item {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 1rem;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.25rem;
+  }
+
+  .dd-diff-value {
+    font-size: 2rem;
+    font-weight: 800;
+    color: var(--dd-result-text);
+    line-height: 1;
+  }
+
+  .dd-diff-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.7);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .dd-totals {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+  }
+
+  .dd-total-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.2rem;
+  }
+
+  .dd-total-value {
+    font-size: 1.125rem;
+    font-weight: 700;
+    color: var(--dd-result-text);
+  }
+
+  .dd-total-label {
+    font-size: 0.6875rem;
+    font-weight: 500;
+    color: rgba(255, 255, 255, 0.65);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    text-align: center;
+  }
+
+  @media (max-width: 640px) {
+    .dd-card {
+      padding: 1.5rem;
+    }
+
+    .dd-inputs {
+      grid-template-columns: 1fr;
+    }
+
+    .dd-diff-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .dd-diff-value {
+      font-size: 1.5rem;
+    }
+  }
+</style>
+
+<script>
+  import type { DateDiffCalculatorUI } from './ui';
+
+  const root = document.querySelector('.dd-root') as HTMLElement;
+  const t = JSON.parse(root?.dataset.ui ?? '{}') as DateDiffCalculatorUI;
+
+  const startInput = document.getElementById('dd-start') as HTMLInputElement;
+  const endInput = document.getElementById('dd-end') as HTMLInputElement;
+  const directionEl = document.getElementById('dd-direction') as HTMLElement;
+  const daysEl = document.getElementById('dd-days') as HTMLElement;
+  const hoursEl = document.getElementById('dd-hours') as HTMLElement;
+  const minsEl = document.getElementById('dd-mins') as HTMLElement;
+  const secsEl = document.getElementById('dd-secs') as HTMLElement;
+  const totalWeeksEl = document.getElementById('dd-total-weeks') as HTMLElement;
+  const totalHoursEl = document.getElementById('dd-total-hours') as HTMLElement;
+  const totalMinsEl = document.getElementById('dd-total-mins') as HTMLElement;
+
+  function formatDateTimeLocal(date: Date): string {
+    const pad = (n: number) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+  }
+
+  function calculate(): void {
+    const start = new Date(startInput.value);
+    const end = new Date(endInput.value);
+
+    if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+      directionEl.textContent = t.invalidDates;
+      daysEl.textContent = '0';
+      hoursEl.textContent = '0';
+      minsEl.textContent = '0';
+      secsEl.textContent = '0';
+      totalWeeksEl.textContent = '0';
+      totalHoursEl.textContent = '0';
+      totalMinsEl.textContent = '0';
+      return;
+    }
+
+    const isPast = end < start;
+    directionEl.textContent = isPast ? t.past : t.elapsed;
+
+    const diffMs = Math.abs(end.getTime() - start.getTime());
+
+    const totalMins = Math.floor(diffMs / (1000 * 60));
+    const totalHours = Math.floor(diffMs / (1000 * 60 * 60));
+    const totalWeeks = Math.floor(diffMs / (1000 * 60 * 60 * 24 * 7));
+
+    const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+    const hours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    const mins = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
+    const secs = Math.floor((diffMs % (1000 * 60)) / 1000);
+
+    daysEl.textContent = days.toLocaleString();
+    hoursEl.textContent = String(hours);
+    minsEl.textContent = String(mins);
+    secsEl.textContent = String(secs);
+    totalWeeksEl.textContent = totalWeeks.toLocaleString();
+    totalHoursEl.textContent = totalHours.toLocaleString();
+    totalMinsEl.textContent = totalMins.toLocaleString();
+  }
+
+  function handleQuickBtn(btn: HTMLButtonElement): void {
+    const action = btn.dataset.action;
+    const targetId = btn.dataset.target;
+    if (!targetId) return;
+    const target = document.getElementById(targetId) as HTMLInputElement;
+    if (!target) return;
+
+    const now = new Date();
+    if (action === 'now') {
+      target.value = formatDateTimeLocal(now);
+    } else if (action === 'today') {
+      const today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0);
+      target.value = formatDateTimeLocal(today);
+    } else if (action === 'tomorrow') {
+      const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0);
+      target.value = formatDateTimeLocal(tomorrow);
+    }
+    calculate();
+  }
+
+  startInput.addEventListener('input', calculate);
+  endInput.addEventListener('input', calculate);
+
+  document.querySelectorAll<HTMLButtonElement>('.dd-quick-btn').forEach((btn) => {
+    btn.addEventListener('click', () => handleQuickBtn(btn));
+  });
+
+  const now = new Date();
+  const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0);
+  startInput.value = formatDateTimeLocal(now);
+  endInput.value = formatDateTimeLocal(tomorrow);
+  calculate();
+</script>

package/src/tool/date-diff-calculator/i18n/en.ts

@@ -0,0 +1,132 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { DateDiffCalculatorUI } from '../ui';
+
+const faqData = [
+  {
+    question: 'Is this date difference calculator free?',
+    answer: 'Yes, it is a 100% free tool accessible from any browser with no registration or downloads required.',
+  },
+  {
+    question: 'How are leap years handled in the total time?',
+    answer: 'The tool uses the standard JavaScript chronology (UTC), which automatically handles leap years and the variable number of days in each month to give an exact result.',
+  },
+  {
+    question: 'Can I calculate the difference between hours and minutes too?',
+    answer: 'Yes. The input fields allow you to select the exact time. The result gives you a breakdown in days, hours, minutes and seconds, as well as accumulated totals.',
+  },
+  {
+    question: 'Are my date inputs sent to any server?',
+    answer: 'No. All processing is done locally in your browser. We do not store or receive any information about the dates you calculate.',
+  },
+];
+
+const howToData = [
+  { name: 'Select the start date', text: "Enter the starting date and time, or click 'Today' to set it instantly." },
+  { name: 'Select the end date', text: "Define the target moment. Use 'Now' to measure the time elapsed up to this exact instant." },
+  { name: 'Read the results', text: 'Check the breakdown into days, hours, minutes and seconds, plus the accumulated totals for weeks and hours.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: 'How to calculate the difference between two dates',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Date Difference Calculator',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Calculate exactly how much time has passed between two dates or how long until an event. Results in days, hours and minutes.',
+};
+
+const ui: DateDiffCalculatorUI = {
+  startLabel: 'Start Date',
+  endLabel: 'End Date',
+  nowBtn: 'Now',
+  todayBtn: 'Today',
+  tomorrowBtn: 'Tomorrow',
+  daysLabel: 'Days',
+  hoursLabel: 'Hours',
+  minsLabel: 'Min',
+  secsLabel: 'Sec',
+  weeksLabel: 'Total Weeks',
+  totalHoursLabel: 'Total Hours',
+  totalMinsLabel: 'Total Minutes',
+  elapsed: 'Elapsed Time',
+  past: 'Time in the Past',
+  invalidDates: 'Invalid dates',
+};
+
+export const content: ToolLocaleContent<DateDiffCalculatorUI> = {
+  slug: 'date-difference-calculator',
+  title: 'Date Difference Calculator',
+  description: 'Calculate exactly how much time has passed between two dates or how long until an event. Free tool with results in days, hours and minutes.',
+  ui,
+  faqTitle: 'Frequently Asked Questions',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'References',
+  bibliography: [
+    { name: 'Time and Date: World Clock and Time Zone Converter', url: 'https://www.timeanddate.com/worldclock/' },
+    { name: 'Wikipedia: History of the Gregorian Calendar', url: 'https://en.wikipedia.org/wiki/Gregorian_calendar' },
+    { name: 'Wikipedia: Eisenhower Matrix and Time Management', url: 'https://en.wikipedia.org/wiki/Time_management#The_Eisenhower_Method' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Date difference calculator with days, hours and minutes' },
+    {
+      type: 'paragraph',
+      html: 'Calculating the <strong>difference between two dates</strong> is one of the most common and underrated tasks in both everyday life and professional environments. Whether you are planning a product launch, calculating a person\'s exact age or measuring the time left until a special event, having a precise tool is essential for efficient time management.',
+    },
+    { type: 'title', level: 3, text: 'What is the date difference calculator used for?' },
+    {
+      type: 'paragraph',
+      html: 'The usefulness of this tool extends to multiple fields. In the workplace, project managers use it to define delivery deadlines and track milestone progress. In legal and administrative contexts, it is essential for calculating limitation periods or contract durations.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Event planning:</strong> Know how many weeks and days remain until a wedding, conference or trip.',
+        '<strong>Project management:</strong> Calculate the time elapsed from the start of a phase to its completion.',
+        '<strong>Finance:</strong> Determine the number of days for interest calculations or invoice due dates.',
+        '<strong>Human Resources:</strong> Measure employee tenure or accumulated vacation days.',
+        '<strong>Health:</strong> Track the progress of a treatment or recovery time after a procedure.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'Time perception and digital precision' },
+    {
+      type: 'paragraph',
+      html: 'We often tend to round time. We say "about a month" when it is actually 27 days and 14 hours away. By using a digital calculator, we eliminate subjectivity and obtain clean data for informed decision-making.',
+    },
+    { type: 'title', level: 3, text: 'Natural days versus working days' },
+    {
+      type: 'paragraph',
+      html: 'This tool calculates <strong>calendar days</strong>, including weekends and public holidays. For astronomical and general civil calculation, time is measured continuously. If you need to estimate project time, remember that the days shown represent the full real calendar.',
+    },
+    { type: 'title', level: 3, text: 'The impact of time on productivity' },
+    {
+      type: 'paragraph',
+      html: 'Parkinson\'s Law states that work expands to fill the time available for its completion. By visualizing exactly how many hours and minutes remain until a deadline, teams tend to optimize their efforts and stay focused.',
+    },
+    {
+      type: 'tip',
+      title: 'Future and past dates',
+      html: 'You can use the calculator for both future and past dates. If the end date is earlier than the start date, the system automatically detects it is time elapsed in the past, maintaining precision in the absolute difference values.',
+    },
+  ],
+};

package/src/tool/date-diff-calculator/i18n/es.ts

@@ -0,0 +1,132 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { DateDiffCalculatorUI } from '../ui';
+
+const faqData = [
+  {
+    question: '¿Es gratuita esta calculadora de diferencia de fechas?',
+    answer: 'Sí, es una herramienta 100% gratuita y accesible desde cualquier navegador sin necesidad de registro ni descargas.',
+  },
+  {
+    question: '¿Cómo se calculan los años bisiestos en el tiempo total?',
+    answer: 'La herramienta utiliza la cronología estándar de JavaScript (UTC), que maneja automáticamente los años bisiestos y la duración variable de cada mes para dar un resultado de días exacto.',
+  },
+  {
+    question: '¿Puedo calcular la diferencia entre horas y minutos también?',
+    answer: 'Sí. Los campos de entrada permiten seleccionar la hora exacta. El resultado te devuelve el desglose en días, horas, minutos y segundos, además de los totales acumulados.',
+  },
+  {
+    question: '¿Mis datos de fechas se envían a algún servidor?',
+    answer: 'No. Todo el procesamiento se realiza localmente en tu navegador. No almacenamos ni recibimos información sobre las fechas que calculas.',
+  },
+];
+
+const howToData = [
+  { name: 'Seleccionar la fecha de inicio', text: "Introduce la fecha y hora de partida o usa el botón 'Hoy' para fijarla al instante." },
+  { name: 'Seleccionar la fecha de fin', text: "Define el momento de destino. Puedes usar 'Ahora' para medir el tiempo hasta este preciso instante." },
+  { name: 'Leer los resultados', text: 'Consulta el desglose en días, horas, minutos y segundos, y los totales acumulados de semanas y horas.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: 'Cómo calcular la diferencia entre dos fechas',
+  step: howToData.map((s) => ({ '@type': 'HowToStep', name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Calculadora de Diferencia entre Fechas',
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  description: 'Calcula exactamente cuánto tiempo ha pasado entre dos fechas o cuánto falta para un evento. Resultados en días, horas y minutos.',
+};
+
+const ui: DateDiffCalculatorUI = {
+  startLabel: 'Fecha de Inicio',
+  endLabel: 'Fecha de Fin',
+  nowBtn: 'Ahora',
+  todayBtn: 'Hoy',
+  tomorrowBtn: 'Mañana',
+  daysLabel: 'Días',
+  hoursLabel: 'Horas',
+  minsLabel: 'Min',
+  secsLabel: 'Seg',
+  weeksLabel: 'Semanas Totales',
+  totalHoursLabel: 'Horas Totales',
+  totalMinsLabel: 'Minutos Totales',
+  elapsed: 'Tiempo Transcurrido',
+  past: 'Tiempo en el Pasado',
+  invalidDates: 'Fechas no válidas',
+};
+
+export const content: ToolLocaleContent<DateDiffCalculatorUI> = {
+  slug: 'calculadora-diferencia-fechas',
+  title: 'Calculadora de Diferencia entre Fechas',
+  description: 'Calcula exactamente cuánto tiempo ha pasado entre dos fechas o cuánto falta para un evento. Resultados en días, horas y minutos de forma gratuita y segura.',
+  ui,
+  faqTitle: 'Preguntas Frecuentes',
+  faq: faqData,
+  howTo: howToData,
+  bibliographyTitle: 'Referencias',
+  bibliography: [
+    { name: 'Time and Date: Reloj Mundial y Conversor de Husos Horarios', url: 'https://www.timeanddate.com/worldclock/' },
+    { name: 'Wikipedia: Historia del Calendario Gregoriano', url: 'https://es.wikipedia.org/wiki/Calendario_gregoriano' },
+    { name: 'Wikipedia: Matriz de Eisenhower y Gestión del Tiempo', url: 'https://es.wikipedia.org/wiki/Matriz_de_Eisenhower' },
+  ],
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', level: 2, text: 'Calculadora de diferencia entre fechas con días, horas y minutos' },
+    {
+      type: 'paragraph',
+      html: 'Calcular la <strong>diferencia entre dos fechas</strong> es una de las tareas más comunes y subestimadas tanto en la vida cotidiana como en entornos profesionales. Ya sea para planificar el lanzamiento de un producto, calcular la edad exacta de una persona o medir el tiempo que falta para un evento, contar con una herramienta precisa es fundamental para una gestión del tiempo eficiente.',
+    },
+    { type: 'title', level: 3, text: '¿Para qué sirve calcular la diferencia de fechas?' },
+    {
+      type: 'paragraph',
+      html: 'La utilidad de esta herramienta se extiende a múltiples campos. En el sector laboral, los gestores de proyectos la utilizan para definir plazos de entrega y controlar el progreso de los hitos. En el ámbito legal, es esencial para calcular plazos de prescripción o la duración de contratos.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Planificación de eventos:</strong> Saber cuántas semanas y días faltan para una boda, conferencia o viaje.',
+        '<strong>Gestión de proyectos:</strong> Calcular el tiempo transcurrido desde el inicio de una fase hasta su finalización.',
+        '<strong>Finanzas:</strong> Determinar el número de días para el cálculo de intereses o vencimientos de facturas.',
+        '<strong>Recursos Humanos:</strong> Medir la antigüedad de un empleado o los días de vacaciones acumulados.',
+        '<strong>Salud:</strong> Seguir el progreso de un tratamiento o el tiempo de recuperación.',
+      ],
+    },
+    { type: 'title', level: 3, text: 'La percepción del tiempo y la precisión digital' },
+    {
+      type: 'paragraph',
+      html: 'A menudo tendemos a redondear el tiempo. Decimos "falta un mes" cuando en realidad faltan 27 días y 14 horas. Al utilizar una calculadora digital, eliminamos la subjetividad y obtenemos datos puros que permiten una toma de decisiones informada.',
+    },
+    { type: 'title', level: 3, text: 'Diferencia entre días naturales y días hábiles' },
+    {
+      type: 'paragraph',
+      html: 'Es importante distinguir que esta herramienta calcula <strong>días naturales</strong>, incluyendo fines de semana y festivos. Para el cálculo astronómico y civil general, el tiempo se mide de forma continua. Si necesitas calcular el tiempo total de un proyecto, recuerda que los días obtenidos representan el calendario real completo.',
+    },
+    { type: 'title', level: 3, text: 'El impacto del tiempo en la productividad' },
+    {
+      type: 'paragraph',
+      html: 'La Ley de Parkinson afirma que el trabajo se expande hasta llenar el tiempo disponible para su realización. Al visualizar exactamente cuántas horas y minutos quedan para una entrega, los equipos tienden a optimizar sus esfuerzos.',
+    },
+    {
+      type: 'tip',
+      title: 'Fechas futuras y pasadas',
+      html: 'Puedes usar la calculadora tanto para fechas futuras como pasadas. Si la fecha de fin es anterior a la de inicio, el sistema detecta automáticamente que se trata de tiempo transcurrido en el pasado, manteniendo la precisión en los valores absolutos.',
+    },
+  ],
+};