/* Prefijo separado y errores que acompañan al campo en ambos tamaños de pantalla. */
.contact-card > .contact-phones { align-items: flex-start; }
.contact-card > .contact-phones > i { margin-top: 4px; }
.contact-phones__list { display: grid; gap: 4px; min-width: 0; }
.contact-phones__item { display: flex; align-items: center; min-width: 0; }
.contact-card a.contact-whatsapp,
.contact-card a.contact-whatsapp:hover { color: #4e745b; }
.contact-form__field { align-content: start; grid-auto-rows: max-content; }
.contact-phone-control { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: stretch; gap: 8px; min-width: 0; }
.contact-phone-prefix { display: grid; place-items: center; min-height: 48px; padding: 12px; border: 1px solid rgb(139 117 96 / 22%); border-radius: 12px; background: rgb(255 255 255 / 24%); color: var(--ink); font-size: 16px; line-height: 24px; }
.contact-form__privacy-group { display: grid; min-width: 0; gap: 6px; }
.contact-form [hidden] { display: none !important; }
.contact-form p.contact-form__field-error { margin: 0; color: #9a302a; font-size: 13px; font-weight: 400; line-height: 20px; }
.contact-form :is(input, textarea)[aria-invalid="true"] { border-color: #9a302a; }
.contact-form input[type="checkbox"][aria-invalid="true"] { outline: 1px solid #9a302a; outline-offset: 2px; }
.contact-form :is(input, textarea) { scroll-margin-top: 124px; }
.contact-form p.contact-form__status { margin: 0; color: var(--ink); font-size: 15px; line-height: 24px; }
.contact-form__status:empty { display: none; }
.contact-form__trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-form__submit { cursor: pointer; }
.contact-form[aria-busy="true"] .contact-form__submit { cursor: wait; }

@media (min-width: 961px) {
  .contact-form :is(input, textarea) { scroll-margin-top: 150px; }
}