/*
 * JusIntel — página pública da Geração de Contratos (site-jusintel/contratos.html).
 * Carregado DEPOIS de jusintel.css. Fase 6, rodada de telas (G-D19, 07/10/2026).
 *
 * Cor do produto (G-D13): Jade.
 *   Jade         #12A37F  só gráfico sobre fundo claro (2,9:1); texto sobre Grafite (5,3:1)
 *   Jade escuro  #0B6E55  texto sobre Papel (5,6:1) e Branco (6,2:1)
 *   Jade claro   #E3F4EE  fundo de destaque (Jade escuro sobre ele: 5,5:1)
 * O pêssego continua sendo a cor da marca; o jade marca o produto e todas as
 * chamadas para ele. As variáveis --jade* e os botões/links .btn-jade,
 * .btn-contorno-jade e .link-jade ficam em jusintel.css (valem em todas as
 * páginas, inclusive as que não carregam este arquivo).
 */

.rotulo-jade { color: var(--jade-escuro); }
.faixa-escura .rotulo-jade, .faixa-escura .eyebrow-jade { color: var(--jade); }
.ponto-produto { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--jade); margin-right: 10px; vertical-align: 1px; }

/* Conversa de exemplo na abertura */
.chat-demo {
  background: var(--branco); color: var(--grafite); border-radius: 8px; padding: 30px; display: flex; flex-direction: column; gap: 18px;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}
@media (max-width: 520px) { .chat-demo { padding: 24px 18px; } }
.chat-demo-topo { display: flex; justify-content: space-between; gap: 12px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; font-weight: 500; color: var(--jade-escuro); }
.progresso-jade { height: 4px; background: var(--linha-2); border-radius: 2px; overflow: hidden; }
.progresso-jade span { display: block; height: 4px; background: var(--jade); }
.chat-demo-msgs { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.demo-msg { max-width: 86%; padding: 13px 16px; border-radius: 10px; font-size: 15px; line-height: 1.5; }
.demo-msg-ia { align-self: flex-start; background: var(--papel); border-top-left-radius: 2px; }
.demo-msg-usuario { align-self: flex-end; background: var(--grafite); color: var(--papel); border-top-right-radius: 2px; }
.demo-registro { align-self: flex-start; display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.02em; color: var(--jade-escuro); }
.demo-registro svg { width: 14px; height: 14px; flex-shrink: 0; }
.chat-demo-rodape { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; color: var(--ardosia); padding-top: 14px; border-top: 1px solid var(--linha-2); }

/* Dois caminhos: reaproveita .portas/.porta de jusintel.css; ajustes do produto */
.porta-nova .eyebrow-jade { color: var(--jade); }
.porta-lista { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.5; }
.porta-lista li { display: flex; gap: 10px; align-items: baseline; }
.porta-lista li::before { content: ""; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--jade); transform: translateY(-2px); }
.porta-conta .porta-lista { color: var(--texto-2); }

/* Ligação com o PJ Compliance */
.ponte { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; padding: 28px 32px; border-radius: 8px; background: var(--branco); box-shadow: inset 0 0 0 1px var(--linha); }
.ponte img { width: 48px; height: 48px; flex-shrink: 0; }
.ponte-texto { flex: 1 1 420px; display: flex; flex-direction: column; gap: 6px; }
.ponte-texto strong { font-family: var(--titulo); font-size: 21px; font-weight: 600; letter-spacing: -0.015em; }
.ponte-texto p { font-size: 16px; line-height: 1.55; color: var(--texto-2); }

/* Quadro de aviso no tom do produto */
.quadro-aviso-jade { box-shadow: inset 0 0 0 1px var(--jade); background: var(--jade-claro); }
.quadro-aviso-jade strong { color: var(--jade-escuro); }