/* ============================================================
   Grupo Karppa, página de Contato no visual novo (etapa 5)
   Carregar depois do base.css e do cab-rod.css.
   Escolha do Nícolas (22/10/2026): os dois canais em cartões grandes,
   que abrem a conversa, e o resto embaixo, em cartões.
   ============================================================ */

.contato-topo {
  padding: clamp(48px, 6vw, 88px) 0 clamp(40px, 5vw, 64px);
  background: radial-gradient(ellipse 60% 100% at 50% 0%, rgba(39, 56, 191, .34) 0%, rgba(39, 56, 191, 0) 70%);
}
.contato-topo .apoio { max-width: 640px; }

.canais {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
  max-width: 880px; margin: clamp(32px, 4vw, 48px) auto 0;
}
@media (max-width: 680px) { .canais { grid-template-columns: 1fr; } }
.canal {
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  padding: clamp(24px, 3vw, 32px);
  color: var(--texto); text-decoration: none;
  transition: transform .3s var(--curva), border-color .3s;
}
.canal:hover { color: var(--texto); border-color: var(--destaque-borda); transform: translateY(-3px); }
.canal .icone { margin-bottom: 6px; }
.canal-valor { font-size: clamp(1.375rem, 1vw + 1rem, 1.75rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; overflow-wrap: anywhere; }
.canal-texto { color: var(--texto-apoio); font-size: 15px; line-height: 1.55; }
.canal-acao {
  display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px;
  color: var(--destaque); font-size: 15px; font-weight: 700;
}
.canal-acao svg { width: 16px; height: 16px; transition: transform .3s var(--curva); }
.canal:hover .canal-acao svg { transform: translateX(4px); }

.contato-prazo {
  max-width: 640px; margin: 24px auto 0;
  text-align: center; color: var(--texto-apoio); font-size: 15px; line-height: 1.6;
}
.contato-prazo strong { color: var(--texto); }

.contato-mais { padding: 0 0 clamp(64px, 8vw, 104px); }
.contato-coluna { display: flex; flex-direction: column; gap: 16px; max-width: calc(880px + 2 * max(20px, 5vw)); }
.contato-bloco { padding: clamp(24px, 3vw, 32px); }
.contato-bloco h2 { margin: 0 0 14px; font-size: clamp(1.3125rem, .7vw + 1rem, 1.625rem); line-height: 1.15; letter-spacing: -0.02em; }
.contato-bloco p { margin: 0 0 14px; color: var(--texto-apoio); font-size: 16px; line-height: 1.7; }
.contato-bloco p:last-child { margin-bottom: 0; }
.contato-bloco strong { color: var(--texto); }
.contato-bloco .lista-check { margin: 0 0 16px; color: var(--texto-apoio); }
.contato-bloco a:not(.contato-asaas) { color: var(--destaque); text-decoration: underline; text-decoration-color: var(--destaque-borda); text-underline-offset: 3px; }
.contato-bloco a:not(.contato-asaas):hover { color: #ffffff; }
.contato-asaas { display: inline-block; margin: 0 0 14px; }
.contato-asaas img { width: 140px; height: 51px; }