/* ---------- Formularios ---------- */
.field { margin-bottom: 26px; }
.field-label { display: block; font-size: 14px; font-weight: 700; color: var(--strong); margin-bottom: 12px; }
.field-label .muted { color: var(--muted); font-weight: 500; }
.field-input {
  width: 100%; border: 1px solid var(--line-2); background: var(--field); border-radius: 14px; padding: 15px 16px; font-size: 15px; line-height: 1.5; color: var(--strong);
  transition: border-color .28s var(--ease), box-shadow .28s var(--ease);
}
.field-input::placeholder { color: var(--muted); }
.field-input:hover { border-color: color-mix(in srgb, var(--sky) 50%, var(--line-2)); }
.field-input:focus { outline: none; border-color: var(--sky); box-shadow: 0 0 0 4px color-mix(in srgb, var(--sky) 18%, transparent); }
textarea.field-input { min-height: 118px; resize: vertical; }
.field-error { margin: 8px 0 0; color: var(--danger); font-size: 13.5px; font-weight: 600; }
