/* estilos del menú */
body {
  font-family: 'Roboto Slab', Georgia, serif !important;
}
nav.navbar{
  background-color: #bcc5d5;
  color: #fff;
}
nav.navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 1px;
}
nav.navbar a {
  color: #fff;
}
@media screen and (min-width: 992px) {
  nav.navbar .nav-item:not(:last-child) a::before {
    content: '|';
    padding-right: 8px;
  }
}

/* Hero */
.hero {
	background:#72bfdc;
  color: #004e77;
  border-bottom: 8px solid #ffc53b;
}
.hero #imagen-huellas-hero {
	background: center / contain no-repeat url("../img/bgc/bgc-hero.png"), #72bfdc;
	height: 300px;
}
.hero #texto-huellas-hero .col-12 {
  background-color: #fff;
  border-radius: 8px;
}
.hero #texto-huellas-hero .col-12 img {
  max-width: 200px;
}

/* Contadores */
.contadores {
  background-color: #e2e2e2;
}

.contadores .purecounter {
  color: #00a4d8;
}
.contadores button {
  line-height: 1em;
  height: 64px;
  background-color: #00a4d8;
  color: #fff;
  transition: all .3s ease;
  border-radius: 16px;
}
.contadores button:hover {
 /* background-color: #ffc53b;*/
    background-color: #00a4d8;
    cursor: auto;
    color:white;
      
}

a.boton, a.boton:hover, a.boton:focus {
    text-decoration: none;
}

a.boton {
    color: white;
}

a.boton:hover, a.boton:focus {
    color: black;
}

/* Cards */
.infos .info {
  border: 2px solid #10aada;
  border-width: 2px;
  border-radius: 16px;
  height: 100%;
  padding: 8px;
  /* hyphens: auto; */
}

.infos .info a.enlaces-img {
  margin: auto;
}
.infos .info img {
  width: 100%;
  max-height: 60px;
  object-fit: contain;
  margin: 16px auto;
}
.infos .info .info-body {
  margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 1448px) {
  .infos .info h5 {
    font-size: 0.8em;
  }
}
.infos .info p {
  font-size: 0.8em;
}
 /* Footer */
 footer {
   background-color: #e2e2e2;
 }

 footer ul li.list-group-item {
   background-color: unset;
   border: unset;
   font-size: 0.8em;
 }

 footer ul li.list-group-item> a {
   text-decoration: none;
 }
@media screen and (max-width: 922px) {
  footer .logos img {
     width: unset;
     max-height: 80px;
  }
}

 #listado-footer{
   color: #004c77;
 }