/* NABAT | CORE — CONTATO */
/* =========================================================
   CONTATO
   ========================================================= */
.contact { min-height: 100vh; padding: 120px clamp(18px,6vw,96px); display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-content: center; gap: clamp(40px,6vw,80px); position: relative; overflow: hidden; background: radial-gradient(circle at 20% 35%, rgba(198,160,98,.055), transparent 48%), var(--soft-black); }
.nabat-form { width: 100%; margin-top: 32px; padding: clamp(22px, 3vw, 36px); border: 1px solid rgba(216,182,122,.20); border-radius: 28px; background: linear-gradient(135deg, rgba(12,15,20,.92), rgba(18,20,28,.84)); box-shadow: 0 32px 100px rgba(17,19,24,.16); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.nabat-form label { display: grid; gap: 9px; }
.nabat-form span { font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; color: var(--gold); }
.nabat-form input, .nabat-form textarea { width: 100%; border-radius: 16px; padding: 16px 18px; font: 500 .95rem var(--font-ui); outline: none; background: transparent; border: 1px solid rgba(216,182,122,.20); color: var(--fg); }
.nabat-form button { margin-top: 20px; min-height: 54px; padding: 0 24px; border: 1px solid rgba(216,182,122,.44); border-radius: 999px; background: rgba(198,160,98,.10); color: var(--gold); font: 800 .72rem var(--font-brand); letter-spacing: .18em; text-transform: uppercase; cursor: none; transition: .35s ease; }

/* =========================================================
   LAYOUT DIVIDIDO - SESSÃO DE CONTATO
   ========================================================= */

/* 1. Remove o símbolo decorativo do grid para não bagunçar as colunas */
.contact-symbol {
  position: absolute;
  right: 12vw;
  top: 18vh;
  font-size: clamp(7rem, 20vw, 24rem);
  color: rgba(216, 182, 122, 0.15); /* Tom de dourado suave */
  z-index: 0;
  pointer-events: none;
}


/* 3. Coluna 1 (Esquerda): Conteúdo e Formulário */
.contact-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* 4. Coluna 2 (Direita): Imagem da Porta sem cortes */
.contact-visual {
  position: relative;
  width: 100%;
  height: auto; /* Remove a altura fixa para respeitar a foto */
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(216,182,122,.20);
  box-shadow: 0 32px 100px rgba(0,0,0,.25);
  z-index: 2;
  display: flex; /* Remove espaços vazios sob a imagem */
}

.contact-visual img {
  position: relative;
  width: 100%;
  height: auto; /* Mantém a proporção original 100% visível */
  display: block;
  filter: saturate(1.1) contrast(1.05); 
}