/* Contacto */
.contact__side { grid-column: 1/span 5; }
.contact__form { grid-column: 7/span 6; }
.contact .form-sheet { margin-top: 0; }
.contact .form-sheet h2 { margin-bottom: 18px; }
.contact-steps__title { margin: 56px 0 28px; font-size: var(--fs-h3); font-weight: 600; }
.contact .channels .ledger { color: var(--text-heading); }
.contact .channels .ledger__row { color: var(--text-heading); }
.contact .channels .field-row { border-color: var(--border-soft); }
.contact .channels .field { border-color: var(--border-soft); }
.contact .channels .field dt { color: var(--text-muted); }
.contact .channels .field dd { color: var(--text-heading); }
.contact .ledger__row .icon { width: 22px; height: 22px; }
.contact .steps p { max-width: 36ch; }
.contact .steps li { color: var(--text-body); }
@media (hover:hover) and (pointer:fine) { .contact .ledger__row:hover { color: var(--cream); } }
@media (prefers-color-scheme: dark) { .contact .ledger__row::before { background: var(--cream); } .contact .ledger__row:hover { color: var(--ink); } }
@media (max-width:1023px) { .contact__side,.contact__form { grid-column: 1/-1; } .contact__form { order: -1; } .contact-steps { margin-top: 36px; } }

@media (max-width:768px) {
  .contact-steps .steps { padding-left: 0; }
  .contact-steps .steps li { padding-left: 64px; }
  .contact-steps .steps__number { left: 0; font-size: 3rem; }
  .contact .channels .ledger__row { grid-template-columns: 40px 1fr 24px; }
  .contact .channels .ledger__row > span { grid-column: 2; }
  .contact .channels .ledger__row > .icon { grid-column: 3; grid-row: 1; }
}