.services {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Espaciado para cada bloque de servicio */
.services > ul > li {
  margin-bottom: 25px;
}

/* Título del servicio (ej: Software, Hardware) */
.services strong {
  font-size: 1.6rem;
  color: var(--color-li); /* Un color tech (cambialo por el tuyo) */
  display: block;
  margin-bottom: 8px;
}

/* Estilo para los sub-ítems */
.services ul ul {
  padding-left: 20px;
  color: var(--color-li);
  font-size: 1.4rem;
}

.services ul ul li {
  margin-bottom: 5px;
}

@media (min-width: 320px) and (max-width: 480px) {
  .services {
    justify-content: flex-start;
    align-items: start;
  }

  .services h1 {
    align-items: center;
    text-align: center;
    padding: 10px;
  }
  .services-list {
    width: 100%;
    max-width: 350px;
  }

  .services ul ul li {
    font-size: 1.3rem;
    line-height: 2;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .services h1 {
    text-align: center;
    padding: 10px;
  }
  .services strong {
    font-size: 1.3rem;
  }
  .services-list {
    width: 100%;
    max-width: 450px;
  }
}