/* Identidade do Prontinho (direção B, Selo de pronto) por cima do visual padrão da conversa.
   A cor principal (tinta) e a de fundo (creme) vêm da configuração: marca.cor #1A1033 e marca.cor2 #FFF1EA. */
:root { --coral: #FF4D2E; --rosa: #FFB4C8; --linha: #F0DCD2; --tinta-suave: #5A4A66; }
body { background: #FFF1EA; }
.tela { background: #FFF7F2; box-shadow: 0 0 0 1px var(--linha); }
.topo { border-bottom: 3px solid var(--coral); }
.avatar { font-size: 0; background: url(/marca/selo.svg) center / cover no-repeat; border-radius: 50%; }
.quem strong, .botao, .opcao, .cartao-texto strong, .enviado h2, .aviso-tela h1, .folha h2, .resumo h3, .barra-valor {
  font-family: "Bricolage Grotesque", system-ui, sans-serif;
}
.quem strong { font-weight: 800; font-size: 18px; letter-spacing: -.3px; }
.quem span { color: var(--rosa); opacity: 1; }
.botao { border-radius: 14px; font-weight: 800; }
.botao:not(.leve):not(.whats) { background: var(--coral); border-color: var(--coral); color: #fff; }
.cartao { border-color: var(--linha); }
.cartao-foto { background: var(--coral); color: #fff; font-family: "Bricolage Grotesque", system-ui, sans-serif; font-weight: 800; }
.cartao-texto em { color: #B8301A; font-weight: 700; }
.resumo tr.entrada td, .elo { color: #B8301A; }
.recomecar { border-color: rgba(255, 180, 200, .6); }