:root{
  --primary: #111C4E;
  --secondary: #afecfa;
}

*{
  font-family: 'Poppins', sans-serif;
  color: var(--primary);
}

.bg-header{
  background-color: #fff;
  box-shadow: 0px 4px 7px rgba(0,0,0, 17%);
}

.fw-800{
  font-weight: 800;
}

.accesibilidad p{
  line-height: 27px;
}

.banner h1{
  font-size: 25px;
}
.banner h1 span{
  font-size: 34px;
}

.txt-explicacion .icon{
  width: 69px;
}
.txt-explicacion a{
  color: #00A3FF;
}
.txt-explicacion a:hover{
  color: var(--primary);
  background-color: rgba(0, 163, 255, .5);
  border-radius: 5px;
}

.banner-servicioAtencion{
  background-color: var(--secondary);
  border-radius: 12px;
}
.banner-servicioAtencion .txt{
  width: 65%;
  text-align: center;
}
.banner-servicioAtencion h4{
  line-height: 36px;
}
.banner-servicioAtencion a{
  font-weight: 700;
  color: var(--primary);
}
.banner-servicioAtencion a:hover{
  color: white;
  background-color: rgba(17, 28, 78, .75);
  border-radius: 5px;
}

footer a{
  text-decoration: none;
}

@media(max-width: 991px){
  .banner-servicioAtencion .txt{
    width: 90%;
  }
}