.ig-float{position:fixed;inset:0;display:grid;place-items:center;z-index:9999}
.ig-float[hidden]{display:none}
.ig-float__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ig-float__dialog{
  position:relative;max-width:min(700px,96vw);width:100%;
  background:#111;color:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.4);
  padding:clamp(12px,2vw,20px);display:flex;flex-direction:column;gap:.75rem
}
.ig-float__close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:0;
  font-size:1.25rem;cursor:pointer;color:#fff;opacity:.85}
.ig-float__title{margin:0 2rem .25rem 0;font-size:1.1rem;font-weight:600}

.ig-float__player{
  width:100%;
  max-height:80vh;
  min-height:60vh; /* mantém alto mesmo antes do embed renderizar */
  overflow:auto;
}
.ig-float__player blockquote.instagram-media{margin:0 !important;width:100% !important}
/* —— Instagram (desktop): “player” limpo, sem reações, só fechar ——— */
/* ——— PATCH: corrige duplicidade e faixa preta no desktop ——— */
/* ---- Tamanho do quadro ---- */
@media (min-width: 992px) {
  /* Ocupa metade da largura da janela, limitado pra não ficar gigante */
  .half-desktop {
    width: 50vw;
    max-width: 560px;   /* ajuste se quiser maior/menor */
    margin: 0 auto;
  }
}
@media (max-width: 991.98px) {
  .half-desktop {
    width: 100%;
    max-width: 420px;   /* bom pro smartphone em pé */
    margin: 0 auto;
  }
}

/* ---- Área do vídeo em pé (corte “limpo”) ---- */
.ig-embed-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;   /* mantém retrato */
  overflow: hidden;
  background: #000;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  isolation: isolate;
}

/* Estado inicial do oEmbed (blockquote) — evita “duplicado” */
.ig-embed-wrap .instagram-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Iframe ocupa o container todo, centralizado sem sobras */
.ig-embed-wrap iframe {
  position: absolute;
  inset: 0;
  width: 102%;                 /* leve overscan pra não sobrar borda */
  height: 100%;
  left: 50%;
  transform: translateX(-50%) scale(1.02);
  transform-origin: center center;
  border: 0;
  background: #000;
}

/* Bloqueia interação no desktop; no mobile (abaixo) libera */
@media (min-width: 992px) {
  .ig-embed-wrap .ig-nointeract {
    position: absolute; inset: 0;
    background: transparent; pointer-events: auto;
  }
}
@media (max-width: 991.98px) {
  .ig-embed-wrap .ig-nointeract { display: none; }
}

/* Máscaras suaves topo/rodapé pra esconder UI do IG no desktop */
@media (min-width: 992px) {
  .ig-embed-wrap::before,
  .ig-embed-wrap::after {
    content: "";
    position: absolute; left: 0; right: 0; height: 56px;
    pointer-events: none; z-index: 2;
  }
  .ig-embed-wrap::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,0));
  }
  .ig-embed-wrap::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0));
  }
}