.nosotros-section {
  padding: 60px 20px; /* Espaciado interno */
  text-align: center; /* Texto centrado */
  max-width: 1200px; /* Ancho máximo del contenedor */
  margin: auto; /* Centrado horizontal */
}

.h {
  background-color: #90e0ef; /* Fondo azul claro */
}

.nosotros-section h1 {
  color: #003566; /* Azul oscuro */
  font-size: 2.5rem; /* Tamaño grande del título */
  margin-bottom: 10px; /* Separación inferior */
}

.nosotros-section .intro {
  color: #555; /* Texto gris medio */
  font-size: 1.1rem; /* Tamaño intermedio */
  margin-bottom: 40px; /* Separación inferior */
}

.integrantes-grid {
  display: flex; /* Usar modelo flexible */
  flex-wrap: wrap; /* Permitir que los elementos se acomoden en varias líneas */
  gap: 30px; /* Espaciado entre tarjetas */
  justify-content: center; /* Centrado horizontal */
}

.integrante-card {
  background: white; /* Fondo blanco */
  border: 1px solid #ccc; /* Borde gris claro */
  border-radius: 10px; /* Bordes redondeados */
  padding: 25px; /* Espaciado interno */
  text-align: center; /* Texto centrado */
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* Sombra sutil */
  width: 100%; 
  max-width: 280px; /* Ancho máximo de cada tarjeta */
}

.integrante-card img {
  width: 120px;
  height: 120px;
  object-fit: cover; /* Asegura que la imagen se recorte correctamente */
  border-radius: 50%; /* Imagen circular */
  margin-bottom: 15px; /* Separación inferior */
}

.integrante-card h3 {
  margin: 10px 0; /* Margen vertical */
  color: #003566; /* Color azul oscuro */
}

.integrante-card p {
  font-size: 0.95rem; /* Tamaño de texto */
  margin-bottom: 6px; /* Espaciado inferior */
}

.integrante-card .experiencia {
  margin-top: 10px; /* Separación superior */
  color: #333; /* Texto gris oscuro */
}