/* Marca Finmotor: Azul Marino (estructura), Verde (acción), Lima (acento). */
:root {
  --md-primary-fg-color: #071d56;
  --md-primary-fg-color--light: #1a3375;
  --md-primary-fg-color--dark: #04123a;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #387d09;
  --md-typeset-a-color: #387d09;
}

.md-header,
.md-tabs {
  background-color: #071d56;
}

.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link {
  color: #b3ff00;
}

.md-header__button.md-logo img {
  height: 1.4rem;
}

.md-typeset h1,
.md-typeset h2 {
  color: #071d56;
  font-weight: 700;
}

/* Capturas: borde suave y sombra para que se distingan del texto. */
.md-typeset img {
  border: 1px solid rgba(7, 29, 86, 0.12);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(7, 29, 86, 0.08);
}

.md-header__button.md-logo img,
.md-typeset .fm-card img {
  border: 0;
  box-shadow: none;
}

/* Tarjetas de la portada. */
.md-typeset .fm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.md-typeset .fm-card {
  display: block;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(7, 29, 86, 0.12);
  border-radius: 14px;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.md-typeset a.fm-card:hover {
  border-color: #387d09;
  box-shadow: 0 6px 20px rgba(56, 125, 9, 0.12);
}

.md-typeset .fm-card strong {
  display: block;
  color: #071d56;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.md-typeset .fm-card--soon {
  opacity: 0.55;
}