.valores-list {
    text-align: left;
    max-width: 800px;
    margin: 0 auto; /* centra el bloque, pero el texto interno queda a la izquierda */
  }

  .valores-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
  }

  .valores-list li i {
    flex-shrink: 0;
    font-size: 1.25rem;
    color: var(--bs-primary, #0d6efd);
    margin-top: 0.15rem;
  }

  .valores-list li strong {
    font-weight: 600;
  }

  @media (max-width: 576px) {
    .valores-list li i {
      font-size: 1.1rem;
    }
    .valores-list li {
      font-size: 0.95rem;
    }
  }