/* Importar una fuente técnica y limpia */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    color: #333;
}

/* Gradiente para el Hero (fondo de impacto) */
.bg-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0a4ea2 100%) !important;
}

/* Estilo de tarjetas de servicio */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Iconos con pulso de color */
.bi {
    filter: drop-shadow(0 2px 4px rgba(13, 110, 253, 0.2));
}

/* Secciones con espaciado elegante */
.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.dark {
    background-color: rgba(0, 0, 0, 0.877) !important);
}