/* v20y — players embutidos na legenda / música do flog (EmbedService).
 * Blindado com !important: convive com o CSS livre do usuário (GoldVIP) e
 * com o main.css legado. Responsivo: nunca passa da largura da coluna. */
.fv-embed {
  display: block !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 10px auto !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, .06) !important;
  text-align: left !important;
}
.fv-embed iframe {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
}
/* Vídeo 16:9 (YouTube, Vimeo, Dailymotion, Twitch, vídeo do Facebook) */
.fv-embed--video { aspect-ratio: 16 / 9 !important; position: relative !important; }
.fv-embed--video iframe {
  position: absolute !important; inset: 0 !important;
  height: 100% !important;
}
/* Altura fixa vem do atributo height do iframe (Spotify, SoundCloud, Deezer,
   Apple Music, post do Facebook, X). Fundo transparente: cada widget tem o seu. */
.fv-embed--fixo { background: transparent !important; }
/* Cartões verticais (TikTok, Instagram): coluna estreita centralizada */
.fv-embed--estreito { max-width: 400px !important; background: transparent !important; }

/* Música por arquivo (.mp3/.ogg) — <audio> HTML5 no lugar do WMP ActiveX */
.fv-embed--audio { background: transparent !important; max-width: 480px !important; }
.fv-embed--audio audio {
  display: block !important; width: 100% !important;
  margin: 0 !important; border-radius: 10px !important;
}
/* Aviso (.mid sem suporte) */
.fv-embed--aviso {
  padding: 10px 14px !important;
  font: 13px/1.45 Verdana, Arial, sans-serif !important;
  color: #5a4a4b !important;
  background: rgba(231, 111, 53, .10) !important;
  border: 1px solid rgba(231, 111, 53, .35) !important;
}
.fv-embed--aviso a { color: #d73570 !important; text-decoration: underline !important; }

/* Convite GoldVIP — só o dono free vê, quando a foto tem rede gold como link */
.fv-embed--upsell {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  font: 13px/1.45 Verdana, Arial, sans-serif !important;
  color: #4a3b12 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, rgba(255, 214, 102, .28), rgba(255, 170, 0, .18)) !important;
  border: 1px solid rgba(214, 160, 20, .55) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset !important;
}
.fv-embed--upsell:hover { border-color: #d6a014 !important; filter: brightness(1.03) !important; }
.fv-embed--upsell b { color: #8a5a00 !important; }
.fv-embed-upsell-star { font-size: 18px !important; line-height: 1 !important; flex: 0 0 auto !important; }