/* Cambio en franja-informacion-jep a una columna en 768px */
/* Cambio márgenes izquierdo y derecho de 20px a 30px en 768px */

/* footer */

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 500px; /* Set same as body::after's height */ /* Ver base_jep_general.css */
}

@media screen and (min-width: 1200px) {
  footer {
    height: 1051.14px;
  }
}

footer .franja-jep-footer a {
  color: #fff !important;
}

footer .franja-jep-footer a:hover {
  text-decoration: underline;
}

.footer a, .footer a:visited {
  color: #606060;
}

/* -> footer */


/* franja-jep-footer */

.franja-jep-footer {
  height: auto;
  width: 100%;
  color: var(--colorTextoFooter);
  background-color: var(--colorBackgroundFooter);
  font-family: 'Roboto', sans-serif !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  padding: 34px 0 20px 0;
}

.contenedor-franja-jep-footer {
  margin: 10px 20px 0 20px;
}

@media screen and (min-width: 768px) {
  .contenedor-franja-jep-footer {
    margin: 10px 30px 0 30px;
  }
}

@media screen and (min-width: 1200px) {
  .contenedor-franja-jep-footer {
    margin: 10px 0 0 0;
  }
}

.grid-contenedor-franja-jep-footer {
  justify-content: center;
}


/* -> franja-jep-footer */


/* franja-informacion-jep */

.franja-informacion-jep a {
    color: var(--colorCasiBlanco) !important;
}

.franja-informacion-jep h6 {
    border-bottom: 1px solid var(--colorCasiBlanco);
    text-align: left;
    font-size: 14px;
    padding: 9px 0;
    font-weight: 700;
    font-family: sans-serif !important;
}

.franja-informacion-jep ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    color: var(--colorCasiBlanco);
}

.franja-informacion-jep li {
    margin: 18px 0;
}

.grid-contenedor-franja-informacion-jep {
  display: flex;
  justify-items: center;
}

.informacion-jep-contactos {
  width: 80%;
}

.informacion-jep-horarios {
  width: 80%;
}

.informacion-jep-mapa {
  width: 80%;
}

.titlefoot, .titlefoot a {
  font-weight: 700;
  color: var(--colorCasiBlanco) !important;
  font-family: sans-serif;
}

.redesfooter {
  display: flex;
  margin: 10px 0 0 0;
}

.redesfooter a {
  margin: 0px 9px 0px 0px;
  display: inline-block;
}

.SocialICO {
  float: left;
}


/* -> franja-informacion-jep */


/* franja-copyright-jep-footer */

.franja-copyright-jep-footer {
  text-align: center;
  color: var(--colorCasiBlanco) !important;
  border-bottom: 1px solid var(--colorBordeFooter);
  border-top: 1px solid var(--colorBordeFooter);
  padding: 9px 0;
  font-size: 11.6px;
}

/* -> franja-copyright-jep-footer */


/* franja-logo-sipp-footer */

.logo-footer {
  display: flex;
  margin: 34px auto;
  justify-content: center;
}

.logo-footer img {
  width: 240px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .logo-footer img {
    width: 300px;
  }
}

/* -> franja-logo-sipp-footer */


/* franja-logo-jep-cv-ubpd-footer */

.franja-logo-jep-cv-ubpd-footer {
  background-color: inherit;
  padding-top: 10px;
}

@media screen and (min-width: 992px) {
  .franja-logo-jep-cv-ubpd-footer {
    padding-top: 0;
  }
}

.contenedor-franja-logo-jep-cv-ubpd-footer {
  margin: 20px 20px 0 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .contenedor-franja-logo-jep-cv-ubpd-footer {
    margin: 20px 30px 0 30px;
  }
}

@media screen and (min-width: 1200px) {
  .contenedor-franja-logo-jep-cv-ubpd-footer {
    margin: 20px 0 0 0;
  }
}

.grid-contenedor-franja-logo-jep-cv-ubpd-footer {
  display: flex;
  justify-items: center;
}

.logo-jep-footer {
  display: flex;
  align-items: center;
}

.logo-jep-footer img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .logo-jep-footer {
    justify-self: left;
  }
}

.logo-comision-verdad-footer {
  display: flex;
  align-items: center;
}

.logo-comision-verdad-footer img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .logo-comision-verdad-footer {
    justify-self: left;
  }
}

.logo-upbd-footer {
  display: flex;
  align-items: center;
}

.logo-upbd-footer img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .logo-upbd-footer {
    justify-self: left;
  }
}

/* -> franja-logo-jep-cv-ubpd-footer */