/* Aba "Para comerciantes" das páginas Link Click de parceiros.
 *
 * Herda as cores da página pelas variáveis --card, --line, --text, --muted e --accent
 * (com valores de reserva). Para outro parceiro, basta a página definir --accent.
 *
 * HTML esperado (ver 36-PROGRAMA-DE-PARCEIROS.md):
 *   <section data-pc-slug="slug-do-parceiro">
 *     ... <a class="pc-btn" data-pc-wa href="https://wa.me/...">...</a>
 *   </section>
 */
.pc-abas { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:28px var(--gutter, 20px) 0; padding:5px;
  border-radius:16px; background:var(--card, #161616); border:1px solid var(--line, rgba(255,255,255,.13)); }
.pc-aba { min-height:46px; border:0; border-radius:12px; background:transparent; color:var(--muted, #a5a193);
  font:800 14px var(--sans, system-ui, sans-serif); cursor:pointer; transition:background .2s ease, color .2s ease; }
.pc-aba[aria-selected="true"] { background:var(--accent, #ffe600); color:var(--on-accent, #0b0b0b); }
.pc-painel[hidden] { display:none; }

.pc-prods { display:grid; gap:10px; margin:0 0 18px; padding:0; list-style:none; }
.pc-prods li { padding:16px; border-radius:16px; background:var(--card, #161616); border:1px solid var(--line, rgba(255,255,255,.13)); }
.pc-prods b { display:block; font-size:17px; }
.pc-prods span { display:block; margin-top:4px; color:var(--muted, #a5a193); font-size:14.5px; line-height:1.45; }
.pc-prods em { display:block; margin-top:10px; font-style:normal; font-weight:800; font-size:20px; color:var(--accent, #ffe600); }
.pc-prods em small { font-weight:400; font-size:13px; color:var(--muted, #a5a193); }
.pc-lanc { margin:0 0 18px; padding:14px 16px; border-radius:14px; border:1px dashed var(--accent, #ffe600); font-size:14.5px; color:var(--text, #f7f4e8); }
.pc-lanc b { color:var(--accent, #ffe600); }
.pc-btn { display:flex; align-items:center; justify-content:center; gap:10px; min-height:58px; padding:0 22px; border-radius:16px;
  background:var(--accent, #ffe600); color:var(--on-accent, #0b0b0b); font-weight:800; font-size:16px; text-decoration:none; }
.pc-btn:active { transform:scale(.985); }
.pc-nota { margin:12px 0 0; color:var(--muted, #a5a193); font-size:13px; text-align:center; }
@media (prefers-reduced-motion:reduce) { .pc-aba, .pc-btn { transition:none; } }
