/* ===== Título ===== */
h4.mb-4 {
  font-weight: 700;
  color: #002b5c;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ===== Tabs cuadrados con colores institucionales ===== */
.nav-pills {
  gap: 6px;
}
.nav-pills .nav-link {
  background-color: #002b5c;       /* azul institucional */
  color: #fff;                     /* texto blanco */
  border-radius: 0;                /* cuadrado */
  font-weight: 400;
  border: 1px solid #002b5c;
  transition: all 0.3s ease;
  padding: 10px 20px;
  font-size: 11px;
}
.nav-pills .nav-link:hover {
  background-color: #001f3f;       /* azul más oscuro en hover */
  color: #DEA62A;                  /* texto dorado */
}
.nav-pills .nav-link.active {
  background-color: #DEA62A !important; /* amarillo institucional */
  color: #fff !important;            /* texto azul */
  border-color: #DEA62A !important;
  box-shadow: none;
}

/* ===== Tarjetas ===== */
.card {
  border: none;
  border-left: 5px solid #002b5c;
  border-radius: 8px;
  transition: transform 0.2s ease;
}
.card:hover { transform: translateY(-3px); }
.card h4 { color: #002b5c; font-weight: 600; }
.card ul { margin-top: 10px; }
.card ul li { margin-bottom: 5px; }

/* ===== Enlaces ===== */
.icon-azul-fca {
  color: #002b5c;
  text-decoration: none;
  font-weight: 500;
}
.icon-azul-fca:hover {
  color: #DEA62A;
  text-decoration: underline;
}