/* Cómo trabajamos. */
.principios { display: grid; }
.principio { display: grid; gap: var(--s-2) var(--s-7); padding-block: var(--s-6); border-top: 1px solid var(--line-strong); }
.principio:last-child { border-bottom: 1px solid var(--line-strong); }
.principio h3 { margin: 0; }
.principio p { margin: 0; color: var(--text-soft); max-width: 52ch; }
@media (min-width: 48rem) { .principio { grid-template-columns: 1fr 1.4fr; align-items: baseline; } }