/* Smooth Scroll (Desliz suave) */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px; /* Esto evita que el sticky-navbar tape el título de la sección */
}

/* Efecto Hover para las Cards */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* Escala de grises para logos del stack */
.grayscale-icons i {
    filter: grayscale(100%);
    transition: filter 0.3s;
}
.grayscale-icons i:hover {
    filter: grayscale(0%);
}