/* ═══════════════════════════════════════════════════════════════
   LEX — contato.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero ───────────────────────────────────────────────────── */
.contato-hero__title { font-size: clamp(44px, 6.4vw, 88px); }
.contato-hero__sub { max-width: none; }

/* ── Layout form + info ─────────────────────────────────────── */
.contato-grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: var(--space-2xl);
  align-items: start;
}

/* ── Formulário ─────────────────────────────────────────────── */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}
.contato-form-wrap .field { margin-bottom: var(--space-lg); }
.form-grid .field { margin-bottom: 0; }

.contato-submit {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  margin-top: var(--space-md);
  flex-wrap: wrap;
}
.contato-submit .form-feedback { margin: 0; }

/* ── Informações ────────────────────────────────────────────── */
.contato-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  background-color: var(--color-blue-deep);
  background-image: var(--tex-noise), var(--grad-deep);
  background-blend-mode: soft-light, normal;
  color: var(--color-white);
  padding: var(--space-xl) var(--space-lg);
}
.contato-info__block .label { display: block; margin-bottom: var(--space-sm); color: rgba(255, 255, 255, 0.65); }
.contato-info__value {
  font-size: var(--text-subhead);
  font-weight: var(--font-light);
  color: var(--color-white);
  line-height: 1.3;
}
.contato-info__note {
  font-size: var(--text-small);
  color: rgba(255, 255, 255, 0.6);
  margin-top: var(--space-xs);
  max-width: 28ch;
}
.contato-info__link {
  font-size: var(--text-subhead);
  font-weight: var(--font-light);
  color: var(--color-white);
  position: relative;
  width: fit-content;
  display: inline-block;
}
.contato-info__link::after {
  content: '';
  position: absolute;
  left: 0; bottom: -2px;
  width: 100%;
  height: 1px;
  background: var(--color-white);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--duration-mid) var(--ease-smooth);
}
.contato-info__link:hover::after { transform: scaleX(1); }

/* ── Responsivo ─────────────────────────────────────────────── */
@media (max-width: 900px) {
  .contato-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .contato-info { padding: var(--space-lg); }
}
@media (max-width: 600px) {
  .form-grid { grid-template-columns: 1fr; gap: var(--space-lg); margin-bottom: var(--space-lg); }
}