/* assets/css/compartilhar.css — ícone Compartilhar da topbar + caixinha com as redes.
   Carregado direto por includes/header2.php (não faz parte dos pacotes de CSS). */
.homepage2-compartilhar { position: relative; display: inline-flex; }
.homepage2-header-compartilhar-btn {
  background: none; border: 0; cursor: pointer; color: #fff;
  width: 28px; height: 28px; padding: 4px; border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
}
.homepage2-header-compartilhar-btn svg { width: 19px; height: 19px; }
.homepage2-header-compartilhar-btn:hover, .homepage2-header-compartilhar-btn:focus-visible { background: rgba(255,255,255,.12); color: #01BAFA; }

.homepage2-compartilhar-menu {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 1000;
  min-width: 190px; padding: 6px; display: flex; flex-direction: column;
  background: var(--homepage2-base-bg, #fff); border: 1px solid var(--homepage2-base-border, #e5e7eb);
  border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.homepage2-compartilhar-menu[hidden] { display: none; }
.homepage2-compartilhar-menu a,
.homepage2-compartilhar-menu button {
  display: block; width: 100%; padding: 10px 14px; border: 0; border-radius: 6px;
  background: none; text-align: left; font-family: inherit; font-size: 16px; line-height: 1.2;
  color: var(--homepage2-base-text, #1c2733); cursor: pointer; text-decoration: none;
}
.homepage2-compartilhar-menu a:hover,
.homepage2-compartilhar-menu button:hover { background: var(--homepage2-base-navy, #082c44); color: #fff; }
@media (max-width: 700px) {
  /* tela estreita sem menu nativo: caixinha centralizada na tela (o JS define o top) */
  .homepage2-compartilhar-menu { position: fixed; right: auto; left: 50%; transform: translateX(-50%); width: min(260px, calc(100vw - 32px)); }
}