/* ============================================================
   Modelo do orçamento (PDF / impressão) — Heeca Orçamento
   Documento neutro: a marca do cliente entra pela logo e pelo nome da empresa
   (Configurações). Paleta quase-preto + cinza + verde do produto.
   Largura de trabalho: ~734px (A4 com margens de 8 mm) — tudo em px.
   Os nomes das variáveis foram mantidos (marrom/bege/dourado) para não tocar
   nas regras abaixo; só os valores mudaram.
   ============================================================ */
#impressao {
  --pdf-marrom: #0a0a0a;        /* blocos escuros */
  --pdf-escuro: #0a0a0a;
  --pdf-bege: #f7f7f8;          /* fundos suaves */
  --pdf-creme: #ffffff;
  --pdf-dourado: #0f8a5f;       /* acento (verde Orçamento) */
  --pdf-dourado-claro: #6fcfa6; /* acento sobre fundo escuro */
  --pdf-texto: #0a0a0a;
  --pdf-linha: #e3e3e6;
  --pdf-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --pdf-corpo: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --pdf-script: 'Montserrat', system-ui, sans-serif;
  --pdf-raio: 6px;
  --pdf-sombra: none;

  font-family: var(--pdf-corpo); color: var(--pdf-texto); font-size: 11.5px; line-height: 1.45;
  background: var(--pdf-creme);
}
#impressao * { box-sizing: border-box; }
#impressao .ico { vertical-align: middle; flex: none; }
#impressao .bloco { background: #fff; border: 1px solid var(--pdf-linha); border-radius: var(--pdf-raio); }

/* ---- logo da empresa (opcional, Configurações) ---- */
.pdf-logo { display: block; width: 62px; height: 62px; object-fit: contain; }

/* ---- corpo com respiro lateral ---- */
.pdf-corpo { padding: 14px 16px 10px; }

/* ---- título + número + citação ---- */
.pdf-titulo { display: grid; grid-template-columns: 1fr 150px 200px; gap: 12px; margin-bottom: 12px; align-items: stretch; }
.pdf-titulo .marca { display: flex; align-items: center; gap: 12px; }
.pdf-titulo .marca .ico { background: var(--pdf-bege); border-radius: 12px; }
.pdf-titulo h2 { margin: 0; font-family: var(--pdf-display); font-weight: 500; font-size: 28px; line-height: 1; color: var(--pdf-dourado); letter-spacing: -.01em; }
.pdf-titulo .empresa { font-family: var(--pdf-display); font-weight: 500; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--pdf-marrom); margin-top: 3px; }
.pdf-titulo .ramo { font-family: var(--pdf-display); font-weight: 400; font-size: 8.5px; letter-spacing: .2em; text-transform: uppercase; color: #6a6a6a; margin-top: 1px; }
.pdf-titulo .numero { padding: 9px 12px; display: flex; flex-direction: column; justify-content: center; gap: 3px; font-size: 10px; color: #6a6a6a; }
.pdf-titulo .numero b { font-family: var(--pdf-display); font-weight: 600; font-size: 16px; color: var(--pdf-texto); letter-spacing: .04em; }
.pdf-titulo .citacao { background: var(--pdf-bege); border-radius: var(--pdf-raio); padding: 9px 12px; font-family: var(--pdf-display); font-weight: 400; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; text-align: center; color: var(--pdf-marrom); display: flex; flex-direction: column; justify-content: center; line-height: 1.35; }
.pdf-titulo .citacao span { font-family: var(--pdf-script); font-weight: 600; text-transform: none; letter-spacing: 0; font-size: 16px; color: var(--pdf-escuro); margin-top: 3px; }

/* ---- cliente ---- */
.pdf-cliente { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; padding: 10px 14px; margin-bottom: 12px; font-size: 11.5px; }
.pdf-cliente div { display: flex; align-items: center; gap: 8px; }
.pdf-cliente b { font-weight: 700; color: var(--pdf-texto); margin-right: 2px; }

/* ---- serviço ---- */
.pdf-grupo { margin-bottom: 12px; page-break-inside: avoid; overflow: hidden; }
.pdf-grupo h3 { background: var(--pdf-marrom); color: #fff; padding: 8px 12px; margin: 0; font-family: var(--pdf-display); font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: .04em; display: flex; align-items: center; gap: 8px; }
.pdf-grupo table { width: 100%; border-collapse: collapse; font-size: 10.5px; }
.pdf-grupo th { background: var(--pdf-bege); color: var(--pdf-marrom); font-family: var(--pdf-display); font-weight: 500; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; text-align: left; padding: 6px 10px; }
.pdf-grupo td { padding: 5px 10px; border-bottom: 1px solid var(--pdf-linha); }
.pdf-grupo .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pdf-grupo .subtotal { display: flex; justify-content: flex-end; align-items: baseline; gap: 12px; padding: 8px 12px; background: var(--pdf-bege); font-size: 10.5px; color: #6a6a6a; }
.pdf-grupo .subtotal b { font-family: var(--pdf-display); font-weight: 600; font-size: 14px; color: var(--pdf-texto); letter-spacing: .02em; }

/* ---- fecho: destaques + condições | total + whatsapp ---- */
.pdf-fecho { display: grid; grid-template-columns: 1fr 250px; gap: 12px; margin-top: 2px; page-break-inside: avoid; }
.pdf-destaques { background: var(--pdf-marrom); color: #fff; border-radius: var(--pdf-raio); padding: 12px 10px 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; text-align: center; }
.pdf-destaques .ico { margin-bottom: 6px; }
.pdf-destaques b { display: block; font-family: var(--pdf-display); font-weight: 500; font-size: 8.5px; letter-spacing: .06em; text-transform: uppercase; line-height: 1.35; }
.pdf-condicoes { display: flex; gap: 12px; margin-top: 10px; align-items: flex-start; }
.pdf-condicoes .ico { background: var(--pdf-bege); border-radius: 12px; }
.pdf-condicoes b { display: block; font-family: var(--pdf-display); font-weight: 600; text-transform: uppercase; font-size: 11px; letter-spacing: .04em; margin-bottom: 2px; }
.pdf-condicoes p { margin: 0; font-size: 10.5px; color: #2e2e2e; white-space: pre-line; }
.pdf-total { display: grid; grid-template-columns: auto 1fr; align-items: stretch; border-radius: var(--pdf-raio); overflow: hidden; background: var(--pdf-marrom); box-shadow: var(--pdf-sombra); }
.pdf-total span { padding: 12px 14px; font-family: var(--pdf-display); font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: .04em; color: #fff; display: flex; align-items: center; }
.pdf-total b { padding: 10px 12px; font-family: var(--pdf-display); font-weight: 700; font-size: 21px; color: #fff; background: var(--pdf-dourado); display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; }
.pdf-zap { margin-top: 10px; background: var(--pdf-marrom); color: #fff; border-radius: var(--pdf-raio); padding: 12px; display: flex; gap: 10px; align-items: center; }
.pdf-zap .ico { border-radius: 50%; }
.pdf-zap small { display: block; font-family: var(--pdf-display); font-weight: 400; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--pdf-dourado-claro); }
.pdf-zap b { display: block; font-family: var(--pdf-display); font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: .03em; margin: 1px 0 3px; }
.pdf-zap p { margin: 0; font-size: 10px; color: #cfcfd4; line-height: 1.35; }

/* ---- assinaturas ---- */
.pdf-assinaturas { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin: 30px 40px 16px; page-break-inside: avoid; }
.pdf-assinaturas div { border-top: 1px solid var(--pdf-texto); text-align: center; padding-top: 6px; font-family: var(--pdf-display); font-weight: 400; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--pdf-texto); }
.pdf-assinaturas small { display: block; font-family: var(--pdf-corpo); letter-spacing: 0; text-transform: none; font-size: 9.5px; color: #6a6a6a; }

/* ---- rodapé ---- */
.pdf-rodape { position: relative; overflow: hidden; color: #fff; border-radius: 0 0 var(--pdf-raio) var(--pdf-raio); padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10.5px; background-color: var(--pdf-marrom); }
.pdf-rodape .itens { position: relative; display: flex; gap: 0; flex-wrap: nowrap; white-space: nowrap; align-items: center; font-size: 10px; }
.pdf-rodape .itens div { display: flex; align-items: center; gap: 6px; padding: 0 11px; border-left: 1px solid rgba(255,255,255,.25); }
.pdf-rodape .itens div:first-child { padding-left: 0; border-left: 0; }

@media print {
  #impressao, #impressao * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}