/* Bottom Navigation Styles */
     .bottom-nav {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: flex;
      align-items: center;
      z-index: 1;
    }

    .bottom-nav a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      background-color: #e1d8ea;
      color: #000;
      border-radius: 50%;
      text-decoration: none;
      margin-left: 10px;
      font-size: 20px;
      margin-right: 10px;
    }

    /* Scroll to Top Button */
    .scroll-to-top {
      cursor: pointer;
    }

    .scroll-to-top .arrow-up {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 12px solid #000;
    }

 
/* boton autoplay de barra final */

.auto-play-button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: gray; /* Color por defecto */
  font-size: 1.5rem; /* Ajusta el tamaño según tus necesidades */
  margin-left: 15px; /* Espacio entre los íconos */
}

.auto-play-button.active  .fas .fa-refresh #auto-play-icon {
  color: rgb(15, 128, 0); /* Color cuando está activo */
}

.auto-play-button  .fas .fa-refresh #auto-play-icon  {
  color: gray; /* Color por defecto del ícono */
}