/**
 * css/graduacao-editorial/whatsapp.css
 * CTA WhatsApp "Fale com um consultor" — estilos da <section class="wa">.
 *
 * Reaproveita a MESMA seção da página /sou-candidato/
 * (archive/sou-candidato/sections/whatsapp.php). Lá o visual vem do candidato-v2.css,
 * carregado SÓ naquele archive (header.php). A página de graduação não carrega esse
 * stylesheet — e não deve, porque ele redefine :root/body e classes genéricas
 * (.s-fundo, .sec-head, .hero-eyebrow…) que colidiriam com o layout editorial.
 *
 * Por isso aqui ficam APENAS as regras .wa-*, com os valores dos tokens já resolvidos
 * (o candidato-v2 usa var(--fsans)/var(--fdisplay)/var(--fs)/var(--tx2)/var(--brand)),
 * pra o resultado ser idêntico ao da /sou-candidato/ sem depender daquelas variáveis.
 * Portado em 2026-06-07.
 *
 * Tokens resolvidos (de css/components/candidato-v2.css :root):
 *   --fsans    -> 'Inter',-apple-system,'Helvetica Neue',sans-serif
 *   --fdisplay -> 'Playfair Display',Georgia,serif
 *   --fs       -> 'Playfair Display',Georgia,'Times New Roman',serif
 *   --tx2      -> #3a3a36 ;  --brand -> #000
 * Fontes (Playfair Display + Inter) já são carregadas pelo curso-editorial.php.
 */
.wa{padding:70px 2.5rem;background:#f2efe8}
.wa-inner{max-width:800px;margin:0 auto;text-align:center}
.wa-eyebrow{font-family:'Inter',-apple-system,'Helvetica Neue',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#000;margin-bottom:18px;display:inline-block}
.wa h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.1;margin:0 0 16px;letter-spacing:-.5px;color:#111}
.wa h2 em{font-style:italic;font-weight:400}
.wa p{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:16px;line-height:1.7;color:#3a3a36;margin:0 0 28px;max-width:560px;margin-left:auto;margin-right:auto}
.wa-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;background:#25d366;color:#fff;text-decoration:none;font-family:'Inter',-apple-system,'Helvetica Neue',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.5px;transition:background .2s}
.wa-btn:hover{background:#20b757}
.wa-btn svg{width:18px;height:18px;fill:currentColor}
@media(max-width:640px){
  .wa{padding-left:1.25rem !important;padding-right:1.25rem !important}
}

.wa-btn,
.wa-btn:hover,
.wa-btn:focus { text-decoration: none; }