.equipo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 0 auto;
}

.equipo-miembro {
  position: relative;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  display: grid;
  grid-template-rows: 1fr auto auto auto;
}

.equipo-imagen {
  position: relative;
  img {
    aspect-ratio: 800/765;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

.imagen-1 {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease-in-out;
}

.imagen-2 {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.equipo-miembro:hover .imagen-1 {
  opacity: 0;
}

.equipo-miembro:hover .imagen-2 {
  opacity: 1;
}

.equipo-nombre {
  font-family: "Calibri Bold", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  font-size: 21px;
}

.equipo-cargo {
  font-family: "Calibri Light", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 300;
  font-size: 21px;
  color: #000000 !important;
}

.equipo-correo {
  font-family: 'Calibri Light', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #000000 !important;
}

@media (max-width: 1024px) {
  .equipo-grid {
    grid-template-columns: 1fr;
  }
}

.equipo-miembro {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 1s ease, opacity 1s ease;
}

.equipo-miembro.visible {
  opacity: 1;
  transform: translateY(0); 
}