<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Care Report</title>
  <style>
    body { font-family: 'Inter', system-ui, sans-serif; max-width: 960px; margin: 40px auto; padding: 20px; color: #1A1A1A; }
    h2 { color: #0A1F44; border-bottom: 3px solid #FF7A00; padding-bottom: 8px; }
    table { width: 100%; border-collapse: collapse; margin: 16px 0; }
    th { background: #0A1F44; color: white; padding: 10px; text-align: left; }
    td { padding: 8px; border-bottom: 1px solid #D8DEE5; }
    .eyebrow { color: #00B5D8; font-weight: 700; }
    footer { margin-top: 40px; color: #5A6473; font-size: 13px; }
  </style>
</head>
<body>
  <header><p class="eyebrow">FACTORIT · FIT</p></header>
  {{ content | safe }}
  <footer>Generado por AskReporting · taller-wox.fitlabs.dev</footer>
</body>
</html>
