.grid-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
    /* min-height: 85vh; */
    height: auto;
  }
  
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    /* min-height: 85vh; */
    height: auto;
  }

  .grid-2 .grid-row {
    display: grid;
    grid-template-rows: auto; /* Puedes ajustar esto según tus necesidades */
    gap: 10px; /* Espacio entre las filas */
  }

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

  .grid-item{
    padding: 20px;
    text-align: left;
  }

  .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .flex-left{
    display: flex;
    justify-content: left;
    align-items: center;
  }

  .flex-right{
    display: flex;
    justify-content: right;
    align-items: center;
  }


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