/* M57 §2.5 (build empresas, E13) — "Por empresa" na aba Preços do celular.
 * Layout de MODULOS\M57-mockup-empresas.html, vista 3. Só o que precos.css
 * ainda não tem (pcampo/plista/pprod/pk/plink/pdica/chip/faixa são reusados). */
.pmodo{display:flex;gap:8px;padding:10px 12px 0}
.pmodo span{flex:1;text-align:center;padding:8px 4px;border:1px solid var(--linha-forte);border-radius:10px;font-size:13px;font-weight:600;color:var(--corpo);background:var(--card);cursor:pointer}
.pmodo span.on{background:var(--sel);border-color:var(--sel);color:#fff}

.pesug .pprod{align-items:center}
.pe-t{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sel);background:var(--sel-bg);border:1px solid var(--sel-bd);border-radius:4px;padding:2px 5px;flex:0 0 auto}
.pe-t.m{color:var(--amarelo);background:var(--amarelo-bg);border-color:var(--amarelo-bd)}
.pe-n{margin-left:auto;color:var(--fraco);font-size:12px;font-variant-numeric:tabular-nums;flex:0 0 auto}

.pe-cab{margin:12px 12px 0}
.pe-cab h3{margin:0;font-size:16px;color:var(--texto);line-height:1.25}
.pe-per{font-size:12.5px;color:var(--fraco);margin-top:2px}
.pe-cartoes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 12px}
.pe-cartoes .pk.pe-dest{border-left:4px solid var(--sel)}
.pe-cartoes .pk .v{font-size:18px}
.pe-bloco{background:var(--card);border-radius:10px;box-shadow:var(--sombra);margin:0 12px 10px;padding:10px 12px}
.pe-bloco h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--fraco)}
.pe-prod{padding:8px 0;border-bottom:1px solid var(--linha);font-size:13px;color:var(--texto)}
.pe-prod .s{font-size:11.5px;color:var(--fraco);margin-top:1px}
.pe-l1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pe-l1 .plink{font-size:12px;white-space:nowrap}
.pe-chips{display:flex;flex-wrap:wrap;gap:6px}
.pe-chips .chip{padding:5px 11px;font-size:12px}
.pe-barras div{display:grid;grid-template-columns:34px 1fr 38px;gap:8px;align-items:center;font-size:12.5px;margin-bottom:5px;color:var(--texto)}
.pe-barras i{display:block;height:10px;border-radius:5px;background:var(--sel)}
.pe-barras .num{color:var(--fraco);text-align:right}