/* grid-contenedor-footer */

@supports(display: grid ) {

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

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

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

}

/* -> grid-contenedor-footer */

/* grid-contenedor-informacion-institucional */

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

}

/* -> 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;
    }
  }

  .logo_gov_co {
    grid-area: logo_gov_co;
  }

  .logo_co {
    grid-area: logo_co;
  }

}

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

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

/* Sub links Footer */

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


/* -> Sub links Footer*/


/* Datos Footer */

@media (max-width: 1024px){
  .mdn-home-row {
    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;
}

/* -> Datos Footer*/


/* grid-contenedor-franja-Informacion */

@supports(display: grid ) {

    .grid-contenedor-franja-Informacion {
        display: grid;
        grid-template-columns: 4% 1fr 4%;
        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 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;
        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;
    }
}

/* -> 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;
        }
    }

    .logo_gov_co {
        grid-area: logo_gov_co;
    }

    .logo_co {
        grid-area: logo_co;
    }
}

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



/* grid-informacion-footer */

@supports(display: grid ) {

    .grid-informacion-footer {
        display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: "informacion-entidad-footer"
							 "informacion-gov-co-footer";
        column-gap: 20px;
    }

    @media screen and (min-width: 1140px) {
        .grid-informacion-footer {
			grid-template-columns: 1fr 1fr;
			grid-template-areas: "informacion-entidad-footer informacion-gov-co-footer";
        }
    }

    .informacion-entidad-footer {
        grid-area: informacion-entidad-footer;
    }

    .informacion-gov-co-footer {
        grid-area: informacion-gov-co-footer;
    }
}

/* -> grid-informacion-footer */