/* Tema Dnâmica (ORCA_TEMA=dnamica): a identidade do site dnamica.com.br aplicada ao sistema.
   Vermelho da marca com retícula de meio-tom (como no ícone), grafite nos fundos escuros, Barlow no
   texto e Barlow Condensed itálico nos títulos e números, botões arredondados como no site. */
:root {
  --dn-vermelho: #a5282e;
  --dn-vermelho-escuro: #7c1d22;
  --dn-vermelho-claro: #f7e9ea;
  --mesa: #232125;
  --mesa-escura: #1a181b;
  --mesa-fio: rgba(255, 255, 255, .08);
  --mesa-fio-forte: rgba(255, 255, 255, .2);
  --papel: #f6f4f2;
  --tinta: #232125;
  --texto: #3a383c;
  --grafite: #6f6c72;
  --fio: #e6e2e0;
  --fio-forte: #d3cdc9;
  --fonte: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-titulo: "Barlow Condensed", "Barlow", sans-serif;
  --encaixe-linha: #232125;
  --encaixe-sobra: #a5282e;
  --encaixe-chapa: #8a8589;
}

/* Títulos e números no condensado itálico do site */
h1, .topo h1, .entrada h1, .simples h1, .publico__titulo h1, .orc-publico__topo h1,
.kpi b, .resumo__preco, .calc__valor b, .orc-publico__total dd, .item__linha b, .pedido-ok h2 {
  font-family: var(--fonte-titulo); font-style: italic; font-weight: 800; font-stretch: normal; letter-spacing: 0;
}
.topo h1 { font-size: 32px; }
.kpi b { font-size: 34px; }
.resumo__preco { font-size: 46px; }
.calc__valor b { font-size: 46px; }
h2, .cartao__h, .cartao__titulo h2 { font-stretch: normal; font-weight: 700; }

/* Botões arredondados como no site */
.botao, .chip, .pilula { border-radius: 999px; }
.botao--tracejado { border-radius: var(--raio-g); }
.botao-icone { border-radius: 999px; }

/* Menu lateral grafite, item ativo no vermelho da marca */
.lateral { background: var(--mesa); }
.lateral a[aria-current=page] { background: var(--dn-vermelho); color: #fff; }
.lateral a:not(.botao):hover { background: rgba(255, 255, 255, .07); }
.lateral__usuario small { color: #b5b0b4; }
.lateral__nav .ic { opacity: .9; }

/* Entrada: painel vermelho com retícula de meio-tom e o logotipo grande */
.entrada__lado--marca {
  justify-content: center; align-items: flex-start; gap: 40px; padding: 48px clamp(28px, 6vw, 80px);
  background-color: var(--dn-vermelho);
  background-image:
    radial-gradient(circle, rgba(0, 0, 0, .22) 1.1px, transparent 1.6px),
    radial-gradient(ellipse at 45% 40%, #bb343b 0%, var(--dn-vermelho) 45%, var(--dn-vermelho-escuro) 100%);
  background-size: 9px 9px, 100% 100%;
}
.entrada__logo { width: min(520px, 100%); height: auto; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .25)); animation: logo-entra .7s cubic-bezier(.2, .8, .2, 1) both; }
.entrada__chamada { display: grid; gap: 12px; max-width: 460px; }
.entrada__chamada-titulo { margin: 0; font: italic 800 clamp(28px, 3.2vw, 40px)/1 var(--fonte-titulo); color: #fff; text-transform: uppercase; }
.entrada__lado--marca .entrada__frase { color: #f6dadc; font-size: 18px; }
.entrada--marca .entrada__form { background: var(--folha); }
.entrada--marca h1 { font-size: clamp(38px, 4vw, 52px); }
@keyframes logo-entra { from { opacity: 0; transform: translateX(-24px) skewX(-6deg); } to { opacity: 1; transform: none; } }

/* Encaixe sobre fundo grafite */
.encaixe__mesa { background-color: var(--mesa); }

/* Página do cliente e calculadora: detalhes no vermelho */
.calc__resultado { border-top-color: var(--marca); }
.pilula.is-ativa, .pilula[aria-checked=true] { background: var(--marca); border-color: var(--marca); }
.selo { font-weight: 700; }

@media (max-width: 900px) {
  .entrada__lado--marca { gap: 18px; padding: 28px 22px 26px; }
  .entrada__logo { width: min(340px, 100%); }
  .entrada__chamada-titulo { font-size: 24px; }
  .entrada__lado--marca .entrada__frase { font-size: 15px; }
  .topo h1 { font-size: 26px; }
  .resumo__preco, .calc__valor b { font-size: 34px; }
}
@media (max-width: 640px) {
  .kpi b { font-size: 28px; }
  .calc__valor b { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) { .entrada__logo { animation: none; } }