/* ======== Carrusel Section (renombrado para evitar choques) ======== */
.team-carrusel-section {
  /* background: linear-gradient(135deg, #000 0%, #004767 100%); */
  /*   background: linear-gradient(135deg, #036d86, #0591a3) !important; */
  background: linear-gradient(135deg, #0a2342, #036d86) !important;

  padding: 60px 20px;
  color: #fff;
  text-align: center;

  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 50px;
  margin-top: 50px;
}

.team-carrusel-header {
  margin-bottom: 40px;
}

.team-carrusel-header h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.team-carrusel-header p {
  font-size: 1rem;
  color: #ccc;
  max-width: 700px;
  margin: 0 auto;
}

/* ======== Contenedor de tarjetas ======== */
.team-carrusel-wrapper {
  width: 100%;
  overflow: hidden;
}

.team-carrusel-track {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 40px 0px;
}

/* ======== Tarjetas ======== */
.team-carrusel-card {
  background: #0000008c;
  border-radius: 20px;
  width: 320px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.team-carrusel-card:hover {
  transform: scale(1.08);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}
/* Mantengo el hover normal */
.team-carrusel-card:hover,
.team-carrusel-card.active-card {
  transform: scale(1.08);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

.team-carrusel-card img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom: 15px;
}

.team-carrusel-card h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.team-carrusel-card p {
  font-size: 0.9rem;
  color: #aaa;
  margin: 0;
}

/* ======== Responsive ======== */

@media (max-width: 1723px) {
  .team-carrusel-card {
    width: 250px;
  }
}
@media (max-width: 1423px) {
  .team-carrusel-card {
    width: 230px;
  }
}
@media (max-width: 1024px) {
  .team-carrusel-card {
    width: 200px;
  }
}

@media (max-width: 768px) {
  .team-carrusel-track {
    gap: 15px;
  }
  .team-carrusel-card {
    width: 100%;
    max-width: 300px;
  }
  .team-carrusel-card:hover {
    transform: scale(1);
    box-shadow: none;
  }
  /* Mantengo el hover normal */
  .team-carrusel-card:hover,
  .team-carrusel-card.active-card {
    transform: scale(1);
    box-shadow: none;
  }
}