/* Contenedor principal */
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 2vw;
  }
  
  /* Elementos dentro del contenedor */
  .item {
    flex: 1 1 30%; /* Crece, encoge, y ocupa 30% del contenedor */
    margin: 1vw;
    padding: 2vw;
    background-color: #f0f0f0;
    text-align: center;
    font-size: 1.5rem; /* Tamaño de fuente relativo */
  }
  
  /* Ajustes para pantallas más pequeñas */
  @media (max-width: 600px) {
    .item {
      flex: 1 1 45%; /* Ocupa 45% del contenedor en pantallas pequeñas */
      font-size: 1.2rem; /* Tamaño de fuente más pequeño */
    }
  }