/* ============================================================
   CONTATO v2 (teste) — canais diretos + um formulário com assunto
   ============================================================ */

/* Canais na abertura */
.cx-canais { display: grid; gap: 10px; margin: 30px 0 0; padding: 0; list-style: none; max-width: 520px; }
.cx-canais a { display: grid; grid-template-columns: 44px 1fr auto auto; gap: 16px; align-items: center; padding: 14px 18px; border: 1px solid var(--linha); background: var(--noite-2); transition: border-color .3s var(--ease), background .3s var(--ease); }
.cx-canais a:hover { border-color: var(--latao); background: rgba(191, 165, 122, .06); }
.cx-canais li:first-child a { border-color: rgba(191, 165, 122, .55); }
.cx-ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(191, 165, 122, .5); background: rgba(191, 165, 122, .08); }
.cx-ic::before { content: ''; width: 22px; height: 22px; background: var(--latao-2); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.cx-canal b { display: block; font: 500 1.25rem/1.1 var(--serifa); color: var(--texto); }
.cx-canal small { display: block; margin-top: 3px; font-size: .86rem; color: var(--texto-2); overflow-wrap: anywhere; }
.cx-selo { padding: 6px 10px; background: var(--latao); color: var(--noite); font: 600 .62rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; font-style: normal; white-space: nowrap; }
.cx-seta { color: var(--latao-2); transition: transform .3s var(--ease); }
.cx-canais a:hover .cx-seta { transform: translateX(4px); }

/* Formulário único */
.cx-form-grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.cx-form-grade .ha-titulo { margin-bottom: 20px; }
.cx-form-grade .ha-lead { color: var(--texto-2); font-weight: 300; margin: 0 0 24px; }
.cx-dica { margin: 0; padding: 16px 18px; border-left: 2px solid var(--latao); background: rgba(191, 165, 122, .07); font-size: .92rem; color: var(--texto-2); }

@media (max-width: 900px) { .cx-form-grade { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .cx-canais { margin-top: 24px; }
  .cx-canais a { grid-template-columns: 40px 1fr auto; gap: 12px; padding: 12px 14px; }
  .cx-ic { width: 40px; height: 40px; }
  .cx-selo { display: none; }
  .cx-canal b { font-size: 1.1rem; }
}

/* Ícones */
.cx-ic-whats::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020l1.3-4A8%208%200%201%201%208%2018.7z%27%2F%3E%3Cpath%20d%3D%27M9%209.5c0%203%202.5%205.5%205.5%205.5l1-1.5-2-1-1%201a4%204%200%200%201-2-2l1-1-1-2z%27%2F%3E%3C%2Fsvg%3E"); }
.cx-ic-insta::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%273.5%27%20width%3D%2717%27%20height%3D%2717%27%20rx%3D%275%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%27.6%27%2F%3E%3C%2Fsvg%3E"); }
.cx-ic-email::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%271.5%27%2F%3E%3Cpath%20d%3D%27M3.5%206l8.5%207%208.5-7%27%2F%3E%3C%2Fsvg%3E"); }