/* ==========================================================================
   brand.css — nova identidade (13/10/2026)
   Paleta V3 "Clínico moderno" + tipografia Sora (títulos) / DM Sans (texto).
   As cores dos elementos Elementor já foram trocadas no CSS inline de cada
   página; aqui ficam só os padrões globais e ajustes de contraste.
   ========================================================================== */
:root {
  --brand-azul: #1E5EFF;
  --brand-azul-escuro: #1546C2;
  --brand-menta: #2ED3A5;
  --brand-coral: #FF6B5B;
  --brand-amarelo: #FFD166;
  --brand-tinta: #0B1F3A;
  --brand-texto-2: #475569;
  --brand-fundo: #F3F6FB;
  --brand-borda: #DCE3EC;
}

body {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--brand-tinta);
}
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: "Sora", "DM Sans", sans-serif;
  letter-spacing: -0.01em;
}
.elementor-button,
.elementor-field-group .elementor-field,
.elementor-nav-menu a,
input, select, textarea, button {
  font-family: "DM Sans", sans-serif;
}

/* Links no conteúdo */
.elementor-widget-theme-post-content a,
.elementor-widget-text-editor a {
  color: var(--brand-azul);
}
.elementor-widget-theme-post-content a:hover,
.elementor-widget-text-editor a:hover {
  color: var(--brand-azul-escuro);
}

/* Botões: cantos e foco coerentes com a marca */
.elementor-button {
  border-radius: 10px;
}
.elementor-button:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--brand-menta);
  outline-offset: 2px;
}

/* Mensagens dos formulários */
.elementor-message.elementor-message-success { color: #0F8F6A; }
.elementor-message.elementor-message-danger { color: #C62828; }

/* Tabelas de preços (complementa o CSS legado) */
.tabela-precos th:first-child,
.tabela-precos td:first-child { background: var(--brand-tinta); }
.tabela-precos thead th { font-family: "Sora", sans-serif; }