/* ============================================================
   FOOTER OSCURO — compartido por Diagnóstico, Dashboard,
   Metodología, Contacto, Privacidad, Términos y Cookies.

   Mismo contenido que .site-footer (style.css) — copyright, nav,
   legal — reskineado oscuro para continuar sin corte la sección de
   cierre de cada página (todas usan var(--color-grafito), mismo
   token que acá). Paleta clara-sobre-oscuro y el separador sutil
   reutilizados de .inicio-footer (inicio.css) — no son tokens
   globales, son valores puntuales de esa página, reusados tal cual
   para mantener el mismo tono en las 7 páginas.
   ============================================================ */

.footer-oscuro {
  background: var(--color-grafito);
  color: #bec8c7;
  border-top: 1px solid rgba(225, 230, 230, 0.14);
  padding-block: var(--space-12);
}

.footer-oscuro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-6);
}

.footer-oscuro__copy {
  font-size: var(--text-sm);
  color: #bec8c7;
}

.footer-oscuro__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
}

.footer-oscuro__nav a {
  font-size: var(--text-sm);
  color: #bec8c7;
  transition: color var(--transition-fast);
}

.footer-oscuro__nav a:hover,
.footer-oscuro__nav a:focus-visible {
  color: var(--color-blanco);
}

.footer-oscuro__legal {
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(225, 230, 230, 0.14);
}

.footer-oscuro__legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
}

.footer-oscuro__legal-nav a {
  font-size: var(--text-xs);
  color: #b7c2c0;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--transition-fast);
}

.footer-oscuro__legal-nav a:hover,
.footer-oscuro__legal-nav a:focus-visible {
  color: var(--color-blanco);
}

.footer-oscuro__legal-nav span[aria-disabled="true"] {
  font-size: var(--text-xs);
  color: #5e706e;
  cursor: not-allowed;
}