/*
@supports(display: grid) {
  .grid-franja-Informacion {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "franja-redes"
	"contenedor-franja-Informacion"
      "contenedor-logos-footer";
  }

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

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

  .franja-informacion {
    grid-area: franja-informacion;
  }
}
*/
@supports(display: grid) {
  .grid-contenedor-franja-informacion {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "contenido-franja-informacion";
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-franja-informacion {
      grid-template-columns: auto 1140px auto;
      grid-template-areas: "left-panel-franja-informacion contenido-franja-informacion right-panel-franja-informacion";
    }
  }

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

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

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

@supports(display: grid) {
  .grid-contenedor-franja-redes {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "contenido-franja-redes";
	text-align: center;
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-franja-redes {
      grid-template-columns: auto 1140px auto;
      grid-template-areas: "left-panel-franja-redes contenido-franja-redes right-panel-franja-redes";
    }
  }

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

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

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

@supports(display: grid) {
  .grid-contenedor-informacion-institucional {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "institucional-footer"
      "contacto-footer"
      "logos-footer";
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-informacion-institucional {
      grid-template-columns: auto 460px auto;
      grid-template-areas: "logos-footer institucional-footer contacto-footer";
    }
  }

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

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

  .contacto-footer {
    grid-area: contacto-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;
    }
  }

  .logo_gov_co {
    grid-area: logo_gov_co;
  }

  .logo_co {
    grid-area: logo_co;
  }
}

.mdn-pie-pagina-right {
  margin: 0;
}

@media screen and (max-width: 1088px) {
  .mdn-enlaces-ministerios-cont {
    display: none;
  }
}

@media (max-width: 1024px) {
  .contenedor-cotenido-logos-footer {
    max-width: 100%;
  }
}

@media (max-width: 1088px) {
  .mdn-pie-pagina-cont {
    grid-template-columns: repeat(1, 1fr);
    padding: 10px;
  }

  .mdn-pie-pagina-left {
    grid-area: mdn-pie-pagina-left;
  }

  .mdn-pie-pagina-right {
    grid-area: mdn-pie-pagina-right;
  }
}

@media (max-width: 1088px) {
  .mdn-pie-pagina-left {
    margin-right: 10px;
  }
}

@media (max-width: 1088px) {
  .mdn-pie-pagina-titulo {
    font-size: 30px;
  }
}

@media (max-width: 1024px) {
  .mdn-pie-pagina-right .mdn-pie-pagina-titulo {
    margin-top: 20px;
  }
}

@media all and (max-width: 1088px) {
  .mdn-pie-pagina-titulo {
    font-size: 30px;
  }

  .mdn-pie-pagina-cont {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "mdn-pie-pagina-left"
      "mdn-pie-pagina-right";
    padding: 20px;
  }

  .mdn-pie-pagina-left {
    margin-right: 0;
  }

  .mdn-pie-pagina-right .mdn-pie-pagina-titulo {
    margin-top: 0;
  }
}

.mdn-pie-pagina-left {
  margin-right: 120.1px;
}

@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;
  }
}

@supports(display: grid) {
  .grid-contenedor-franja-Informacion {
    display: grid;
    grid-template-columns: 1fr 100% 1fr;
    grid-template-areas: "left-panel-franja-Informacion contenido-franja-Informacion right-panel-franja-Informacion";
  }

  @media screen and (min-width: 1140px) {
    .grid-contenedor-franja-Informacion {
      grid-template-columns: 1fr 1028px 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;
  }
}

@supports(display: grid) {
  .grid-contenedor-informacion-institucional {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "institucional-footer"
      "contacto-footer"
      "logos-footer";
  }

  @media screen and (min-width: 1200px) {
    .grid-contenedor-informacion-institucional {
      grid-template-columns: auto 460px auto;
      grid-template-areas: "logos-footer institucional-footer contacto-footer";
    }
  }

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

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

  .contacto-footer {
    grid-area: contacto-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;
    }
  }

  .logo_gov_co {
    grid-area: logo_gov_co;
  }

  .logo_co {
    grid-area: logo_co;
  }
}