/* Proposta comercial · página A4 (794 × 1123 px) — reproduz o modelo "Estilo B lateral".
   Cores fixas (não seguem o tema do sistema). */
@font-face{font-family:"InterP"; src:url("../fonts/Inter-Regular.woff") format("woff"); font-weight:400}
@font-face{font-family:"InterP"; src:url("../fonts/Inter-Medium.woff") format("woff"); font-weight:500}
@font-face{font-family:"InterP"; src:url("../fonts/Inter-SemiBold.woff") format("woff"); font-weight:600}
@font-face{font-family:"InterP"; src:url("../fonts/Inter-Bold.woff") format("woff"); font-weight:700}
@font-face{font-family:"InterP"; src:url("../fonts/Inter-ExtraBold.woff") format("woff"); font-weight:800}
.pp{--pp-escuro:#1e2b0c; --pp-arco:#2b3c0e; --pp-lima:#a2da27; --pp-lima-c:#eef6da; --pp-texto:#1b1f23; --pp-cinza:#5b6168; --pp-linha:#e3e6df; --pp-tag:#4f7d0e; --pp-verm:#c2412d; --pp-fundo:#f5f7f1;
  width:794px; height:1123px; position:relative; overflow:hidden; background:#fff; color:var(--pp-texto); font-family:"InterP", "Inter", Arial, sans-serif; font-size:11px; line-height:1.45; display:grid; grid-template-columns:234px 1fr; box-sizing:border-box; -webkit-print-color-adjust:exact; print-color-adjust:exact}
.pp *{box-sizing:border-box; margin:0}
.pp-lado{background:var(--pp-escuro); color:#fff; padding:52px 28px 30px; display:flex; flex-direction:column; position:relative; overflow:hidden}
.pp-lado::before{content:""; position:absolute; left:-120px; top:705px; width:560px; height:560px; border-radius:50%; background:var(--pp-arco); opacity:.55}
.pp-lado::after{content:""; position:absolute; left:-60px; top:790px; width:520px; height:520px; border-radius:50%; background:var(--pp-escuro)}
.pp-lado > *{position:relative; z-index:1}
.pp-logo{width:166px; height:auto; display:block}
.pp-olho{font-size:8.5px; font-weight:700; letter-spacing:.28em; color:var(--pp-lima); text-transform:uppercase; margin-top:72px}
.pp-titulo{font-size:27px; font-weight:800; line-height:1.08; letter-spacing:-.02em; margin-top:8px}
.pp-sub{font-size:11px; color:#d8e0cf; margin-top:10px; line-height:1.5}
.pp-grupo{margin-top:38px}
.pp-grupo-t{font-size:8.5px; font-weight:700; letter-spacing:.24em; color:#aab79a; text-transform:uppercase; margin-bottom:12px}
.pp-campo{display:flex; gap:10px; align-items:center; margin-bottom:12px}
.pp-campo .ic{width:24px; height:24px; border-radius:6px; background:#2c3c14; color:var(--pp-lima); display:grid; place-items:center; flex-shrink:0}
.pp-campo .ic svg{width:13px; height:13px}
.pp-campo small{display:block; font-size:7.5px; letter-spacing:.2em; color:#aab79a; text-transform:uppercase; font-weight:600}
.pp-campo b{display:block; font-size:11.5px; font-weight:700; color:#fff; word-break:break-word}
.pp-rep{margin-top:auto; background:#fff; border-radius:9px; padding:9px 12px; display:flex; align-items:center; justify-content:space-between; gap:8px}
.pp-rep span{font-size:7.5px; font-weight:700; letter-spacing:.18em; color:#3b4a2a; line-height:1.4; text-transform:uppercase}
.pp-rep img{height:36px; width:auto}
.pp-contatos{margin-top:16px; display:flex; flex-direction:column; gap:5px; font-size:8.6px; color:#d5ddcc; letter-spacing:.02em}
.pp-contatos div{display:flex; gap:8px; align-items:flex-start}
.pp-contatos svg{width:10px; height:10px; color:var(--pp-lima); flex-shrink:0; margin-top:1px}
.pp-corpo{padding:52px 40px 0 40px; position:relative}
.pp-rodape{position:absolute; left:40px; right:40px; bottom:34px; border-top:1px solid var(--pp-linha); padding-top:12px; display:flex; justify-content:space-between; font-size:8.5px; color:var(--pp-cinza)}
.pp-rodape b{color:var(--pp-texto); letter-spacing:.05em}
.pp-sec{display:flex; align-items:center; gap:12px; margin-bottom:18px}
.pp-sec .n{background:var(--pp-lima-c); color:var(--pp-tag); font-size:9px; font-weight:800; padding:3px 7px; border-radius:5px; letter-spacing:.04em}
.pp-sec h2{font-size:17px; font-weight:700; letter-spacing:-.01em; white-space:nowrap}
.pp-sec::after{content:""; flex:1; height:1px; background:var(--pp-linha)}
.pp-bloco{padding-bottom:28px}
.pp-mod{display:grid; grid-template-columns:52px 1fr 56px; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid var(--pp-linha)}
.pp-mod:first-of-type{padding-top:0}
.pp-bola{width:50px; height:50px; border-radius:50%; background:var(--pp-lima); color:var(--pp-escuro); display:grid; place-items:center}
.pp-bola svg{width:22px; height:22px}
.pp-mod h3,.pp-impl h3{font-size:12.5px; font-weight:700; letter-spacing:-.005em}
.pp-tag{font-size:8px; font-weight:800; letter-spacing:.16em; color:var(--pp-tag); text-transform:uppercase; margin-top:3px}
.pp-desc{font-size:10px; color:var(--pp-cinza); margin-top:4px; line-height:1.5}
.pp-qtd{text-align:center}
.pp-qtd b{display:block; font-size:19px; font-weight:800; letter-spacing:-.02em}
.pp-qtd span{font-size:7.5px; font-weight:700; letter-spacing:.16em; color:var(--pp-cinza)}
.pp-resumo{background:var(--pp-fundo); border-radius:12px; padding:18px 20px; margin-top:18px}
.pp-resumo .l{display:flex; justify-content:space-between; font-size:11px; padding:3px 0}
.pp-resumo .l b{font-weight:700}
.pp-resumo .desc{color:var(--pp-verm)}
.pp-resumo .tot{border-top:1.5px solid var(--pp-texto); margin-top:10px; padding-top:12px; display:flex; justify-content:space-between; align-items:baseline}
.pp-resumo .tot span{font-size:12px; font-weight:700}
.pp-resumo .tot b{font-size:29px; font-weight:800; color:var(--pp-escuro); letter-spacing:-.02em}
.pp-resumo .tot small{font-size:11px; color:var(--pp-cinza); font-weight:500; margin-left:3px}
.pp-impl{display:grid; grid-template-columns:52px 1fr auto; gap:12px; align-items:center; padding:6px 0 10px}
.pp-impl .v{text-align:right}
.pp-impl .v b{display:block; font-size:16px; font-weight:800}
.pp-impl .v span{font-size:8.5px; color:var(--pp-cinza)}
.pp-cards{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.pp-card{border:1.5px solid var(--pp-linha); border-radius:12px; padding:18px 18px 20px; position:relative; overflow:hidden}
.pp-card small{display:block; font-size:7.5px; font-weight:700; letter-spacing:.2em; color:var(--pp-cinza); text-transform:uppercase; line-height:1.5}
.pp-card b{display:block; font-size:24px; font-weight:800; letter-spacing:-.02em; margin-top:10px}
.pp-card p{font-size:10px; color:var(--pp-cinza); margin-top:8px}
.pp-card.escuro{background:var(--pp-escuro); border-color:var(--pp-escuro); color:#fff}
.pp-card.escuro small{color:#b8c4a8}
.pp-card.escuro b{color:var(--pp-lima)}
.pp-card.escuro b small{display:inline; font-size:10.5px; letter-spacing:0; text-transform:none; color:var(--pp-lima); font-weight:600}
.pp-card.escuro p{color:#dfe6d6}
.pp-card.escuro::after{content:""; position:absolute; right:-40px; top:-40px; width:150px; height:150px; border-radius:50%; border:18px solid var(--pp-arco)}
.pp-card.escuro > *{position:relative; z-index:1}
.pp-cond{display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start; margin-bottom:12px}
.pp-cond .ic{width:26px; height:26px; border-radius:50%; background:var(--pp-lima-c); color:var(--pp-tag); display:grid; place-items:center}
.pp-cond .ic svg{width:13px; height:13px}
.pp-cond h4{font-size:11px; font-weight:700}
.pp-cond p{font-size:10px; color:var(--pp-cinza); margin-top:2px}
.pp-band{display:flex; gap:6px; margin-top:5px; flex-wrap:wrap}
.pp-band span{font-size:8.5px; font-weight:700; border:1px solid var(--pp-linha); border-radius:4px; padding:2px 7px}
.pp-termo p{font-size:10.5px; color:var(--pp-cinza); line-height:1.6}
.pp-assin{display:grid; grid-template-columns:1fr 1fr; gap:28px 28px; margin-top:58px}
.pp-assin div{border-top:1px solid var(--pp-texto); padding-top:7px; font-size:10px; color:var(--pp-cinza)}
.pp-assin b{display:block; color:var(--pp-texto); font-size:10.5px}
.pp-assin .so{grid-column:1}
.pp-obs{font-size:10px; color:var(--pp-cinza); line-height:1.6; white-space:pre-wrap}
/* prévia dentro do sistema */
.prev-wrap{display:flex; flex-direction:column; gap:14px; align-items:center}
.prev-pg{width:calc(794px * var(--esc)); height:calc(1123px * var(--esc)); flex-shrink:0; box-shadow:0 2px 0 rgba(0,0,0,.08), 0 8px 30px rgba(0,0,0,.18); border-radius:4px; overflow:hidden}
.prev-pg > .pp{transform:scale(var(--esc)); transform-origin:0 0}
.medidor{position:absolute; left:-10000px; top:0; width:480px; visibility:hidden}