/* Estilo general de la sección */
.nosotros {
  padding: 4rem 2rem;
  background-color: var(--gris-claro);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

/* Contenedor principal */
.nosotros-container {
  display: flex;
  flex-wrap: wrap; /* Permite que las columnas se ajusten en pantallas pequeñas */
  gap: 2rem;
  max-width: 1200px;
  width: 100%;
  align-items: center;
}

/* Columna de texto */
.nosotros-texto {
  flex: 1; /* Ocupa el 50% del ancho disponible */
  min-width: 300px;
}

.nosotros-texto h2 {
  font-size: 2rem;
  color: var(--azul);
  margin-bottom: 1rem;
}

.nosotros-texto p {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--gris-oscuro);
}

/* Columna de imagen */
.nosotros-imagen {
  flex: 1; /* Ocupa el 50% del ancho disponible */
  min-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nosotros-imagen img {
  width: 100%;
  max-width: 500px;
  border-radius: 10px; /* Bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para destacar la imagen */
}

/* Responsividad */
@media (max-width: 768px) {
  .nosotros-container {
    flex-direction: column; /* Las columnas se apilan verticalmente */
    text-align: center; /* Centra el texto en pantallas pequeñas */
  }

  .nosotros-texto,
  .nosotros-imagen {
    flex: none; /* Elimina el comportamiento de ancho flexible */
    width: 100%; /* Ocupa todo el ancho */
  }

  .nosotros-imagen img {
    max-width: 300px; /* Ajusta el tamaño de la imagen en pantallas pequeñas */
  }
}