/* 09/11/2026 (rodada 94): as páginas do PRO Negócios por profissão (profession.php, /negocios/{profissao}), além de modern-home.css e
   landing-plan.css. Entra no <head> antes do modern-home.css: toda regra começa por .ca-prof-page (ou é da tela desenhada, .ca-wa__link).
   Só os tokens --ca-*, que o modo escuro (html[data-theme="dark"]) troca; a conversa desenhada é um "aparelho", com as cores fixas do
   WhatsApp, como a da /whatsapp. Nada passa da largura da tela, nem a 320 px. */

/* A conversa do topo: o link da cobrança, como o WhatsApp mostra. */
.ca-wa__link { color: #027eb5; text-decoration: underline; overflow-wrap: anywhere; }

/* O que pesa no dia a dia: três cartões, um embaixo do outro no celular. */
.ca-prof-page .ca-prof-pains .ca-security__grid article h3 { margin-top: .9rem; }

/* Pelo WhatsApp: o texto e os comandos lado a lado no computador. */
.ca-prof-page .ca-prof-wa__grid { display: grid; gap: 1.6rem; align-items: center; }
.ca-prof-page .ca-prof-wa__copy .ca-lead { max-width: 34rem; }
.ca-prof-page .ca-prof-wa__card { max-width: 40rem; }

/* O aviso do teste, embaixo do preço. */
.ca-prof-page .ca-prof-note { margin: .45rem 0 0; color: var(--ca-text-2); font-size: .82rem; line-height: 1.5; }

/* As outras profissões: fichas que quebram de linha, com 44 px de altura para o dedo. */
.ca-prof-page .ca-prof-links { margin: 2rem auto 0; max-width: 46rem; }
.ca-prof-page .ca-prof-links__title { margin: 0 0 .75rem; color: var(--ca-muted); font-size: .8rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.ca-prof-page .ca-prof-links ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.ca-prof-page .ca-prof-links li a { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .5rem .95rem; border: 1px solid var(--ca-line-strong); border-radius: 999px; background: var(--ca-surface); color: var(--ca-ink); font-size: .9rem; font-weight: 700; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
.ca-prof-page .ca-prof-links li a i { color: var(--ca-blue); }
.ca-prof-page .ca-prof-links li a:hover { border-color: var(--ca-blue); color: var(--ca-link-strong); }
.ca-prof-page .ca-prof-links a:focus-visible { outline: 3px solid var(--ca-blue); outline-offset: 2px; }
.ca-prof-page .ca-prof-links__all { margin: 1rem 0 0; }
.ca-prof-page .ca-prof-links__all a { color: var(--ca-link); font-weight: 700; }

@media (min-width: 62em) {
    .ca-prof-page .ca-prof-wa__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2.5rem; }
}
@media (max-width: 640px) {
    .ca-prof-page .ca-prof-links li a { padding: .5rem .8rem; font-size: .86rem; }
}
/* Nas telas estreitas, a conversa do topo mostra só a cobrança criada (a baixa não cabe sem cortar a primeira mensagem). */
@media (max-width: 23.75em) {
    .ca-prof-page .ca-wa__msg--late { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ca-prof-page .ca-prof-links li a { transition: none; }
}