#back-button {
    display: inline-block;
    background-color: var(--col-green-1); /* Mismo color base que el botón up-button */
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    border-radius: 50%; /* Círculo */
    position: fixed; /* Sticky en la pantalla */
    bottom: 30px; /* Distancia desde la parte inferior */
    left: 30px; /* Distancia desde la parte izquierda */
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0.8; /* Opacidad baja */
    visibility: visible;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    padding: 0.35rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra para el círculo */
}

#back-button:hover {
    cursor: pointer;
    background-color: var(--col-green-2); /* Color más claro al pasar el cursor */
}

#back-button:active {
    background-color: var(--col-green-3); /* Color aún más claro al hacer clic */
}

#back-button svg {
    margin: auto;
    display: block;
    transform: rotate(0deg); /* Flecha orientada hacia la izquierda */
}






/* #up-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
} */