/* Retoques de la version estatica.
   El volcado no incluyo la hoja que daba estilo al boton de "volver arriba",
   asi que el enlace salia suelto, en el flujo del documento, ocupando una
   franja bajo la cabecera. Aqui se le devuelve el comportamiento que tenia:
   un boton flotante que solo aparece al bajar. */

a.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(90, 163, 191, .85);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility .25s, background-color .25s;
}

/* scripts.js pone .active al pasar de la altura de la ventana. */
a.scroll-to-top.active {
  opacity: 1;
  visibility: visible;
}

a.scroll-to-top:hover,
a.scroll-to-top.brand-bgcolor {
  background: #5aa3bf;
  color: #fff;
}

@media print {
  a.scroll-to-top { display: none; }
}

/* El marcado del boton mezcla dos tipografias de iconos: la clase `fa` impone
   FontAwesome con la propiedad abreviada `font`, y como font-awesome.min.css
   se carga el ultimo, gana sobre la familia 'iconfont' del tema y la flecha
   salia como un recuadro vacio. Se le devuelve la familia que le toca. */
a.scroll-to-top .icon-arrow-up {
  font-family: 'iconfont' !important;
  font-weight: normal;
  font-style: normal;
}