/* grid-contenedor-footer */

@supports(display: grid) {

  .grid-contenedor-footer {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "franja-AJ"
                         "franja-defensoria-footer";
  }

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

  .franja-defensoria-footer {
    grid-area: franja-defensoria-footer;
  }
}

/* -> grid-contenedor-footer */


/* grid-contenedor-franja-defensoria-footer */

@supports(display: grid) {

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

  @media screen and (min-width: 1140px) {
    .grid-contenedor-franja-defensoria-footer {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-usabilidad-header {
    grid-area: contenido-franja-usabilidad-header;
  }

  .left-panel-franja-defensoria-footer {
    grid-area: left-panel-franja-defensoria-footer;
  }

  .right-panel-franja-defensoria-footer {
    grid-area: right-panel-franja-defensoria-footer;
  }
}

/* -> grid-contenedor-franja-defensoria-footer */


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

@supports(display: grid) {

  .grid-contenedor-franja-informacion-defensoria {
    display: grid;
    grid-template-columns: 300px;
    grid-template-areas: "informacion-defensoria-logo"
                         "informacion-defensoria-quienes-somos"
                         "informacion-defensoria-enlaces-de-interes"
                         "informacion-defensoria-enlaces-uso-interno";
    grid-row-gap: 10px;
  }

  @media screen and (min-width: 768px) {
    .grid-contenedor-franja-informacion-defensoria {
      grid-template-columns: 320px 300px; /* 300px + 20px de margen a la derecha */
      grid-template-areas: "informacion-defensoria-logo informacion-defensoria-logo"
                           "informacion-defensoria-quienes-somos informacion-defensoria-enlaces-de-interes"
                           "informacion-defensoria-enlaces-uso-interno informacion-defensoria-enlaces-uso-interno";
      grid-row-gap: 20px;
    }
  }

  @media screen and (min-width: 992px) {
    .grid-contenedor-franja-informacion-defensoria {
      grid-template-columns: 17% 33% 25% 25%;
      grid-template-areas: "informacion-defensoria-logo informacion-defensoria-quienes-somos informacion-defensoria-enlaces-de-interes informacion-defensoria-enlaces-uso-interno";
    }
  }

  .informacion-defensoria-logo {
    grid-area: informacion-defensoria-logo;
  }

  .informacion-defensoria-quienes-somos {
    grid-area: informacion-defensoria-quienes-somos;
  }

  .informacion-defensoria-enlaces-de-interes {
    grid-area: informacion-defensoria-enlaces-de-interes;
  }

  .informacion-defensoria-enlaces-uso-interno {
    grid-area: informacion-defensoria-enlaces-uso-interno;
  }

}

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


/* grid-contenedor-franja-redes-defensoria-footer */

@supports(display: grid) {

  .grid-contenedor-franja-redes-defensoria-footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "copyright-politicas-terminos-condiciones"
                         "redes-sociales-footer";
    grid-row-gap: 10px;
  }

  @media screen and (min-width: 992px) {
    .grid-contenedor-franja-redes-defensoria-footer {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "copyright-politicas-terminos-condiciones redes-sociales-footer";
    }
  }

  .copyright-politicas-terminos-condiciones {
    grid-area: copyright-politicas-terminos-condiciones;
  }

  .redes-sociales-footer {
    grid-area: redes-sociales-footer;
  }

}

/* -> grid-contenedor-franja-redes-defensoria-footer */