/* OCV PROPOSTA CORES PERSONALIZADAS V193.13 — 2026.08.24 */

@font-face{
  font-family:"Montserrat OCV";
  src:url("../fonts/montserrat-latin-variable.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

#telaProposta.ocv-proposta-v184 > .card{
  max-width:1180px;
  margin-inline:auto;
}

#telaProposta.ocv-proposta-v184 .opcoes-proposta{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:9px;
  margin-top:14px;
}

#telaProposta.ocv-proposta-v184 .opcao-proposta{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:43px;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--line,#dbe3ef);
  border-radius:12px;
  background:var(--card,#fff);
  color:var(--txt,#0f172a);
  font-size:13px;
  font-weight:750;
  line-height:1.25;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

#telaProposta.ocv-proposta-v184 .opcao-proposta:hover{
  border-color:#93c5fd;
  box-shadow:0 5px 16px rgba(37,99,235,.09);
  transform:translateY(-1px);
}

#telaProposta.ocv-proposta-v184 .opcao-proposta:has(input:focus-visible){
  outline:3px solid rgba(37,99,235,.2);
  outline-offset:2px;
}

#telaProposta.ocv-proposta-v184 .opcao-proposta input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  accent-color:#2563eb;
}

.ocv-proposta-toolbar-v184{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:16px 0;
  padding:13px;
  border:1px solid var(--line,#dbe3ef);
  border-radius:16px;
  background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);
}

.ocv-proposta-header-v193{position:sticky;top:8px;z-index:35;align-items:center;gap:14px;margin:-10px -12px 0;padding:10px 12px;border:1px solid rgba(203,216,237,.9);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,42,80,.09);backdrop-filter:blur(12px)}
.ocv-proposta-top-actions-v193{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}
.ocv-proposta-top-actions-v193 button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:10px 17px;border:0;border-radius:13px;color:#fff;font:850 13px/1.1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.15);transition:transform .16s ease,box-shadow .16s ease}
.ocv-proposta-top-actions-v193 button:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(15,23,42,.2)}
.ocv-proposta-top-actions-v193 button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}
.ocv-proposta-top-actions-v193 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ocv-proposta-pdf-top-v193{background:#0f172a}
.ocv-proposta-whatsapp-top-v193{min-height:40px!important;padding:10px 16px!important;border-radius:12px!important;background:#118a43}

.ocv-proposta-toolbar-v184__actions,
.ocv-proposta-toolbar-v184__images{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.ocv-proposta-toolbar-v184 button,
.ocv-proposta-toolbar-v184 .ocv-proposta-file-v184{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:12px;
  font:800 13px/1.2 Inter,Arial,sans-serif;
  cursor:pointer;
  text-decoration:none;
}

.ocv-proposta-toolbar-v184 .ocv-proposta-zap-v184{
  color:#fff;
  background:#15803d;
}

.ocv-proposta-toolbar-v184 .ocv-proposta-pdf-v184{
  color:#fff;
  background:#0f172a;
}

.ocv-proposta-toolbar-v184 .ocv-proposta-file-v184{
  color:#1e3a8a;
  border-color:#bfdbfe;
  background:#fff;
}

.ocv-proposta-toolbar-v184 .ocv-proposta-remove-v184{
  min-height:36px;
  padding:7px 10px;
  color:#991b1b;
  border-color:#fecaca;
  background:#fff;
}

.ocv-proposta-toolbar-v184 button:focus-visible,
.ocv-proposta-toolbar-v184 .ocv-proposta-file-v184:focus-within{
  outline:3px solid rgba(37,99,235,.25);
  outline-offset:2px;
}

.ocv-proposta-toolbar-v184 input[type=file]{display:none}

.ocv-proposta-image-status-v184{
  color:#475569;
  font-size:12px;
  font-weight:750;
}

#propostaPreview.proposta-v184{
  width:min(100%,900px);
  margin:0 auto;
  padding:28px;
  color:#0f172a;
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:22px;
  box-shadow:0 22px 56px rgba(15,23,42,.11);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.45;
  overflow:hidden;
}

.ocv-proposta-print-v184{
  font-family:Arial,Helvetica,sans-serif;
}

.proposta-empresa-v184 h2,
.proposta-kicker-v184,
.proposta-servico-v184,
.proposta-secao-v184__titulo,
.proposta-item-v184__tag,
.proposta-item-v184 h3,
.proposta-card-v184 h3,
.proposta-subitens-v184__titulo{
  font-family:"Montserrat OCV",Montserrat,Arial,Helvetica,sans-serif;
}

#propostaPreview.proposta-v184 *,
.ocv-proposta-print-v184 *{box-sizing:border-box}

.proposta-v184 .proposta-cabecalho-v184,
.ocv-proposta-print-v184 .proposta-cabecalho-v184{
  display:grid;
  grid-template-columns:minmax(0,180px) minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding-bottom:20px;
  border-bottom:2px solid #dbeafe;
}

.proposta-v184 .proposta-cabecalho-v184.sem-logo,
.ocv-proposta-print-v184 .proposta-cabecalho-v184.sem-logo{
  grid-template-columns:1fr;
}

.proposta-logo-v184{
  display:block;
  width:100%;
  max-width:180px;
  max-height:118px;
  object-fit:contain;
  object-position:left top;
}

.proposta-empresa-v184 h2{
  margin:0;
  color:#0f172a;
  font-size:22px;
  line-height:1.18;
}

.proposta-empresa-v184__responsavel{
  margin-top:5px;
  color:#475569;
  font-size:12px;
  font-weight:700;
}

.proposta-empresa-v184__dados{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 18px;
  margin-top:12px;
  color:#334155;
  font-size:11px;
  overflow-wrap:anywhere;
}

.proposta-localizacao-v184{
  grid-column:1/-1;
  margin-top:4px;
  padding-top:9px;
  border-top:1px solid #e2e8f0;
}

.proposta-topo-v184{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-top:22px;
}

.proposta-kicker-v184{
  margin:0 0 4px;
  color:#2563eb;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.proposta-servico-v184{
  margin:0;
  color:#0f172a;
  font-size:30px;
  line-height:1.12;
  overflow-wrap:anywhere;
}

.proposta-saudacao-v184{
  margin:11px 0 0;
  color:#475569;
  font-size:13px;
  white-space:pre-line;
}

.proposta-referencia-v184{
  min-width:150px;
  padding:10px 12px;
  color:#1e3a8a;
  border:1px solid #bfdbfe;
  border-radius:12px;
  background:#eff6ff;
  font-size:11px;
  font-weight:750;
  text-align:right;
}

.proposta-grid-v184{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.proposta-info-v184{
  min-height:65px;
  padding:11px 12px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#f8fafc;
}

.proposta-info-v184 small{
  display:block;
  margin-bottom:4px;
  color:#64748b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.proposta-info-v184 strong{
  display:block;
  color:#0f172a;
  font-size:12px;
  overflow-wrap:anywhere;
}

.proposta-secao-v184{margin-top:22px}

.proposta-secao-v184__titulo{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
  color:#0f172a;
  font-size:15px;
  font-weight:900;
}

.proposta-secao-v184__titulo::before{
  content:"";
  width:4px;
  height:18px;
  flex:0 0 4px;
  border-radius:999px;
  background:#2563eb;
}

.proposta-card-v184,
.proposta-item-v184{
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:15px;
  background:#fff;
  break-inside:avoid;
}

.proposta-card-v184 + .proposta-card-v184,
.proposta-item-v184 + .proposta-item-v184{margin-top:10px}

.proposta-item-v184__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.proposta-item-v184__tag{
  color:#2563eb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.proposta-item-v184 h3{
  margin:3px 0 0;
  color:#0f172a;
  font-size:15px;
  line-height:1.25;
}

.proposta-item-v184__valor{
  flex:0 0 auto;
  color:#166534;
  font-size:15px;
  font-weight:900;
}

.proposta-item-v184__detalhes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(125px,1fr));
  gap:8px;
  margin-top:11px;
}

.proposta-mini-v184{
  padding:8px 9px;
  border-radius:10px;
  background:#f8fafc;
  color:#334155;
  font-size:11px;
}

.proposta-mini-v184 b{
  display:block;
  margin-bottom:2px;
  color:#64748b;
  font-size:8px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.proposta-subitens-v184{
  margin:11px 0 0;
  padding:10px 12px;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  background:#f8fafc;
}

.proposta-subitens-v184__titulo{
  margin-bottom:6px;
  color:#475569;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.proposta-subitem-v184{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:5px 0;
  color:#334155;
  border-top:1px solid #e2e8f0;
  font-size:10px;
}

.proposta-subitem-v184:first-of-type{border-top:0}

.proposta-texto-v184{
  margin-top:10px;
  padding-top:9px;
  color:#475569;
  border-top:1px solid #eef2f7;
  font-size:11px;
  white-space:pre-line;
}

.proposta-linha-v184{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:7px 0;
  color:#475569;
  border-bottom:1px solid #eef2f7;
  font-size:11px;
}

.proposta-linha-v184:last-child{border-bottom:0}
.proposta-linha-v184 b{color:#0f172a;text-align:right}

.proposta-financeiro-v184{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.proposta-guia-pagamento-v207 h3{margin-bottom:3px}
.proposta-guia-pagamento-v207__subtitulo{margin:0 0 9px;color:#64748b;font-size:10px;line-height:1.4}
.proposta-guia-pagamento-v207__linha{
  display:grid;
  grid-template-columns:25px minmax(82px,.75fr) minmax(0,1.2fr);
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 7px;
  border:1px solid color-mix(in srgb,var(--doc-primary,#2563eb) 16%,#fff);
  border-radius:9px;
  background:#fff;
}
.proposta-guia-pagamento-v207__linha + .proposta-guia-pagamento-v207__linha{margin-top:5px}
.proposta-guia-pagamento-v207__linha b{color:var(--doc-secondary,#0f172a);font-size:9.5px;line-height:1.25}
.proposta-guia-pagamento-v207__linha>span:last-child{color:var(--doc-primary,#2563eb);font-size:8.8px;font-weight:800;line-height:1.25}
.proposta-guia-pagamento-v207__icone{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:7px;
  background:color-mix(in srgb,var(--doc-primary,#2563eb) 8%,#fff);
  color:var(--doc-primary,#2563eb);
}
.proposta-guia-pagamento-v207__icone svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.proposta-guia-pagamento-v207__nota{
  margin:8px 0 0;
  padding:7px 9px;
  border-radius:8px;
  background:color-mix(in srgb,var(--doc-primary,#2563eb) 8%,#fff);
  color:var(--doc-primary,#2563eb);
  font-size:8.5px;
  font-weight:700;
  line-height:1.35;
}

.proposta-totais-v184{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

.proposta-total-v184{
  padding:13px;
  color:#fff;
  border-radius:13px;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);
}

.proposta-total-v184.prazo{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%)}
.proposta-total-v184 small{display:block;font-size:9px;font-weight:800;text-transform:uppercase;opacity:.78}
.proposta-total-v184 strong{display:block;margin-top:3px;font-size:18px;line-height:1.1}

.proposta-condicoes-pagamento-v206{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.proposta-condicao-pagamento-v206{
  min-height:112px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--doc-primary,#2563eb) 25%,#fff);
  border-radius:13px;
  background:color-mix(in srgb,var(--doc-primary,#2563eb) 5%,#fff);
  break-inside:avoid;
}

.proposta-condicao-pagamento-v206 small{display:block;color:var(--doc-primary,#2563eb);font-size:9px;font-weight:900;letter-spacing:.02em}
.proposta-condicao-pagamento-v206 em{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:8px;font-style:normal;font-weight:900}
.proposta-condicao-pagamento-v206 strong{display:block;margin-top:5px;color:var(--doc-secondary,#0f172a);font-size:19px;line-height:1.1}
.proposta-condicao-pagamento-v206 p{margin:7px 0 0;color:#475569;font-size:10px;line-height:1.45}
.proposta-condicao-pagamento-v206.integral{background:color-mix(in srgb,#16a34a 8%,#fff);border-color:color-mix(in srgb,#16a34a 28%,#fff)}
.proposta-condicao-pagamento-v206.integral small{color:#15803d}

.proposta-clausulas-v184 ol{margin:0;padding-left:19px}
.proposta-clausulas-v184 li{margin:0 0 9px;padding-left:3px;color:#334155;font-size:11px;break-inside:avoid}
.proposta-clausulas-v184 li:last-child{margin-bottom:0}
.proposta-clausulas-v184 li b{display:block;color:#0f172a}
.proposta-clausulas-v184 li p{margin:2px 0 0;white-space:pre-line}

.proposta-condicoes-v184 p{
  margin:6px 0;
  color:#475569;
  font-size:11px;
  white-space:pre-line;
}

/* Identidade visual V193.13: a mesma paleta da configuração é usada na prévia e no PDF. */
#propostaPreview.proposta-v184{
  background:var(--doc-bg,#fff);
  border-color:color-mix(in srgb,var(--doc-primary,#2563eb) 28%,#fff);
}
.proposta-cabecalho-v184,.proposta-topo-v184{
  padding:18px;
  border:1px solid color-mix(in srgb,var(--doc-primary,#2563eb) 24%,#fff);
  border-radius:16px;
  background:rgba(255,255,255,.96);
}
.proposta-v184 .proposta-cabecalho-v184{padding-bottom:18px;border-bottom-width:1px}
.proposta-topo-v184{margin-top:14px}
.proposta-empresa-v184 h2,.proposta-servico-v184,.proposta-secao-v184__titulo,.proposta-item-v184 h3,.proposta-card-v184 h3,.proposta-info-v184 strong,.proposta-linha-v184 b,.proposta-clausulas-v184 li b{color:var(--doc-secondary,#0f172a)}
.proposta-kicker-v184,.proposta-item-v184__tag{color:var(--doc-primary,#2563eb)}
.proposta-secao-v184__titulo::before{background:var(--doc-primary,#2563eb)}
.proposta-referencia-v184{
  color:var(--doc-secondary,#0f172a);
  border-color:color-mix(in srgb,var(--doc-primary,#2563eb) 34%,#fff);
  background:color-mix(in srgb,var(--doc-primary,#2563eb) 8%,#fff);
}
.proposta-info-v184,.proposta-mini-v184,.proposta-subitens-v184{
  border-color:color-mix(in srgb,var(--doc-primary,#2563eb) 18%,#fff);
  background:color-mix(in srgb,var(--doc-primary,#2563eb) 5%,#fff);
}
.proposta-card-v184,.proposta-item-v184,.proposta-imagem-v184{border-color:color-mix(in srgb,var(--doc-primary,#2563eb) 22%,#fff)}
.proposta-total-v184{background:var(--doc-secondary,#0f172a)}
.proposta-total-v184.prazo{background:var(--doc-primary,#2563eb)}

.proposta-validade-v184{
  margin-top:18px;
  padding:12px 14px;
  color:#92400e;
  border:1px solid #fde68a;
  border-radius:13px;
  background:#fffbeb;
  font-size:11px;
  font-weight:800;
}

.proposta-imagens-v184{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}

.proposta-imagem-v184{
  margin:0;
  padding:8px;
  border:1px solid #e2e8f0;
  border-radius:15px;
  background:#fff;
  break-inside:avoid;
}

.proposta-imagem-v184 img{
  display:block;
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  border-radius:10px;
  background:#f8fafc;
}

.proposta-imagem-v184 figcaption{
  margin-top:6px;
  color:#64748b;
  font-size:9px;
  font-weight:750;
  text-align:center;
}

.proposta-rodape-v184{
  margin-top:22px;
  padding-top:12px;
  color:#64748b;
  border-top:1px solid #e2e8f0;
  font-size:10px;
  text-align:center;
  white-space:pre-line;
}

body.dark-pro #telaProposta.ocv-proposta-v184 .opcao-proposta,
body.dark-pro .ocv-proposta-toolbar-v184{
  border-color:#263247;
  background:#0b111c;
}

body.dark-pro .ocv-proposta-toolbar-v184__images,
body.dark-pro .ocv-proposta-image-status-v184{color:#cbd5e1}

@media(max-width:760px){
  .ocv-proposta-header-v193{align-items:stretch!important}.ocv-proposta-top-actions-v193{position:static;width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr}.ocv-proposta-top-actions-v193 button{min-width:0;padding:10px 9px;font-size:11px}
  #propostaPreview.proposta-v184{padding:17px;border-radius:16px}
  .proposta-v184 .proposta-cabecalho-v184{grid-template-columns:1fr;gap:13px}
  .proposta-logo-v184{max-width:210px;max-height:105px}
  .proposta-empresa-v184__dados,.proposta-grid-v184,.proposta-financeiro-v184{grid-template-columns:1fr}
  .proposta-topo-v184{display:block}
  .proposta-referencia-v184{margin-top:12px;text-align:left}
  .proposta-servico-v184{font-size:24px}
  .proposta-totais-v184{grid-template-columns:1fr}
  .proposta-condicoes-pagamento-v206{grid-template-columns:1fr}
  .proposta-imagens-v184{grid-template-columns:1fr}
  .ocv-proposta-toolbar-v184__actions,.ocv-proposta-toolbar-v184__images{width:100%}
  .ocv-proposta-toolbar-v184 button,.ocv-proposta-toolbar-v184 .ocv-proposta-file-v184{flex:1 1 165px}
  .ocv-proposta-image-status-v184{width:100%}
}

@media print{
  .ocv-proposta-toolbar-v184,.ocv-proposta-top-actions-v193,.no-print{display:none!important}
  html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #propostaPreview.proposta-v184,.ocv-proposta-print-v184{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .proposta-card-v184,.proposta-item-v184,.proposta-imagem-v184,.proposta-cabecalho-v184{break-inside:avoid!important}
  @page{size:A4;margin:10mm}
}