h1, p {
  margin: 0 0 1em 0;
}

a {
  color: inherit;
  text-decoration: inherit; /* no underline */
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}

ol, ul {
    overflow-wrap: break-word;
}

dl, ol, ul {
    margin-top: 0;
}

/* contenedor-body */

  /* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */
  .contenedor-body > * {
    min-height: 100%;
    width: auto;
  }

/* -> contenedor-body */


/* franja-gov-co-header */

.franja-gov-co-header {
  background-color: var(--colorBackgroundFranjaGovCo);
}

@media screen and (min-width: 350px) {
  .franja-gov-co-header {
    height: 40px;
  }
}

.logo-gov-co-header {
  display: flex;
  height: 100%;
  align-items: center;
  justify-self: center;
}

@media screen and (min-width: 350px) {
  .logo-gov-co-header {
    justify-self: flex-start;
    margin-left: 6%;
  }
}

@media screen and (min-width: 768px) {
  .logo-gov-co-header {
  }
}

.logo-gov-co-header img {
  display: block;
  width: 90px;
  height: auto;
}

@media screen and (min-width: 768px) {
  .logo-gov-co-header img {
    width: 116px;
  }
}

/* -> franja-gov-co-header */


/* franja-logos-institucionales */

.franja-logos-institucionales {
  background-color: var(--colorBackgroundFranjaLogosInstitucionales);
}

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

  .franja-logos-institucionales {
    padding-top: 0;
  }
}

.contenido-franja-logos-institucionales {
  padding: 0 8.33333333%;
}

@media screen and (min-width: 1400px) { /* 1340 px + 20px + 20px del padding para resolución inferior */
  .contenido-franja-logos-institucionales {
    padding: 0;
  }
}

.grid-contenedor-franja-logos-institucionales {
  justify-content: center;
}

.contenedor-logos-institucionales {
  height: 100%;
}

.grid-contenedor-logos-institucionales {
  display: flex;
  height: 100%;
  align-items: center;
}

.logo-gobierno {
  display: flex;
  justify-self: center;
  margin-top: 15px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .logo-gobierno {
    margin-top: 24px; /* Para alinear con logo Colpensiones */
  }
}

.logo-gobierno img {
  height: 40px;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .logo-gobierno img {
    height: 50px; /* No es necesario asignar el ancho */
  }
}

.logo-colpensiones {
  display: flex;
  height: 70px;
  justify-self: center;
}

@media screen and (min-width: 768px) {
  .logo-colpensiones {
    height: 80px;
  }
}

@media screen and (min-width: 992px) {
  .logo-colpensiones {
    height: 100px;
    justify-self: start;
    margin-left: 0;
  }
}

.logo-colpensiones img {
  height: 50px;
  align-self: center;
}


.titulo-compilacion {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorTextoTituloCompilacion);
    font-size: 1.5em;
    font-weight: 800 !important;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .titulo-compilacion {
    margin-top: 35px; /* Para alinear con logo Colpensiones */
  }
}

.boton-buscar-header {
  background: transparent;
  width: 200px;
  height: 36px;
  border-radius: 36px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--colorBordeBotonBuscar);
  padding: 4px 4px;
  justify-self: center;
  margin-bottom: 20px;
}

@media screen and (min-width: 576px) {
  .boton-buscar-header {
    justify-self: center;
  }
}

@media screen and (min-width: 992px) {
  .boton-buscar-header {
    margin-bottom: 0;
  }
  .boton-buscar-header {
    justify-self: end;
  }
}

.boton-buscar-header img {
	height: 28px; /* 36px - (2 * 4px) */
}

.icono-boton-buscar-header {
	margin-right: 0px;
	float: right;
}

.texto-boton-buscar-header {
  color: var(--colorTextoBotonBuscarHeader);
	font-size: 14px; /* No debe usar el multiplicador */
  line-height: 28px;
      margin-left: -92px;
}

/* -> franja-logos-institucionales */


/* franja-menu-institucional */

.franja-menu-institucional {
  height: 50px;
  background-color: var(--colorBackgroundFranjaMenuInstitucional);
  border-bottom: var(--colorSeparador) solid 5px;
}

.contenedor-franja-menu-institucional {
  height: 100%;
}

.grid-contenedor-franja-menu-institucional {
  height: 100%;
}

.left-panel-franja-menu-institucional {
  display: none;
}

.contenido-franja-menu-institucional {
  height: 100%;
}

.right-panel-franja-menu-institucional {
  display: none;
}

.menu-institucional {
  height: 100%;
}

.contenedor-menu-institucional {
  height: 100%;
}

.grid-contenedor-menu-institucional {
  display: flex;
  height: 100%;
  align-items: center;
}

.menu-horizontal-franja-menu-institucional {
  display: none;
}

@media screen and (min-width: 768px) {
  .menu-horizontal-franja-menu-institucional {
    display: block;
    overflow: hidden;
    text-align: left;
    margin-left: 18px; /* Para completar 30px, con el padding-left en 12px de .menu-horizontal-franja-menu-institucional li a */
   }
}

@media screen and (min-width: 1400px) { /* 1340 px + 20px + 20px del padding para resolución inferior */
  .menu-horizontal-franja-menu-institucional {
    margin-left: 0;
  }
}

.menu-horizontal-franja-menu-institucional li {
  display: inline-block;
  font-size:  var(--letra14);
  line-height: 15px;
}

.menu-horizontal-franja-menu-institucional li a {
  display: inline-block;
  padding: 10px 12px;
  line-height: 1em !important;
  font-size: 1em;
  color: var(--colorTextoOpcionMenuHorizontalFranjaMenuInstitucional);
}

.menu-horizontal-franja-menu-institucional li a:hover {
  color: var(--colorTextoOpcionMenuHorizontalFranjaMenuInstitucionalHover);
  text-decoration: underline;
}

/* Cuando la ventana es de menos de 768 pixeles de ancho, esconde todos los enlaces. */
/* Muestra el enlace que al oprimirlo abre y cierra el menú superior (.icon) */
.icon-menu-franja-menu-institucional {
  display: flex;
  height: 49px; /* Misma altura de franja-menu-institucional */
  cursor: pointer;
  margin-left: 20px;
  align-items: center;
  justify-self: flex-start;
}

@media screen and (min-width: 768px) {
  /* Hide the link that should open and close the menu-horizontal on small screens */
  .icon-menu-franja-menu-institucional {
    display: none;
  }
}

.logo-menu-franja-menu-institucional {
  width: 33px; /* noun-menu-1561734-FFFFFF tiene tamaño del renderizado de 33 x 33 */
  align-self: center;
}

.menu-vertical-franja-menu-institucional {
  display: none; /* Permanece cerrado hasta que es oprimido el menú que lo muestra */
  background-color: var(--colorBackgroundMenuVertical);
  z-index: 2;
}

@media screen and (min-width: 768px) {
  /* Hide the menu that should open and close the menu-horizontal on small screens */
  .menu-vertical-franja-menu-institucional {
    display: none; /* Cierra el menú si está abierto */
  }
}

/* Estilo de las opciones del menú */
.menu-vertical-franja-menu-institucional a {
  display: block;
  color: var(--colorTextoOpcionMenuVertical);
  background-color: var(--colorBackgroundOpcionMenuVertical);
  border-bottom: 1px solid var(--colorBordeOpcionMenuVertical);
  padding: 10px 12px;
  text-decoration: none;
  font-size: var(--letra14);
}

@media screen and (min-width: 768px) {
  .menu-vertical-franja-menu-institucional a {
    padding: 10px 16px;
    font-size: var(--letra17);
  }
}

/* Cambia el color de las opciones del menú cuando pasa el mouse */
.menu-vertical-franja-menu-institucional a:hover {
  color: var(--colorTextoOpcionMenuVerticalHover);
  background-color: var(--colorBackgroundOpcionMenuVerticalHover);
  text-decoration: underline;
}

/* -> franja-menu-institucional */


/* franja-migas */

.franja-migas {
  display: none;
  height: 60px; /* 61px */
  background-color: var(--colorBackgroundFranjaMigas);
  /* box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07); */
}

@media screen and (min-width: 576px) { /* Opera para index.html únicamente */
  .franja-migas {
    display: block;
  }
}

.contenedor-franja-migas {
  height: 100%;
}

.grid-contenedor-franja-migas {
  height: 100%;
}

.left-panel-migas {
  display: none;
}

.contenido-migas {
  height: 100%;
}

.right-panel-migas {
  display: none;
}

.icon-menu-contextual-migas {
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .icon-menu-contextual-migas {
    margin-left: 0;
  }
}

.contenedor-icon-menu-contextual-migas {
  height: 100%;
}

.grid-contenedor-icon-menu-contextual-migas {
  display: flex;
  height: 100%;
  align-items: center;
}

.side-menu {
  display: flex;
  cursor: pointer;
}

.contenedor-boton-menu {
  display: flex;
  align-content: center;
  align-self: center;
  margin-left: 10px; /* El ícono del menú tiene un padding de 10px, el margen izquierdo debe ser 20px: 10px + margin-left: 10px */
  cursor: pointer;
}

@media screen and (min-width: 1170px) {
  .contenedor-boton-menu {
    margin-left: 0;
  }
}

.contenedor-boton-menu img {
  width: 20px;
}

@media screen and (min-width: 576px) {
  .contenedor-boton-menu img {
    width: 40px;
  }
}

.contenedor-migas {
  display: flex;
  font-size: var(--letra14);
  font-weight: 400;
  justify-content: flex-start;
}

.contenedor-migas img {
  display: none;
  width: 16.67px;
  height: 14.17px;
  margin-left: 31.67px;
}

.miga {
  color: var(--colorTextoMiga);
}

.miga-activa a {
  color: var(--colorTextoMigaActiva);
}

.miga-activa a:visited {
  color: var(--colorTextoMigaActiva);
}

.miga-activa a:hover {
  color: var(--colorTextoMigaActivaHover);
  cursor: pointer;
}

.contenedor-miga-inicio,
.contenedor-miga {
  display: flex;
  height: 60px;
  width: auto;
  align-items: center;
  text-align: left;
}

.contenedor-miga-inicio a::after,
.contenedor-miga a::after {
  content: "> ";
  color: var(--colorBordeSeparacionMigas);
  margin: 0 10px;
  padding: 0;
}

.texto-miga-inicio {
  /* letter-spacing: 1px; */
  margin-left: 22px;
}

#texto-miga-inicio {
  padding: 0px 0px 0px 0px;
}

.texto-miga {
  /* letter-spacing: 1px; */ /* 0.8px */
  /* margin-left: 20px; */
  /* border-left: 1px solid var(--colorBordeSeparacionMigas); */
  /* padding-left: 20px; */
}

#texto-miga {
  padding: 0px 0px 0px 0px;
}

/* -> franja-migas */


/* contenedor-header */

a:visited {
  color: var(--colorVioletaHLKs);
}

a {
  color: var(--colorAzulHLKs);
}

.side-menu {
  display: flex;
  width: 64px;
  cursor: pointer;
}

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

  .side-menu {
    width: 84px;
  }
}

.contenedor-boton-menu {
  display: flex;
  transform: scaleY(-1);
  align-content: center;
  align-self: center;
  margin-left: 20px;
  cursor: pointer;
}

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

  .contenedor-boton-menu {
    margin-left: 31.67px;
  }
}

.contenedor-boton-menu img {
  width: 20px;
}

.boton-ayuda {
  display: none;
  transform: scaleY(-1);
  height: 36px;
  width: 120px;
  border-radius: 4px;
  background-color: var(--fondoBotonVerde);
  align-self: center;
  cursor: pointer;
}

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

  .boton-ayuda {
    display: none; /* Se mantiene oculto */
  }
}

.boton-ayuda img {
  width: 18px;
  height: 18px;
}

.contenedor-boton-ayuda {
  display: flex;
  height: 36px;
  width: 117px; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.texto-boton-ayuda {
  color: #ffffff;
  font-size: var(--letra14);
  font-weight: bold;
  letter-spacing: 0.4px;
  margin-left: 5px;
}

#texto-boton-ayuda {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.boton-buscar {
  display: block;
  transform: scaleY(-1);
  height: 36px;
  width: 36px;
  border-radius: 4px;
  background-color: var(--fondoBotonVerde);
  align-self: center;
  justify-self: end;
  cursor: pointer;
}

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

  .boton-buscar {
    width: 120px;
    margin-right: 30px;
    justify-self: stretch;
  }
}

.boton-buscar img {
  width: 18px;
  height: 18px;
}

.contenedor-boton-buscar {
  display: flex;
  height: 36px;
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.texto-boton-buscar {
  display: none;
  color: #ffffff;
  font-size: var(--letra14);
  font-weight: bold;
  letter-spacing: 0.4px;
  margin-left: 5px;
}

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

  .texto-boton-buscar {
    display: block;
  }
}

#texto-boton-buscar {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* -> contenedor-header */


/* contenedor-contenido */

.contenido {
  height: auto;
}

.contenedor-contenido {
  height: auto;
}

.grid-contenedor-contenido {
  height: auto;
}

.titulo-principal {
  margin-top: 20px;
  width: 100%;
  color: var(--colorTextoTituloPrincipal);
  font-size: var(--letra21);
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  padding: 0px 20px 0 20px;
}

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

  .titulo-principal {
    margin-top: 30px;
  }
}

.titulo-auxiliar {
  margin-top: 10px;
  margin-bottom: 30px;
  color: #727475;
  font-size: var(--letra18);
  line-height: 23px;
  text-align: center;
  padding: 0px 20px 0 20px;
}

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

  .titulo-auxiliar {
    margin-bottom: 50px;
  }
}

.navegacion-modulos {
  margin-bottom: 50px;
}

.grid-contenedor-navegacion-modulos {
  justify-content: space-evenly;
}

.seleccion-categoria-documentos {

}

.navegacion-categorias-documentos {
  margin-bottom: 200px;
}

.grid-contenedor-navegacion-categorias-documentos {
  justify-content: space-evenly;
  justify-items: center;
}

/* -> contenedor-contenido */


/* footer */

  footer { /* Con el footer al final, no fijo, no es necesario asignar z-index: 4 */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 190px;
  }

  @media screen and (min-width: 768px) { /* El cambio de la distribución de grid-contenedor-footer se da a partir de 768px */

    footer {
      height: 130px;
    }
  }

/* -> footer */

/* franja-AJ */

.franja-AJ {
  background-color: var(--colorBackgroundFranjaAJ);
  border-top: 1px solid var(--colorBordeFranjaAJ);
}

.contenedor-franja-AJ {
  height: 100%;
}

.grid-contenedor-franja-AJ {
  height: 100%;
}

.left-panel-franja-AJ {
  display: none;
}

.contenido-franja-AJ {
  height: 100%;
}

.right-panel-franja-AJ {
  display: none;
}

.data-obra {
  height: 100%;
}

.contenedor-data-obra {
  height: 100%;
}

.grid-contenedor-data-obra {
  display: flex;
  height: 100%;
  align-items: center;
}

.logo-aj-visible {
  display: flex;
  justify-content: center;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 992px) {
  .logo-aj-visible {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: 0 0 0 30px;
    padding-top: 20px; /* Hasta 20221017 40px */
  }
}

.logo-aj-visible img {
  width: 140px;
}

@media screen and (min-width: 768px) {
  .logo-aj-visible img {
    width: 160px;
    margin-left: -20px;
  }
}

.nombre-obra {
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  font-weight: 600;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 992px) {
  .nombre-obra {
    font-size: var(--letra16);
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: 0 0 0 30px;
  }
}

.issn {
  display: flex;
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  line-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 992px) {
  .issn {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: 0 0 0 30px;
  }
}

.actualizacion {
  display: flex;
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  line-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
}

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

  .actualizacion {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
    margin: 0 30px 0 0;
  }

}

.control-versiones {
  display: NONE;
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  font-weight: 500;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
}

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

  .control-versiones {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
    margin: 0 30px 0 0;
  }

}

.creditos {
  display: NONE;
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  font-weight: 500;
  line-height: 22px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
  padding-bottom: 40px;
}

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

  .creditos {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: 0 0 0 30px;
  }

}

.entidad {
  display: flex;
  height: 100%;
  color: var(--colorTextoFranjaAJ);
  font-size: var(--letra14);
  line-height: 18px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px 0 20px;
  padding-top: 40px;
}

@media screen and (min-width: 992px) {
  .entidad {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
    margin: 0 30px 0 0;
    padding: 0 0 40px 0;
  }

}

/* -> franja-AJ */


/* franja-canales-contacto */

.franja-canales-contacto {
  margin-top: 90px;
  margin-bottom: 90px;
}

@media screen and (min-width: 768px) {
  .franja-canales-contacto {
      margin-top: 90px;
      margin-bottom: 115px;
  }
}

.grid-contenedor-navegacion-modulos-contactos {
  justify-content: space-evenly;
}

.titulo-principal-seccion {
  display: block;
  color: var(--colorTextoTitulosPrincipales);
  font-weight: 800;
  font-size: 1.7rem;
  text-align: center;
  margin: 0 20px 50px 20px;
}

@media screen and (min-width: 768px) {
  .titulo-principal-seccion {
    font-size: 2.4rem;
    margin: 0 30px 50px 30px;
  }
}

.subtitulo-seccion {
  display: block;
  color: #069169;
  font-weight: 800;
  font-size: 38px;
  text-align: center;
}

.modulo-contactos a {
  text-decoration: none;
}

.contenedor-modulo-contactos {
  width: 190px;
  height: 210px; /* 82.5px + 15px + 48.75px + 15px + 48.75px */
  background-color: var(--colorBackgroundModuloContactos);
  justify-content: center;
  box-shadow: 0px 2px 20px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.contenedor-modulo-contactos:hover {
  transition: 0.5s;
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transform: scale(1.1);
}

.imagen-modulo-contactos {
  display: flex;
  width: 100%;
  height: 82.5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.imagen-modulo-contactos img {
  height: 60px;
  margin-top: 10px;
}

.titulo-modulo-contactos {
  height: 30px;
  color: var(--colorTextoModulosContacto);
  font-weight: 400;
  font-size: 16px;
  line-height: 1rem;
  text-align: center;
}

.titulo-modulo-contactos span {
  font-weight: 700;
  line-height: 20px;
}

.ver-mas-modulo-contactos {
  height: 48.75px;
}

.contenedor-ver-mas-modulo-contactos,
.titulo-modulo {
  text-align: center;
}

.texto-ver-mas-modulo-contactos {
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 20px;
}

.texto-ver-mas-modulo-contactos {
  position: relative !important;
  line-height: 1.42;
  color: var(--colorTextoBotonVerMas);
  background-color: var(--colorBackgroundBotonVerMas);
  padding: 0.5em 0.7em;
}

.texto-ver-mas-modulo-contactos:hover {
  color: var(--colorTextoBotonVerMasHover);
  background-color: var(--colorBackgroundBotonVerMasHover);
  transition: 0.5s;
}

/* -> franja-canales-contacto */


/* franja-mas-informacion-colpensiones */

.franja-mas-informacion-colpensiones {
  background-color: var(--colorBackgroundFranjaMasInformacionColpensiones);
}

.contenedor-franja-mas-informacion-colpensiones {
  margin-top: 90px;
  margin-bottom: 90px;
}

@media screen and (min-width: 768px) {
  .contenedor-franja-mas-informacion-colpensiones {
      margin-top: 90px;
      margin-bottom: 200px;
  }
}

.franja-mas-informacion-colpensiones-desktop {
  display: none;
}

@media screen and (min-width: 992px) {
  .franja-mas-informacion-colpensiones-desktop {
    display: block;
  }
}

.navegacion-modulos-mas-informacion-colpensiones-desktop {
  margin: 0 30px 0 30px;
}

@media screen and (min-width: 1200px) {
  .navegacion-modulos-mas-informacion-colpensiones-desktop {
    margin: 0;
  }
}

.grid-contenedor-navegacion-modulos-mas-informacion-colpensiones-desktop {
  justify-content: space-evenly;
}

.franja-mas-informacion-colpensiones-movil {
  display: block;
}

@media screen and (min-width: 992px) {
  .franja-mas-informacion-colpensiones-movil {
    display: none;
  }
}

.modulo-mas-informacion-colpensiones-desktop {
  line-height: 26px;
}

.modulo-mas-informacion-colpensiones-desktop ul {
    list-style-type: none;
}

.navegacion-modulos-mas-informacion-colpensiones-desktop a {
  display: block;
  font-family: Arial,sans-serif;
  width: 100%;
  text-decoration: none !important;
  color: #404040;
  font-size: 0.9em;
  font-weight: 500;
  padding: 2px 0;
  border-bottom: 1px solid #404040;
  margin-bottom: 3px;
  cursor: pointer !important;
}

.modulo-mas-informacion-colpensiones-movil {
  line-height: 26px;
}

.modulo-mas-informacion-colpensiones-movil ul {
    list-style-type: none;
}

.carousel-container a {
  display: block;
  font-family: Arial,sans-serif;
  width: 100%;
  text-decoration: none !important;
  color: #404040;
  font-size: 0.9em;
  font-weight: 500;
  padding: 2px 0;
  border-bottom: 1px solid #404040;
  margin-bottom: 3px;
  cursor: pointer !important;
}

/* -> franja-mas-informacion-colpensiones */


/* franja-colpensiones */

.franja-colpensiones {
}

.contenedor-contactos-colpensiones {
  background-color: var(--colorBackgroundContenedorContactosColpensiones);
  margin: -100px 0 30px 0; /* Antes de poner el logo de vigilado, estaba en: -100px 20px 30px 20px */
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .63rem;
}

@media screen and (min-width: 1180px) {
  .contenedor-contactos-colpensiones {
    margin: -100px 0 30px 0;
  }
}

.grid-contenedor-contactos-colpensiones {
  margin: 40px;
}

.left-panel-franja-colpensiones {
  display: flex;
  align-items: center;
}

.left-panel-franja-colpensiones img {
  width: 15px;
  margin-left: 10px;
}

@media screen and (min-width: 1220px) { /* 1140px + 35px + 35px + 10px de más, dado que aumenta el margen de img con este estilo */
  .left-panel-franja-colpensiones img {
    margin-left: 15px;
  }
}

.titulo-contactos-colpensiones {
  display: flex;
  align-items: center;
}

.logo-ministerio-contactos-colpensiones {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  
}

  .logo-ministerio-contactos-colpensiones a {
    width: 90%;
  }

@media screen and (min-width: 1200px) {
  .logo-ministerio-contactos-colpensiones {
    justify-content: flex-end;
  }
  

}

.logo-ministerio-contactos-colpensiones img {
  width: 90%; /* No es necesario asignar el ancho */
}

@media screen and (min-width: 1200px) {
  .logo-ministerio-contactos-colpensiones img {
    height: 66px; /* No es necesario asignar el ancho */
  }
}

.franja-colpensiones h2 {
  color: var(--colorTextoTituloColpensiones);
  font-size: 1.8em;
  font-weight: 700;
  margin: 20px 0 10px 0;
}

@media screen and (min-width: 768px) {
  .franja-colpensiones h2 {
    font-size: 2.5em;
  }
}

.contactos-colpensiones {
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (min-width: 768px) {
  .contactos-colpensiones {
    font-size: 16px;
  }
}

.contactos-colpensiones a {
  font-weight: 500;
  color: #004884;
  text-decoration: underline !important;
}

.puntos-atencion-contactos-colpensiones {
  padding-bottom: 15px;
}

.contenedor-puntos-atencion-contactos-colpensiones {
  display: flex;
  width: 242px;
  transition: all .25s ease-in-out;
  background-color: #3772ff !important;
  font-size: 14px;
  line-height: 1.2;
  border: 0;
  border-radius: 20px;
  white-space: pre-line;
  padding: 11px 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.contenedor-puntos-atencion-contactos-colpensiones:hover {
  background-color:#36c!important;
  -webkit-box-shadow:0 5px 8px -5px #004884!important;
  -moz-box-shadow:0 5px 8px -5px #004884!important;
  box-shadow:0 5px 8px -5px #004884!important;
}

@media screen and (min-width: 768px) {
  .contenedor-puntos-atencion-contactos-colpensiones {
    width: 296px;
    font-size: 16px;
    line-height: 1.42;
  }
}

.contenedor-puntos-atencion-contactos-colpensiones a {
  font-weight: 500;
  color: #fff !important;
  text-decoration: underline !important;
}

.copyright-contactos-colpensiones {
  font-size: 12px;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .copyright-contactos-colpensiones {
    font-size: 16px;
  }
}

.redes-sociales-contactos-colpensiones a {
  font-size: 14px;
  font-weight: 500;
  color: #004884;
  text-decoration: underline !important;
}

.redes-sociales-contactos-colpensiones a i {
  font-size: 1.6em;
  display: inline-block;
  vertical-align: middle;
}

.list-group {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .63rem;
}

.list-group-horizontal {
  flex-direction: column;
}

@media screen and (min-width: 992px) {
  .list-group-horizontal {
    flex-direction: row;
  }
}

.border-0 {
  border: 0 !important;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 0;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

@media screen and (min-width: 992px) {
  .list-group-item {
    padding: 10px 15px;
  }
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.fa {
  padding-right: 4px;
  text-rendering: auto;
}

.mapa-contactos-colpensiones a {
  font-size: 12px;
  font-weight: 500;
  color: #004884;
  text-decoration: underline !important;
}

.mapa-contactos-colpensiones li {
  list-style: none;
  padding-right: 14px;
  display: inline;
}

.list-group-mapa {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-horizontal-mapa {
  flex-direction: column;
}

@media screen and (min-width: 992px) {
  .list-group-horizontal-mapa {
    flex-direction: row;
  }
}


/* -> franja-colpensiones */


/* franja-gov-co-footer */

.franja-gov-co-footer {
  background-color: var(--colorBackgroundFranjaGovCo);
}

.logo-colombia {
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  justify-content: flex-end;
  border-right: var(--colorBlanco) solid 1px;
}

@media screen and (min-width: 576px) {
  .logo-colombia {
    margin: 16px 0 16px 30px;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1200px) {
  .logo-colombia {
    margin: 16px 0 16px 0;
  }
}

.logo-colombia img {
  margin-right: 30px;
}

@media screen and (min-width: 576px) {
  .logo-colombia img {
    margin-left: 0;
  }
}

.logo-gov-co {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.logo-gov-co img {
  margin-left: 5px;
}

.texto-gov-co {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px 0;
}

@media screen and (min-width: 576px) {
  .texto-gov-co {
    justify-content: flex-end;
    margin: 0 30px 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .texto-gov-co {
    margin: 0;
  }
}

.texto-gov-co a {
  color: var(--colorTextoGovCo);
  font-size: 1.1em;
  text-decoration: none;
}

/* -> franja-gov-co-footer */