@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
/* 1. IMPORTACIÓN DE FUENTE GLOBAL */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

/* 2. RESET DE TIPOGRAFÍA PARA TODO EL SITIO */
* {
    font-family: 'Poppins', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 3. EFECTO DE DESPLAZAMIENTO SUAVE (SCROLL SMOOTH) */
/* Esto hace que al tocar el botón, la página se deslice con elegancia */
html {
    scroll-behavior: smooth !important;
}

/* 4. AJUSTE DE ANCLAS (PARA QUE EL MENÚ NO TAPE EL CONTENIDO) */
/* Agregamos un margen superior a cualquier elemento que use un ID como destino */
[id] {
    scroll-margin-top: 100px !important;
}

/* 5. FIX ESPECÍFICO PARA EL BLOQUE DE SOLUCIONES */
#soluciones {
    scroll-margin-top: 120px !important;
}

/* 6. MEJORA VISUAL DE LOS BOTONES AL PASAR EL MOUSE (OPCIONAL) */
a[href^="#"]:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}