/* Estilos para el botón de retorno al inicio */
#scroll-to-top {
    position: fixed;
    bottom: 20px; /* Ajusta la distancia desde la parte inferior si es necesario */
    left: 50%; /* Centrar horizontalmente */
    transform: translateX(-50%); /* Alineación centrada */
    background-color: #000; /* Fondo negro */
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1000;
    opacity: 0; /* Inicialmente oculto */
    transition: opacity 0.3s ease; /* Transición suave para la aparición/desaparición */
}

#scroll-to-top img {
    width: 50px; /* Ajusta el tamaño de la imagen */
    height: auto;
}

/* Mostrar el botón cuando se añade la clase .show */
.show {
    opacity: 1; /* Mostrar el botón */
}