/* grid-contenedor-footer */

@supports(display: grid ) {

  .grid-contenedor-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "franja-AJ"
                         "franja-informacion";
  }

  .franja-AJ {
    grid-area: franja-AJ;
  }

  .franja-informacion {
    grid-area: franja-informacion;
  }

}

/* -> grid-contenedor-footer */


/* grid-contenedor-franja-informacion */

@supports(display: grid ) {

  .grid-contenedor-franja-informacion {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-areas: "left-panel-franja-informacion contenido-franja-informacion right-panel-franja-informacion";
  }

  @media screen and (min-width: 1200px) { /* 1140px + 30px x 2 */
    .grid-contenedor-franja-informacion {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-informacion {
    grid-area: contenido-franja-informacion;
  }

  .left-panel-franja-informacion {
    grid-area: left-panel-franja-informacion;
  }

  .right-panel-franja-informacion {
    grid-area: right-panel-franja-informacion;
  }
}

/* -> grid-contenedor-franja-informacion */


/* grid-contenedor-informacion-institucional */

@supports(display: grid ) {

  .grid-contenedor-informacion-institucional {
    display: grid;
    row-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "logos-footer"
                         "institucional-footer"
                         "contacto-footer"
                         "canal-de-denuncias";
  }
  
  @media screen and (min-width: 992px) {
    .grid-contenedor-informacion-institucional {
      grid-template-columns: 1fr 1fr; 
      grid-template-areas: "logos-footer logos-footer"
                           "institucional-footer institucional-footer"
                           "contacto-footer canal-de-denuncias";
    }
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-informacion-institucional {
      grid-template-columns: 0.3fr 0.8fr 0.9fr 1fr; 
      grid-template-areas: "logos-footer institucional-footer contacto-footer canal-de-denuncias";
    }
  }

  @media screen and (min-width: 1400px) {

    .xxxgrid-contenedor-informacion-institucional {
      grid-template-columns: auto 460px 455px auto; 
      grid-template-areas: "logos-footer institucional-footer contacto-footer canal-de-denuncias";
    }
  }

  .logos-footer {
    grid-area: logos-footer;
  }

  .institucional-footer {
    grid-area: institucional-footer;
  }

  .contacto-footer {
    grid-area: contacto-footer;
  }
  
  .canal-de-denuncias {
	  grid-area: canal-de-denuncias;
  }

}

/* -> grid-contenedor-informacion-institucional */


/* grid-contenedor-logos-footer */

@supports(display: grid ) {

  .grid-contenedor-logos-footer {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: "logo_gov_co logo_co";
    column-gap: 20px;
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-logos-footer {
      grid-template-columns: 1fr; 
      grid-template-areas: "logo_gov_co"
                           "logo_co";
      column-gap: 0;
	  gap: 15px;
    }
  }

  .logo_gov_co {
    grid-area: logo_gov_co;
  }

  .logo_co {
    grid-area: logo_co;
  }

}

/* -> grid-contenedor-logos-footer */