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

/* ===== Tabs con borde por cada pestaña ===== */
.nav-tabs {
  border-bottom: none;
  gap: 6px; /* separación entre pestañas */
}

.nav-tabs .nav-link {
  color: #002b5c;
  font-weight: 600;
  border: 1px solid #dee2e6;        /* borde individual */
  border-radius: 6px;
  transition: all 0.3s ease;
  background-color: #fff;
}

.nav-tabs .nav-link:hover {
  border-color: #DEA62A;
  color: #DEA62A;
}

.nav-tabs .nav-link.active {
  color: #002b5c;
  border-color: #002b5c;
  background-color: #f8f9fa;
}

/* ===== Contenedor del contenido (sin sombra) ===== */
.tab-content {
  border: 1px solid #dee2e6;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: none !important;
}

/* ===== Tarjetas ===== */
.card {
  border: none;
  border-radius: 8px;
  transition: transform 0.2s ease;
  box-shadow: none !important;
}
.card:hover {
  transform: translateY(-3px);
}
.card h4, .card h5 {
  color: #002b5c;
  font-weight: 600;
}
.card p, .card li {
  color: #333;
  text-align: justify;
}

/* ===== Íconos ===== */
.modal-link {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  transition: transform 0.2s, color 0.3s;
}
.modal-link i {
  font-size: 2rem;
  color: #DEA62A !important;
  margin-bottom: 5px;
  transition: transform 0.3s ease;
}
.modal-link:hover i {
  transform: scale(1.2);
}
.modal-link:hover {
  color: #000;
  text-decoration: underline;
}



/* ===== No afectar al menú ===== */
.navbar a,
.navbar .nav-link {
  color: #fff !important;
  text-decoration: none;
}

/* ===== Modal ===== */
.modal-content {
  border-radius: 12px;
  overflow: hidden;
}
.modal-header {
  background-color: #002b5c;
  color: white;
  border-bottom: none;
}
.modal-body {
  padding: 2rem;
}
.btn-close {
  filter: invert(1);
}

ul { margin-top: 0px; }
ul li { margin-bottom: 5px; }


 .btn-instagram {
   color: #fff;
   border: none;
 }

 .btn-instagram:hover {
    background: #fff !important;
    text-decoration: none;
  }