/* Importar fuente Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

/* Patrón de fondo para secciones Hero */
.hero-pattern {
    background-image: radial-gradient(#007bff 0.5px, transparent 0.5px), radial-gradient(#007bff 0.5px, #f8f9fa 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

/* Animaciones suaves */
.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}