/* grid-contenedor-footer */

@supports(display: grid ) {

  .grid-contenedor-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "franja-AJ"
                         "franja-prefooter"
                         "franja-amarilla-footer"
                         "franja-gov-co-footer";
  }

  .franja-AJ {           
    grid-area: franja-AJ; 
  }                       

  .franja-prefooter {
    grid-area: franja-prefooter;
  }

  .franja-amarilla-footer {
    grid-area: franja-amarilla-footer;
  }

  .franja-gov-co-footer {
    grid-area: franja-gov-co-footer;
  }

}

/* -> grid-contenedor-footer */


/* grid-contenedor-franja-prefooter */

@supports(display: grid ) {

  .grid-contenedor-franja-prefooter {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-areas: "left-panel-franja-prefooter contenido-franja-prefooter right-panel-franja-prefooter";
  }

  @media screen and (min-width: 1200px) { /* 1140px + 30px x 2 */
    .grid-contenedor-franja-prefooter {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-prefooter {
    grid-area: contenido-franja-prefooter;
  }

  .left-panel-franja-prefooter {
    grid-area: left-panel-franja-prefooter;
  }

  .right-panel-franja-prefooter {
    grid-area: right-panel-franja-prefooter;
  }
}

/* -> grid-contenedor-franja-prefooter */


/* grid-contenedor-prefooter */

@supports(display: grid ) {

  .grid-contenedor-prefooter {
    display: grid;
    row-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "entidad-prefooter"
                         "contactos-prefooter"
                         "notificaciones-judiciales-prefooter"
                         "denuncias-prefooter"
                         "logos-prefooter"
                         "redes-sociales-prefooter"
                         "menu-prefooter";
  }

  @media screen and (min-width: 768px) {
    .grid-contenedor-prefooter {
      grid-template-columns: 1fr 230px;
      grid-template-areas: "entidad-prefooter logos-prefooter"
                           "contactos-prefooter logos-prefooter"
                           "notificaciones-judiciales-prefooter logos-prefooter"
                           "denuncias-prefooter logos-prefooter"
                           "redes-sociales-prefooter redes-sociales-prefooter"
                           "menu-prefooter menu-prefooter";
      grid-row-gap: 0;
      grid-column-gap: 20px;
    }
  }

  .entidad-prefooter {
    grid-area: entidad-prefooter;
  }

  .logos-prefooter {
    grid-area: logos-prefooter;
  }

  .contactos-prefooter {
    grid-area: contactos-prefooter;
  }

  .notificaciones-judiciales-prefooter {
    grid-area: notificaciones-judiciales-prefooter;
  }

  .denuncias-prefooter {
    grid-area: denuncias-prefooter;
  }

  .redes-sociales-prefooter {
    grid-area: redes-sociales-prefooter;
  }

  .menu-prefooter {
    grid-area: menu-prefooter;
  }
}

/* -> grid-contenedor-prefooter */


/* grid-contenedor-menu-prefooter */

@supports(display: grid ) {

  .grid-contenedor-menu-prefooter {
    display: grid;
    grid-template-columns: minmax(120px, 300px) minmax(120px, 300px);
    grid-template-areas: "item-1 item-2"
                         "item-3 item-4"
                         "item-5 item-5";
   grid-row-gap: 18px;
   grid-column-gap: 15px;
  }

  @media screen and (min-width: 576px) {
    .grid-contenedor-menu-prefooter {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "item-1 item-2"
                           "item-3 item-4"
                           "item-5 item-5";
    }
  }

  @media screen and (min-width: 1140px) {
    .grid-contenedor-menu-prefooter {
      grid-template-columns: auto auto auto auto auto auto;
      grid-template-areas: "item-1 item-2 item-3 item-4 item-5 item-6";
      grid-row-gap: 0;
    }
  }

  .item-1 {
    grid-area: item-1;
  }

  .item-2 {
    grid-area: item-2;
  }

  .item-3 {
    grid-area: item-3;
  }

  .item-4 {
    grid-area: item-4;
  }

  .item-5 {
    grid-area: item-5;
  }

  .item-6 {
    grid-area: item-6;
  }
}

/* -> grid-contenedor-menu-prefooter */


/* grid-contenedor-franja-gov-co-footer */

@supports(display: grid ) {

  .grid-contenedor-franja-gov-co-footer {
    display: grid;
    grid-template-columns: 0 12fr 0;
    grid-template-areas: "left-panel-franja-gov-co-footer contenido-franja-gov-co-footer right-panel-franja-gov-co-footer";
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-franja-gov-co-footer {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-gov-co-footer {
    grid-area: contenido-franja-gov-co-footer;
  }

  .left-panel-franja-gov-co-footer {
    grid-area: left-panel-franja-gov-co-footer;
  }

  .right-panel-franja-gov-co-footer {
    grid-area: right-panel-franja-gov-co-footer;
  }
}

/* -> grid-contenedor-franja-gov-co-footer */


/* grid-contenedor-logo-gov-co-compuesto */

@supports(display: grid ) {

  .grid-contenedor-logo-gov-co-compuesto {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "logos-footer-gov-co";
    grid-column-gap: 10px;
  }

  .logos-footer-gov-co {
    grid-area: logos-footer-gov-co;
  }

}

/* -> grid-contenedor-logo-gov-co-compuesto */
