/** Shopify CDN: Minification failed

Line 27:0 Unexpected "<"
Line 30:32 Comments in CSS use "/* ... */" instead of "//"
Line 38:53 Comments in CSS use "/* ... */" instead of "//"

**/
#scroll-button {
    position: fixed;
    bottom: 20px; /* Ubicación desde la parte inferior */
    right: 20px; /* Ubicación desde la parte derecha */
    background-color: #6F8266; /* Color del botón */
    color: #FFFFFF; /* Color del texto */
    padding: 15px 25px; /* Espaciado interno */
    border-radius: 50px; /* Botón redondeado */
    font-size: 16px; /* Tamaño del texto */
    font-weight: bold; /* Texto en negrita */
    text-align: center; /* Centrar el texto */
    cursor: pointer; /* Cambia el cursor al pasar por el botón */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra del botón */
    display: none; /* Inicialmente oculto */
    z-index: 1000; /* Siempre visible encima de otros elementos */
}
#scroll-button:hover {
    background-color: #5a6a55; /* Color más oscuro cuando pasas el mouse */
}
<script>
document.addEventListener('scroll', function() {
    const scrollButton = document.getElementById('scroll-button');
    if (window.scrollY > 100) { // Aparece después de bajar 100 píxeles
        scrollButton.style.display = 'block';
    } else {
        scrollButton.style.display = 'none';
    }
});

document.getElementById('scroll-button').addEventListener('click', function() {
    window.scrollTo({ top: 0, behavior: 'smooth' }); // Sube suavemente al hacer clic
});
</script>