#services {
    background: #001F3F; /* Fondo azul oscuro */
    color: #FFFFFF; /* Texto blanco */
}

.service-card {
    background: #FFFFFF; /* Fondo blanco de las tarjetas */
    color: #001F3F; /* Texto azul oscuro */
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Sombra para diseño moderno */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px); /* Efecto de elevación al pasar el ratón */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Sombra más fuerte al pasar el ratón */
}

.service-card i {
    color: #0074D9; /* Azul claro del tema */
}

.btn-primary {
    background-color: #0074D9; /* Azul claro para el botón */
    border: none;
}

.btn-primary:hover {
    background-color: #005BB5; /* Azul más oscuro para hover */
}


.modal-content {
    background-color: #001F3F; /* Fondo azul oscuro */
    color: #FFFFFF; /* Texto blanco */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.modal-header .btn-close {
    background: #FFFFFF; /* Botón de cerrar con fondo blanco */
    color: #001F3F; /* Color del ícono */
}

.service-card button {
    background-color: #0074D9; /* Azul claro del tema */
    border: none;
}

.service-card button:hover {
    background-color: #005BB5; /* Azul más oscuro */
}