/* Único CSS realmente compartido, byte a byte, entre index.html y visitas.html.
   Todo lo demás (tipografía de componentes, tamaños) diverge entre las dos
   páginas -- son dos sistemas visuales distintos que coinciden en algunos
   nombres de clase, no un solo diseño con "drift". Ver css/index.css y
   css/visitas.css para el resto de cada uno.

   Los 8 --variables de color de abajo SI vivian por separado en cada pagina
   con el mismo nombre pero valores distintos (--dark, --text, --green, --red,
   --bg, --border) o con nombres distintos para el mismo concepto (--muted vs
   --text-muted, --surface vs --white) -- unificadas aqui usando el valor/
   nombre de index.css como canonico, por decision del usuario. Las variables
   EXCLUSIVAS de una sola pagina (--brand-light, --orange, --danger, --teal,
   etc.) NO se tocaron, siguen en el :root de su propio archivo. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --brand:#22A2A8;
  --dark:#1a2f35;
  --text:#2d3748;
  --text-muted:#718096;
  --green:#38a169;
  --red:#e53e3e;
  --bg:#f4f7f8;
  --border:#e2e8f0;
  --white:#fff;
}
@keyframes spin{to{transform:rotate(360deg)}}