/* Botões de compartilhar das histórias e do filme (assets/compartilhar.css).
   A prévia bonita no WhatsApp/Facebook vem das etiquetas og: de cada página; aqui é só o visual dos botões. */
.cp-linha{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}
.compartilhar-topo{margin-top:20px}
.compartilhar{margin:36px 0 8px;padding:24px 18px;border:1px dashed var(--rule);border-radius:14px;background:var(--paper-warm);text-align:center}
.compartilhar h2{margin:0 0 6px;font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.15;color:var(--ink)}
.compartilhar p{margin:0 auto 16px;max-width:46ch;font-family:var(--sans);font-size:0.92rem;line-height:1.45;color:var(--ink-soft)}
.cp{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 16px;border:0;border-radius:999px;font-family:var(--sans);font-size:0.9rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;color:#fff}
.cp[hidden]{display:none}
.cp svg{width:18px;height:18px;flex:none}
.cp-whats{background:#25D366;color:#062b14}
.cp-face{background:#1877F2;color:#fff}
.cp-neutro{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}
.cp:hover{filter:brightness(1.06)}
.cp:focus-visible{outline:2px solid var(--orange);outline-offset:2px}