/* Colores de Gestión Médica (cabecera azul del sistema) */
:root {
  --md-primary-fg-color: #1488d0;
  --md-primary-fg-color--light: #3aa3e3;
  --md-primary-fg-color--dark: #0b5f96;
  --md-accent-fg-color: #12a3b5;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0f6fae;
  --md-accent-fg-color: #3cc4d4;
}

/* Capturas: borde suave y sombra para separarlas del texto */
.md-typeset img.captura,
.md-typeset figure img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
.md-typeset figure { margin: 1.2em auto; }
.md-typeset figcaption { font-size: .78rem; color: var(--md-default-fg-color--light); }

/* Referencias numeradas que coinciden con los círculos rojos de las capturas */
.md-typeset .num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.45em; height: 1.45em; border-radius: 50%;
  background: #e53935; color: #fff; font-weight: 700; font-size: .78em;
  margin-right: .35em; vertical-align: .05em;
}

/* Tarjetas de la portada */
.md-typeset .grid.cards > ul > li { border-radius: 10px; }

/* Logo del sistema (blanco, igual que en la cabecera de la aplicación) */
.md-header__button.md-logo img { height: 1.7rem; width: auto; }