/* Pop-up "Solicitar orçamento" · Tinbol Tintas. Tudo com prefixo tbp- para não conflitar com o CSS do site. */
#tbp-overlay{--tbp-aside:#eef4e9;--tbp-ink:#1b2a1e;--tbp-muted:#586a5b;--tbp-faint:#8a988b;--tbp-line:#e6e3d8;--tbp-line2:#d7d3c6;
  --tbp-brand:#2f7d32;--tbp-brand-d:#1f5d23;--tbp-red:#df1f2d;--tbp-cta:#16a34a;--tbp-cta-d:#118a3e;--tbp-danger:#d64545;--tbp-danger-bg:#fdecec;
  position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;
  background:rgba(16,24,17,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--tbp-ink);
  -webkit-font-smoothing:antialiased;text-align:left}
#tbp-overlay.tbp-open{display:flex;animation:tbp-fade .2s ease}
#tbp-overlay *,#tbp-overlay *::before,#tbp-overlay *::after{box-sizing:border-box}
@keyframes tbp-fade{from{opacity:0}to{opacity:1}}
@keyframes tbp-pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

#tbp-overlay .tbp-modal{position:relative;width:100%;max-width:750px;max-height:94vh;overflow:auto;background:#fff;border-radius:20px;
  box-shadow:0 24px 70px rgba(10,20,12,.34);display:grid;grid-template-columns:43% 57%;grid-template-areas:"aside form" "social form";
  animation:tbp-pop .26s cubic-bezier(.2,.7,.3,1)}
#tbp-overlay .tbp-close{position:absolute;top:11px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:rgba(255,255,255,.9);color:#435144;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.12)}
#tbp-overlay .tbp-close:hover{background:#fff}
#tbp-overlay .tbp-close svg{width:18px;height:18px}

#tbp-overlay .tbp-aside{grid-area:aside;background:var(--tbp-aside);padding:28px 28px 12px}
#tbp-overlay .tbp-social{grid-area:social;background:var(--tbp-aside);padding:0 28px 28px}
#tbp-overlay .tbp-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;font-size:1.6rem;font-weight:800;
  line-height:1.12;letter-spacing:-.015em;margin:14px 0 0;color:var(--tbp-ink)}
#tbp-overlay .tbp-hl{color:var(--tbp-red)}
#tbp-overlay .tbp-swatch{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-right:.32em;vertical-align:-.05em;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
#tbp-overlay .tbp-swatch[hidden]{display:none}
#tbp-overlay .tbp-sub{font-size:.96rem;color:var(--tbp-muted);margin:9px 0 0}

#tbp-overlay .tbp-callouts{list-style:none;padding:0;margin:0;display:grid;gap:9px}
#tbp-overlay .tbp-callouts li{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:#2c3b2d;margin:0}
#tbp-overlay .tbp-ic{flex:none;width:26px;height:26px;border-radius:8px;background:#fff;color:var(--tbp-brand-d);display:grid;place-items:center;
  box-shadow:0 1px 3px rgba(20,40,22,.08)}
#tbp-overlay .tbp-ic svg{width:15px;height:15px}
#tbp-overlay .tbp-foot{margin-top:14px;padding-top:14px;border-top:1px solid #d6e4d0}
#tbp-overlay .tbp-greview{display:block;width:100%;max-width:220px;height:auto;background:#fff;border-radius:12px;padding:8px 12px;
  box-shadow:0 1px 3px rgba(20,40,22,.08)}
#tbp-overlay .tbp-greview-count{margin:8px 0 0;font-size:.84rem;font-weight:600;color:var(--tbp-muted)}

#tbp-overlay .tbp-formwrap{grid-area:form;padding:28px;background:#fff}
#tbp-overlay .tbp-fhead{font-family:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;font-size:1.28rem;font-weight:800;
  line-height:1.15;margin:0 0 16px;padding-right:36px;color:var(--tbp-ink)}
#tbp-overlay .tbp-field{margin:0 0 13px}
#tbp-overlay .tbp-field label{display:block;font-weight:600;font-size:.88rem;margin:0 0 6px;color:var(--tbp-ink)}
#tbp-overlay .tbp-req{color:var(--tbp-red)}
#tbp-overlay .tbp-control{display:block;width:100%;font:inherit;font-size:16px;color:var(--tbp-ink);background:#faf9f4;border:1.5px solid var(--tbp-line2);
  border-radius:10px;padding:12px 14px;margin:0;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}
#tbp-overlay .tbp-control::placeholder{color:#a7b3a8;opacity:1}
#tbp-overlay .tbp-control:focus{outline:none;border-color:var(--tbp-cta);background:#fff;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
#tbp-overlay .tbp-field[data-invalid] .tbp-control{border-color:var(--tbp-danger);background:var(--tbp-danger-bg)}
#tbp-overlay .tbp-err{display:none;color:var(--tbp-danger);font-size:.82rem;margin:5px 0 0;font-weight:600}
#tbp-overlay .tbp-field[data-invalid] .tbp-err{display:block}
#tbp-overlay .tbp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#tbp-overlay .tbp-ts{margin:2px 0 10px;min-height:0}

#tbp-overlay .tbp-cta{display:flex;width:100%;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:1.06rem;color:#fff;
  background:linear-gradient(180deg,var(--tbp-cta),var(--tbp-cta-d));border-radius:14px;padding:15px 18px;min-height:54px;margin:0;
  align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px rgba(22,163,74,.30);transition:transform .12s,box-shadow .12s,opacity .12s}
#tbp-overlay .tbp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(22,163,74,.38)}
#tbp-overlay .tbp-cta[disabled]{opacity:.7;cursor:progress;transform:none}
#tbp-overlay .tbp-support{text-align:center;color:var(--tbp-muted);font-size:.83rem;margin:9px 0 0;display:flex;align-items:center;justify-content:center;gap:6px}
#tbp-overlay .tbp-support svg,#tbp-overlay .tbp-privacy svg{width:14px;height:14px;flex:none;color:var(--tbp-brand)}
#tbp-overlay .tbp-privacy{display:flex;align-items:center;gap:7px;color:var(--tbp-faint);font-size:.8rem;margin:13px 0 0;line-height:1.4}
#tbp-overlay .tbp-alert{display:none;margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:.88rem;background:var(--tbp-danger-bg);color:#8a2b2b}
#tbp-overlay .tbp-alert.tbp-show{display:block}
#tbp-overlay .tbp-alert a{color:inherit;font-weight:700}
#tbp-overlay .tbp-done{display:none;text-align:center;padding:8px 4px}
#tbp-overlay .tbp-done.tbp-show{display:block}
#tbp-overlay .tbp-done p{color:var(--tbp-muted);margin:0}

@media (max-width:640px){
  #tbp-overlay{padding:10px}
  #tbp-overlay .tbp-modal{grid-template-columns:1fr;grid-template-areas:"aside" "form" "social";max-height:96vh}
  #tbp-overlay .tbp-aside{padding:22px 20px 14px}
  #tbp-overlay .tbp-social{padding:16px 20px 20px}
  #tbp-overlay .tbp-formwrap{padding:20px}
  #tbp-overlay .tbp-title{font-size:1.35rem;padding-right:34px}
  #tbp-overlay .tbp-fhead{padding-right:0}
  #tbp-overlay .tbp-greview{max-width:190px}
}
@media (prefers-reduced-motion:reduce){#tbp-overlay,#tbp-overlay *{animation:none!important;transition:none!important}}
html.tbp-lock,html.tbp-lock body{overflow:hidden!important}