/* Estilos específicos para la sección SERVICIOS en des.php */
.services-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.services-row > div {
  margin-bottom: 20px;
}
/* Para filas con solo 2 elementos */
.services-row.two-items > div {
  flex: 0 0 40%;
  max-width: 40%;
}
/* Para cuando hay un elemento suelto en segunda fila (ej: 4 servicios en 2+2) */
.services-row.single-center > div:last-child {
  flex: 0 0 50%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.service-title {
  color: #a64ca6;
  font-weight: 600;
  margin-bottom: 20px;
}