#up-button {
    display: inline-block;
    background-color: var(--col-green-1); /* Mismo color que el back-button */
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    border-radius: 50%; /* Círculo */
    position: fixed; /* Fijo en pantalla */
    bottom: 75px; /* Justo encima del back-button */
    left: 30px; /* Alineado a la izquierda */
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0.8;
    visibility: visible;
    z-index: 1000;
    padding: 0.35rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#up-button:hover {
    cursor: pointer;
    background-color: var(--col-green-2);
}

#up-button:active {
    background-color: var(--col-green-3);
}

#up-button svg {
    margin: auto;
    display: block;
}


