@charset "UTF-8";

/* Quiziar v09. Identidade verde original, compartilhada por todas as páginas. */
@font-face {
  font-family: "Quiziar Inter";
  src: url('/assets/fonts/inter-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Quiziar Nunito";
  src: url('/assets/fonts/nunito-sans-variable.ttf') format('truetype');
  font-weight: 200 1000;
  font-display: swap;
}
:root {
  --brand-lime: #cbf675;
  --brand-lime-hover: #d9ff8f;
  --brand-leaf: #526f2e;
  --brand-forest: #233b2a;
  --brand-ink: #171f1d;
  --brand-muted: #626967;
  --brand-paper: #fdfdf7;
  --brand-surface: #fffefa;
  --brand-soft: #f1f6e8;
  --brand-soft-strong: #e7f3d1;
  --brand-line: #dce5cf;
  --brand-shadow: #9fba65;
  --paper: var(--brand-paper);
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --lime: var(--brand-lime);
  --lime-dark: var(--brand-shadow);
  --line: var(--brand-line);
  font-family: "Quiziar Inter", Inter, 'Segoe UI', sans-serif;
  color: var(--brand-ink);
  background: var(--brand-paper);
  accent-color: var(--brand-leaf);
}
::selection { color: var(--brand-ink); background: var(--brand-lime); }
:where(h1, h2, h3, h4) { font-family: "Quiziar Nunito", Nunito, sans-serif; }
:where(button, a, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--brand-leaf);
  outline-offset: 4px;
}
:where(input, select, textarea):focus { outline-color: var(--brand-leaf); }
.brand { color: var(--brand-ink); }
.brand-dot { color: var(--brand-leaf); }
.brand-mark { background: var(--brand-lime); }
.desktop-nav a:hover, .admin-entry:hover, .text-link:hover,
.footer-solutions a:hover { color: var(--brand-leaf); }
.button-lime, .button.lime {
  color: var(--brand-ink);
  background: var(--brand-lime);
  border-color: #b8d976;
  box-shadow: 0 5px 0 var(--brand-shadow);
}
.button-lime:hover, .button.lime:hover { background: var(--brand-lime-hover); }
.button-dark, .button.dark, .application-panel > .button {
  color: #fff;
  background: var(--brand-ink);
  border-color: var(--brand-ink);
  box-shadow: 0 4px 0 #111a17;
}
.button-dark:hover, .button.dark:hover, .application-panel > .button:hover {
  background: var(--brand-forest);
}
.button:active { box-shadow: none; }
.hero-eyebrow, .hero-reassurance svg, .eyebrow-muted,
.demo-copy .eyebrow, .hero-details svg { color: var(--brand-leaf); }
.hero-description { color: var(--brand-muted); }
.hero-description strong { color: var(--brand-forest); }
.highlight:before { background: var(--brand-soft-strong); }
.highlight svg { stroke: var(--brand-leaf); }
.underlined:after { background: var(--brand-lime); }
.scene-note-icon, .step-green, .step-purple, .step-lilac,
.icon-green, .creation-icon, .application-tab-icon {
  color: var(--brand-leaf);
  background: var(--brand-soft-strong);
}
.scene-note, .how-section, .solutions-section { border-color: var(--brand-line); }
.scene-note strong, .how-step h3 { color: var(--brand-ink); }
.how-step p, .hero-reassurance { color: var(--brand-muted); }

/* Solutions use the same brand even when their subject changes. */
.solution-card, .solution-page {
  --accent: var(--brand-soft-strong);
}
.solutions-heading h2 span, .applications-heading h2 > span,
.results-heading h2 > span, .demo-copy h2 > span {
  color: var(--brand-leaf);
}
.solution-card { border-color: var(--brand-line); background: var(--brand-surface); }
.solution-card-icon { color: var(--brand-forest); background: var(--brand-soft-strong); }
.solution-card-link, .solution-detail li svg { color: var(--brand-leaf); }
.solution-card:hover { border-color: var(--brand-shadow); }
.solution-journey { background: var(--brand-soft); border-color: var(--brand-line); }
.solution-journey-top, .solution-journey li > span,
.solution-detail-index { color: var(--brand-forest); }
.solution-example { background: var(--brand-soft); }
.solution-cta { background: var(--brand-forest); }
.solution-cta .eyebrow { color: var(--brand-lime); }
.solution-cta p { color: #d1dfc8; }

/* Generative content and application explorer. */
.intelligence-section { background: var(--brand-soft); border-color: var(--brand-line); }
.intelligence-copy > .eyebrow, .intelligence-copy h2 > span {
  color: var(--brand-leaf);
}
.intelligence-copy > p:not(.intelligence-scope), .intelligence-steps p,
.intelligence-scope, .creation-help, .example-footnote,
.journey-preview > p, .journey-preview ol, .journey-preview .question-provenance,
.application-panel > p:not(.application-footnote),
.application-panel > .application-footnote { color: var(--brand-muted); }
.intelligence-steps > li > span {
  color: var(--brand-forest);
  background: var(--brand-soft-strong);
  border-color: var(--brand-line);
}
.intelligence-steps strong, .source-document strong,
.journey-preview h4, .application-panel h3, .scenario-example > p {
  color: var(--brand-ink);
}
.creation-example { background: var(--brand-surface); border-color: var(--brand-line); }
.example-label, .application-kicker, .scenario-example > span,
.source-document svg, .source-document > div > span,
.source-document > small { color: var(--brand-leaf); }
.creation-example > .insight-select, .source-document, .journey-preview {
  color: var(--brand-forest);
  background: var(--brand-paper);
  border-color: var(--brand-line);
}
.source-document blockquote { color: var(--brand-muted); border-color: var(--brand-shadow); }
.journey-toggle {
  color: var(--brand-forest);
  background: var(--brand-lime);
  border-color: #b8d976;
  box-shadow: 0 3px 0 var(--brand-shadow);
}
.journey-toggle:hover { background: var(--brand-lime-hover); }
.creation-cycle, .journey-preview .question-provenance { border-color: var(--brand-line); }
.creation-cycle { color: var(--brand-muted); }
.creation-cycle strong { color: var(--brand-leaf); }
.application-tabs > button[aria-selected=true] {
  background: var(--brand-soft);
  border-color: var(--brand-shadow);
}
.application-tabs > button[aria-selected=true] .application-tab-icon {
  color: var(--brand-ink);
  background: var(--brand-lime);
}
.application-panel { background: var(--brand-soft); border-color: var(--brand-line); }
.application-symbol, .application-tags > span {
  color: var(--brand-leaf);
  background: var(--brand-paper);
  border-color: var(--brand-line);
}

/* Quiz and avatar. Costume colors still identify earned evolution stages. */
.demo-section { background: var(--brand-soft); border-color: var(--brand-line); }
.quiz-shell { background: var(--brand-surface); border-color: var(--brand-line); border-bottom-color: var(--brand-shadow); }
.quiz-xp, .question-tag { color: var(--brand-leaf); background: var(--brand-soft); }
.quiz-progress > span, .avatar-progress > span { background: var(--brand-lime); }
.answer-option.selected, .answer-option.correct {
  color: var(--brand-forest);
  border-color: var(--brand-leaf);
  background: var(--brand-soft-strong);
}
.answer-option:hover:not(:disabled) { border-color: var(--brand-leaf); }
.quiz-feedback:not(.neutral) { background: var(--brand-soft); border-color: var(--brand-shadow); }
.avatar-milestones .is-unlocked { color: var(--brand-forest); background: var(--brand-soft); }
.avatar-milestones [aria-current=step] {
  color: var(--brand-ink);
  background: var(--brand-lime);
  border-color: var(--brand-shadow);
}
.avatar-unlock-feedback { background: var(--brand-soft); border-color: var(--brand-line); }
.avatar-unlock-feedback > div > span { color: var(--brand-leaf); }
.avatar-unlock-feedback strong { color: var(--brand-forest); }
.avatar-unlock-feedback p { color: var(--brand-muted); }

/* The default dashboard follows Quiziar; alternate client universes remain selectable. */
.insights-board:not([data-universe]), .insights-board[data-universe=trilha] {
  --board-accent: var(--brand-lime);
  --board-bg: var(--brand-soft);
  --board-ink: var(--brand-leaf);
  --board-strong: var(--brand-forest);
}
.insights-board { border-color: var(--brand-line); background: var(--brand-surface); }
.insights-tabs { background: var(--brand-soft); border-color: var(--brand-line); }
.insights-tabs > button { color: var(--brand-muted); }
.insights-tabs > button[aria-selected=true] { border-color: var(--brand-line); border-bottom-color: var(--brand-surface); }
.insight-metrics > div, .crm-simulation { background: var(--brand-paper); border-color: var(--brand-line); }
.reinforcement-card { background: var(--brand-soft); border-color: var(--brand-line); }
.reinforcement-card > .insight-kicker, .reinforcement-card h4,
.reinforcement-action > span, .reinforcement-action strong {
  color: var(--brand-leaf);
}
.reinforcement-card > p, .reinforcement-card > small,
.reinforcement-card .reinforcement-review { color: var(--brand-muted); }
.reinforcement-action { background: var(--brand-surface); border-color: var(--brand-line); }
.reinforcement-card .reinforcement-review { border-color: var(--brand-line); }
.simulation-toggle { color: var(--brand-forest); background: var(--brand-soft-strong); border-color: var(--brand-shadow); }
.simulation-toggle[aria-pressed=true] { color: var(--board-accent); background: var(--board-strong); }

/* Contact, forms and shared footer. */
.contact-panel { background: var(--brand-forest); }
.contact-copy .eyebrow { color: var(--brand-lime); }
.contact-copy > p, .contact-next-steps > li { color: #d1dfc8; }
.contact-next-steps > li > span { color: var(--brand-lime); border-color: #799565; }
.lead-form, .form-grid input, .form-grid textarea, .form-grid select { border-color: var(--brand-line); }
.lead-form { background: var(--brand-surface); }
.form-grid input, .form-grid textarea, .form-grid select { background: var(--brand-paper); color: var(--brand-ink); }
.form-grid label, .consent, .form-kicker { color: var(--brand-forest); }
.contact-intent label:has(input:checked) { background: var(--brand-soft-strong); border-color: var(--brand-leaf); }
.contact-intent input { accent-color: var(--brand-leaf); }
.solution-whatsapp, .result-whatsapp, .footer-whatsapp { color: var(--brand-leaf); }
.contact-whatsapp { color: var(--brand-lime); }
.contact-whatsapp:focus-visible, .result-whatsapp:focus-visible { outline-color: var(--brand-leaf); }
.whatsapp-float { background: var(--brand-forest); border-color: #0b2417; }
.whatsapp-float:hover { background: #304e37; }
.whatsapp-float:focus-visible { outline-color: var(--brand-leaf); }
.site-footer { border-color: var(--brand-line); }

/* Administrative experience: same logo, local fonts and readable green palette. */
.admin-app { font-family: "Quiziar Inter", Inter, sans-serif; background: var(--brand-paper); color: var(--brand-ink); }
.admin-app :is(h1,h2,h3,.brand,.kpi>strong) { font-family: "Quiziar Nunito", Nunito, sans-serif; font-weight: 900; }
.admin-app .brand-icon { padding: 0; object-fit: contain; letter-spacing: normal; background: var(--brand-lime); }
.admin-app .login-story, .admin-app .sidebar { background: var(--brand-forest); }
.admin-app .login-story .brand, .admin-app .sidebar .brand { color: var(--brand-paper); }
.admin-app .login-story > p, .admin-app .login-story > small,
.admin-app .login-kicker, .admin-app .sidebar-caption,
.admin-app .sidebar-note p, .admin-app .version { color: #b9cdb0; }
.admin-app .sidebar nav > a, .admin-app .sidebar-bottom > a,
.admin-app .sidebar-bottom button { color: #d1dfc8; }
.admin-app .sidebar nav > a:hover { background: #304e37; }
.admin-app .sidebar nav > a.active { background: var(--brand-lime); color: var(--brand-ink); box-shadow: 0 3px 0 var(--brand-shadow); }
.admin-app .sidebar-note { background: #2b4632; border-color: #57754b; }
.admin-app .sidebar-note b { color: var(--brand-paper); }
.admin-app .sidebar-note > span { color: var(--brand-lime); }
.admin-app .admin-topbar, .admin-app .panel,
.admin-app .kpi, .admin-app .button.outline { background: var(--brand-surface); border-color: var(--brand-line); }
.admin-app .kpi-featured { background: var(--brand-soft-strong); }
.admin-app .kpi-featured > strong, .admin-app .page-heading h1 > span,
.admin-app .simple-link, .admin-app .pagination a,
.admin-app .contact-detail a { color: var(--brand-leaf); }
.admin-app .label-top { color: var(--brand-leaf); }
.admin-app .admin-topbar, .admin-app .admin-topbar b, .admin-app .admin-user,
.admin-app .page-heading p, .admin-app .filters label,
.admin-app .filter-note, .admin-app .kpi > div, .admin-app .kpi > small,
.admin-app .panel-footnote, .admin-app .data-note,
.admin-app .legend, .admin-app .chart-summary span,
.admin-app .empty-chart p, .admin-app .empty-small,
.admin-app .login-form > p, .admin-app .login-form > small,
.admin-app .back-link, .admin-app .password-field button,
.admin-app .question-analytics small, .admin-app .settings-form small,
.admin-app .admin-footer { color: var(--brand-muted); }
.admin-app .funnel-row > div, .admin-app .source-list > div,
.admin-app .topic-list > div, .admin-app th, .admin-app td,
.admin-app td small, .admin-app .contact-detail > div > span,
.admin-app .contact-detail p, .admin-app .lead-message > span,
.admin-app .lead-message p, .admin-app .environment-panel dt,
.admin-app .environment-panel dd, .admin-app .question-analytics h3,
.admin-app .settings-form label { color: var(--brand-muted); }
.admin-app td strong, .admin-app .contact-detail b,
.admin-app .source-list b, .admin-app .topic-list b,
.admin-app .funnel-row b { color: var(--brand-forest); }
.admin-app input, .admin-app select, .admin-app textarea { background: var(--brand-paper); border-color: var(--brand-line); color: var(--brand-ink); }
.admin-app input::placeholder, .admin-app textarea::placeholder { color: var(--brand-muted); }
.admin-app .chart-line { stroke: var(--brand-leaf); }
.admin-app .chart-dot { fill: var(--brand-leaf); }
.admin-app .chart-area { fill: #cbf67533; }
.admin-app .visits-chart text { fill: var(--brand-muted); }
.admin-app progress::-webkit-progress-value { background: var(--brand-shadow); }
.admin-app progress::-moz-progress-bar { background: var(--brand-shadow); }
.admin-app .status-cliente { color: var(--brand-leaf); background: var(--brand-soft-strong); border-color: var(--brand-shadow); }
.admin-app .status-atendimento { color: #654880; }
.admin-app .status-proposta { color: #825d23; }
.admin-app .status-encerrado { color: #626455; }

@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
}