/* ============================================
   Scroll Top - Botón "volver arriba"
   Botón circular fijo que aparece al hacer scroll
   más de 500px. Permite volver al inicio de la
   página con un clic.
   ============================================ */

.scroll-top {
    position: fixed; bottom: 30px; right: 30px; z-index: 998;
    width: 44px; height: 44px; background: var(--dark);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    color: var(--white); font-size: 18px; opacity: 0; visibility: hidden;
    transition: var(--transition);
    border: 1px solid rgba(255,255,255,0.2);
}
.scroll-top.visible { opacity: 1; visibility: visible; }
.scroll-top:hover { background: var(--primary); color: var(--dark); }