.section-principios-accion {
  display: grid;
  gap: 1.25rem;
}

.principios-accion-intro {
  max-width: 820px;
  margin: 0;
}

.principios-diagrama-wrap {
  width: 100%;
  margin-top: 0.5rem;
  padding: clamp(0.5rem, 1.5vw, 1rem);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(31, 61, 43, 0.12);
  border-radius: 22px;
  background: transparent;
}

.principios-diagrama {
  display: block;
  width: min(100%, 1180px);
  height: auto;
  margin: 0 auto;
}

@media (max-width: 920px) {
  .principios-diagrama {
    min-width: 980px;
  }
}

@media (max-width: 480px) {
  .principios-accion-intro {
    text-align: left;
  }
}