/* Contato (/contato/ no WordPress): bem simples. Formulário curto, WhatsApp e e-mail ao lado, e um convite para conhecer a Gou (About) */
  .contato { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(48px, 8vw, 140px); padding: 180px var(--margem) clamp(72px, 9vw, 120px); }
  .contato h1 { margin: 0; font-size: clamp(56px, 9vw, 150px); }
  .contato .intro-txt { margin: 24px 0 48px; max-width: 40ch; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.4; color: rgba(237,235,222,.72); }

  .form { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 32px; }
  .campo { display: grid; gap: 10px; }
  .campo.inteiro { grid-column: 1 / -1; }
  .campo label { color: rgba(237,235,222,.6); }
  .campo input, .campo textarea { font: inherit; font-size: 18px; color: var(--creme); background: none; border: 0; border-bottom: 1px solid rgba(237,235,222,.25); padding: 8px 0 12px; border-radius: 0; transition: border-color .3s; }
  .campo textarea { min-height: 110px; resize: vertical; }
  .campo input:focus, .campo textarea:focus { outline: none; border-bottom-color: var(--amarelo); }
  .campo input::placeholder, .campo textarea::placeholder { color: rgba(237,235,222,.3); }
  .enviar { grid-column: 1 / -1; margin-top: 8px; }
  .enviar .botao { border: 0; cursor: pointer; font: inherit; }
  .enviar .botao:hover { background: var(--creme); }

  .lado { align-self: end; display: grid; gap: 36px; }
  .lado .bloco-contato { border-top: 1px solid rgba(237,235,222,.14); padding-top: 20px; }
  .lado h2 { margin: 0 0 12px; color: rgba(237,235,222,.6); }
  .lado p { margin: 0; color: rgba(237,235,222,.72); }
  .whats { display: inline-flex; align-items: center; gap: 12px; padding: 18px 26px; background: var(--creme); color: var(--preto); transition: background .25s; }
  .whats:hover { background: var(--amarelo); }
  .whats svg { width: 20px; height: 20px; }
  .lado .redes a:hover { color: var(--amarelo); }

  /* Conheça a Gou: o About saiu do menu e fica aqui (e no rodapé) */
  .conheca { display: flex; justify-content: space-between; align-items: end; gap: 32px; flex-wrap: wrap; margin: 0 var(--margem) clamp(72px, 9vw, 120px); padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid rgba(237,235,222,.14); }
  .conheca h2 { margin: 0; font-size: clamp(40px, 5.2vw, 88px); }
  .conheca p { margin: 14px 0 0; max-width: 40ch; color: rgba(237,235,222,.72); }
  .conheca .link-sec { display: inline-flex; align-items: center; padding: 18px 28px; border: 1px solid rgba(237,235,222,.3); transition: border-color .25s, color .25s; }
  .conheca .link-sec:hover { border-color: var(--amarelo); color: var(--amarelo); }

  @media (max-width: 900px) {
    .contato { grid-template-columns: 1fr; padding-top: 140px; }
    .lado { align-self: start; }
  }
  @media (max-width: 560px) { .form { grid-template-columns: 1fr; } }