/**** G E N E R A L
***********************************************************/

.grid51 {
    width: 100%;
    display: grid;
    align-items: start;
  }
  
  .align-center {
    align-items: center !important;
  }
  
  /**** G R I L L A S
  ***********************************************************/
  
  /* Tercios */
  
  .grid-1t-2t {
    grid-template-columns: 1fr 2fr;
  }
  
  .grid-2t-1t {
    grid-template-columns: 2fr 1fr;
  }
  
  .grid-1t-1t-1t {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  /* Cuartos */
  
  .grid-1q-3q {
    grid-template-columns: 1fr 3fr;
  }
  
  .grid-1q-1q-2q {
    grid-template-columns: 1fr 1fr 2fr;
  }
  
  .grid-2q-1q-1q {
    grid-template-columns: 2fr 1fr 1fr;
  }
  
  .grid-1q-2q-1q {
    grid-template-columns: 1fr 2fr 1fr;
  }
  
  /* Quintos */
  
  .grid-1f-4f {
    grid-template-columns: 1fr 4fr;
  }
  
  .grid-1f-3f-1f {
    grid-template-columns: 1fr 3fr 1fr;
  }
  
  .grid-1f-1f-3f {
    grid-template-columns: 1fr 1fr 3fr;
  }
  
  .grid-3f-1f-1f {
    grid-template-columns: 3fr 1fr 1fr;
  }
  
  .grid-1f-1f-1f-2f {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  
  .grid-1f-1f-2f-1f {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  
  .grid-1f-2f-1f-1f {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  
  .grid-2f-1f-1f-1f {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  
  /* Sextos */
  
  .grid-1s-5s {
    grid-template-columns: 1fr 5fr;
  }
  
  .grid-5s-1s {
    grid-template-columns: 5fr 1fr;
  }
  
  .grid-1s-1s-4s {
    grid-template-columns: 1fr 1fr 4fr;
  }
  
  .grid-4s-1s-1s {
    grid-template-columns: 4fr 1fr 1fr;
  }
  
  .grid-1s-4s-1s {
    grid-template-columns: 1fr 4fr 1fr;
  }
  
  .grid-3s-1s-1s-1s {
    grid-template-columns: 3fr 1fr 1fr 1fr;
  }
  
  .grid-1s-3s-1s-1s {
    grid-template-columns: 1fr 3fr 1fr 1fr;
  }
  
  .grid-1s-1s-3s-1s {
    grid-template-columns: 1fr 1fr 3fr 1fr;
  }
  
  .grid-1s-1s-1s-3s {
    grid-template-columns: 1fr 1fr 1fr 3fr;
  }
  
  .grid-2s-1s-1s-1s-1s {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  }
  
  .grid-1s-2s-1s-1s-1s {
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  }
  
  .grid-1s-1s-2s-1s-1s {
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
  }
  
  .grid-1s-1s-1s-2s-1s {
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
  }
  
  .grid-1s-1s-1s-1s-2s {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
  }
  
  
  
  /* 12 columnas */
  .grid-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  
  /* Bloques a la Izquierda */
  .grid-10-2fr {
    grid-template-columns: repeat(10, 1fr) 2fr;
  }
  
  .grid-9-3fr {
    grid-template-columns: repeat(9, 1fr) 3fr;
  }
  
  .grid-8-4fr {
    grid-template-columns: repeat(8, 1fr) 4fr;
  }
  
  .grid-7-5fr {
    grid-template-columns: repeat(7, 1fr) 5fr;
  }
  
  .grid-6-6fr {
    grid-template-columns: repeat(6, 1fr) 6fr;
  }
  
  .grid-5-7fr {
    grid-template-columns: repeat(5, 1fr) 7fr;
  }
  
  .grid-4-8fr {
    grid-template-columns: repeat(4, 1fr) 8fr;
  }
  
  .grid-3-9fr {
    grid-template-columns: repeat(3, 1fr) 9fr;
  }
  
  .grid-2-10fr {
    grid-template-columns: repeat(2, 1fr) 10fr;
  }
  
  .grid-1-11fr {
    grid-template-columns: repeat(1, 1fr) 11fr;
  }
  
  /* Bloques a la Derecha */
  .grid-2fr-10 {
    grid-template-columns: 2fr repeat(10, 1fr);
  }
  
  .grid-3fr-9 {
    grid-template-columns: 3fr repeat(9, 1fr);
  }
  
  .grid-4fr-8 {
    grid-template-columns: 4fr repeat(8, 1fr);
  }
  
  .grid-5fr-7 {
    grid-template-columns: 5fr repeat(7, 1fr);
  }
  
  .grid-6fr-6 {
    grid-template-columns: 6fr repeat(6, 1fr);
  }
  
  .grid-7fr-5 {
    grid-template-columns: 7fr repeat(5, 1fr);
  }
  
  .grid-8fr-4 {
    grid-template-columns: 8fr repeat(4, 1fr);
  }
  
  .grid-9fr-3 {
    grid-template-columns: 9fr repeat(3, 1fr);
  }
  
  .grid-10fr-2 {
    grid-template-columns: 10fr repeat(2, 1fr);
  }
  
  .grid-11fr-1 {
    grid-template-columns: 11fr repeat(1, 1fr);
  }
  
  /* Otras Columnas */
  .grid-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  
  .grid-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  
  .grid-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  
  .grid-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  
  .grid-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  
  .grid-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  
  .grid-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  
  .grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  
  /* Gap */
  .gap-10 {
    grid-gap: 10px;
  }
  
  .gap-20 {
    grid-gap: 20px;
  }
  
  .gap-30 {
    grid-gap: 30px;
  }
  
  .gap-40 {
    grid-gap: 40px;
  }
  
  .gap-50 {
    grid-gap: 50px;
  }
  
  .gap-60 {
    grid-gap: 60px;
  }
  
  .gap-70 {
    grid-gap: 70px;
  }
  
  .gap-80 {
    grid-gap: 80px;
  }
  
  .gap-90 {
    grid-gap: 90px;
  }
  
  .gap-100 {
    grid-gap: 100px;
  }
  
  /**** M E D I A   Q U E R I E S
  ***********************************************************/
  .solo-mobile {
    display: none;
  }
  .solo-desktop {
    display: block;
  }
  
  @media only screen and (min-width : 100px) and (max-width : 830px) {
    .solo-mobile {
      display: block;
    }
    .solo-desktop {
      display: none;
    }
    .small--grid-11 {
      grid-template-columns: repeat(11, 1fr);
    }
  
    .small--grid-10 {
      grid-template-columns: repeat(10, 1fr);
    }
  
    .small--grid-9 {
      grid-template-columns: repeat(9, 1fr);
    }
  
    .small--grid-8 {
      grid-template-columns: repeat(8, 1fr);
    }
  
    .small--grid-7 {
      grid-template-columns: repeat(7, 1fr);
    }
  
    .small--grid-6 {
      grid-template-columns: repeat(6, 1fr);
    }
  
    .small--grid-5 {
      grid-template-columns: repeat(5, 1fr);
    }
  
    .small--grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
  
    .small--grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .small--grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .small--grid-1 {
      grid-template-columns: repeat(1, 1fr);
    }
  
    /* 12 columnas */
    .small--grid-12 {
      grid-template-columns: repeat(12, 1fr);
    }
  
    /* Bloques a la Izquierda */
    .small--grid-10-2fr {
      grid-template-columns: repeat(10, 1fr) 2fr;
    }
  
    .small--grid-9-3fr {
      grid-template-columns: repeat(9, 1fr) 3fr;
    }
  
    .small--grid-8-4fr {
      grid-template-columns: repeat(8, 1fr) 4fr;
    }
  
    .small--grid-7-5fr {
      grid-template-columns: repeat(7, 1fr) 5fr;
    }
  
    .small--grid-6-6fr {
      grid-template-columns: repeat(6, 1fr) 6fr;
    }
  
    .small--grid-5-7fr {
      grid-template-columns: repeat(5, 1fr) 7fr;
    }
  
    .small--grid-4-8fr {
      grid-template-columns: repeat(4, 1fr) 8fr;
    }
  
    .small--grid-3-9fr {
      grid-template-columns: repeat(3, 1fr) 9fr;
    }
  
    .small--grid-2-10fr {
      grid-template-columns: repeat(2, 1fr) 10fr;
    }
  
    .small--grid-1-11fr {
      grid-template-columns: repeat(1, 1fr) 11fr;
    }
  
    /* Bloques a la Derecha */
    .small--grid-2fr-10 {
      grid-template-columns: 2fr repeat(10, 1fr);
    }
  
    .small--grid-3fr-9 {
      grid-template-columns: 3fr repeat(9, 1fr);
    }
  
    .small--grid-4fr-8 {
      grid-template-columns: 4fr repeat(8, 1fr);
    }
  
    .small--grid-5fr-7 {
      grid-template-columns: 5fr repeat(7, 1fr);
    }
  
    .small--grid-6fr-6 {
      grid-template-columns: 6fr repeat(6, 1fr);
    }
  
    .small--grid-7fr-5 {
      grid-template-columns: 7fr repeat(5, 1fr);
    }
  
    .small--grid-8fr-4 {
      grid-template-columns: 8fr repeat(4, 1fr);
    }
  
    .small--grid-9fr-3 {
      grid-template-columns: 9fr repeat(3, 1fr);
    }
  
    .small--grid-10fr-2 {
      grid-template-columns: 10fr repeat(2, 1fr);
    }
  
    .small--grid-11fr-1 {
      grid-template-columns: 11fr repeat(1, 1fr);
    }
  }