/* Hacer que Red y Conectividad y Lectura estén en la misma fila */
#services > div:nth-child(1),
#services > div:nth-child(2) {
    display: inline-block !important;
    width: 50% !important;
    vertical-align: top !important;
    float: left !important;
}

/* Asegurar que los servicios dentro estén en fila horizontal */
#services > div:nth-child(1) > div > div,
#services > div:nth-child(2) > div > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

/* Limpiar el float después de los dos primeros */
#services > div:nth-child(3) {
    clear: both !important;
}

/* Asegurar que Multimedia y Utilidades estén en fila horizontal */
#services > div:nth-child(3) > div > div,
#services > div:nth-child(4) > div > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
}

/* Ajustar el ancho de las tarjetas de servicio */
.service-card {
    flex: 1 1 auto !important;
    min-width: 200px !important;
}