/* Botoes e janela de divulgar no Instagram e no TikTok. */

.redes-linha { display: flex; flex-wrap: wrap; gap: 8px; }
.btn-rede { flex: 1 1 120px; gap: 7px; color: #fff; }
.btn-rede svg { flex: none; width: 18px; height: 18px; fill: currentColor; }
.btn-instagram { background: linear-gradient(120deg, #c2410c, #b5267a 55%, #6a35a8); }
.btn-instagram:hover { color: #fff; background: linear-gradient(120deg, #a8380a, #9c1f69 55%, #5a2c90); }
.btn-tiktok { background: #111; }
.btn-tiktok:hover { color: #fff; background: #2a2a2a; }

.animal-content .action-group .redes-linha { flex: 1 1 100%; }
.story-acoes .redes-linha { grid-column: 1 / -1; }
.story-acoes .btn-rede { width: auto; }
.compartilhar-faixa .redes-linha, #divulgarDoacao { grid-column: 1 / -1; }
.apoio-faixa-acoes .redes-linha { flex: 1 1 100%; }

.divulgar-janela { display: grid; gap: 12px; }
.divulgar-janela h3 { margin: 0; }
.divulgar-janela > p { margin: 0; }
.divulgar-previa {
  display: block;
  justify-self: center;
  width: auto;
  max-width: 100%;
  height: min(44vh, 420px);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(31, 31, 36, 0.22);
}
.divulgar-dica { color: var(--color-text-soft); font-size: 0.9rem; line-height: 1.45; }
.divulgar-passos { display: grid; gap: 4px; margin: 0; padding-left: 22px; line-height: 1.45; }
.divulgar-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.divulgar-acoes .btn { flex: 1 1 150px; }
.divulgar-janela .field { margin: 0; font-weight: 700; }
.divulgar-janela textarea { width: 100%; resize: vertical; font: inherit; font-size: 0.9rem; line-height: 1.45; }