/* ============================================================
   Civika · Datos (/datos/)
   Reutiliza el layout de guia-articulo.css (guide-toc, guide-layout) y
   ficha.css (ficha-section, ficha-quickfacts/quickfact, card) -- aqui solo
   la tabla con cabecera que ese sistema no cubre.
   ============================================================ */

.datos-table { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--slate-200); border-radius: var(--radius-lg); overflow: hidden; }
.datos-table th, .datos-table td { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); text-align: left; border-bottom: 1px solid var(--slate-100); }
.datos-table th { background: var(--slate-50); color: var(--slate-500); font-weight: 700; }
.datos-table td.num, .datos-table th.num { text-align: right; }
.datos-table tr:last-child td { border-bottom: none; }

.datos-note { font-size: var(--text-xs); color: var(--slate-400); margin-top: var(--space-2); }

@media (max-width: 700px) {
  .ficha-quickfacts { grid-template-columns: 1fr !important; }
}