/* LEGALIA — tema basado en el azul del logotipo.
   Cargar después de styles.css y demo.css. */
:root {
  --bg-main: #f4f6fa;
  --bg-card: #fff;
  --bg-header: #fff;
  --primary-teal: #102b68;
  --primary-teal-hover: #071b4c;
  --primary-teal-light: #eaf0fa;
  --navy-dark: #071438;
  --navy-hover: #122b62;
  --navy-muted: #273b61;
  --text-title: #0b1d45;
  --text-body: #354760;
  --text-muted: #53637b;
  --accent-amber: #8a7248;
  --accent-amber-light: #f5f1e9;
  --accent-green: #325a8b;
  --accent-blue: #2354a0;
  --border-light: #dce4ef;
  --border-focus: #102b68;
  --shadow-hover: 0 15px 30px rgba(16,43,104,.14);
}

/* Respeta los estilos actuales y armoniza los acentos escritos a mano. */
.site-header { border-bottom-color: #dce4ef; }
.site-footer { background: #edf2f9; }
.footer-waves { background: #f4f6fa; }
.footer-waves path:nth-child(1) { fill: #b6c9e6; }
.footer-waves path:nth-child(2) { fill: #d1def0; }
.footer-waves path:nth-child(3) { fill: #edf2f9; }
.about-card-title svg { stroke: #102b68; }
.card-with-accent-amber { border-left-color: #8a7248; }
.card-with-accent-amber .about-card-title svg { stroke: #8a7248; }
.detail-list li::before { color: #102b68; }
.metric-number { color: #b9cff2; }
.nav-beam {
  background: linear-gradient(90deg,transparent,#315fbd 20%,#fff 50%,#102b68 80%,transparent);
  box-shadow: 0 0 8px #315fbd99,0 0 16px #315fbd66;
}