/*
 * Expresso Rio V22.5.4 — Unified Embed Integrity
 * Uma única geometria para mídia editorial. Sem fallback duplicado, sem iframe
 * social com altura infinita e sem esconder o player enquanto o provedor carrega.
 */
:where(.er-v22-article-body,.entry-content,.page-content) img,
:where(.er-v22-article-body,.entry-content,.page-content) picture,
:where(.er-v22-article-body,.entry-content,.page-content) figure,
:where(.er-v22-article-body,.entry-content,.page-content) video,
:where(.er-v22-article-body,.entry-content,.page-content) audio,
:where(.er-v22-article-body,.entry-content,.page-content) iframe,
:where(.er-v22-article-body,.entry-content,.page-content) object,
:where(.er-v22-article-body,.entry-content,.page-content) embed{max-width:100%!important;box-sizing:border-box!important}
:where(.er-v22-article-body,.entry-content,.page-content) img{height:auto!important}
:where(.er-v22-article-body,.entry-content,.page-content) figure{margin:26px auto!important}
:where(.er-v22-article-body,.entry-content,.page-content) figure img,
:where(.er-v22-article-body,.entry-content,.page-content) .wp-caption img,
:where(.er-v22-article-body,.entry-content,.page-content) img[class*="wp-image-"]{display:block;max-width:100%;height:auto;margin-inline:auto}

:where(.er-v22-article-body,.entry-content,.page-content) iframe.er-content-frame,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell iframe{display:block!important;width:100%!important;max-width:100%!important;border:0!important;box-sizing:border-box!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-embed-responsive,
:where(.er-v22-article-body,.entry-content,.page-content) .er-imported-embed,
:where(.er-v22-article-body,.entry-content,.page-content) .wp-block-embed,
:where(.er-v22-article-body,.entry-content,.page-content) .wp-block-embed__wrapper,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell{width:100%!important;max-width:720px!important;min-width:0!important;margin:26px auto!important;background:transparent!important;box-sizing:border-box!important}

/* Players de vídeo tradicionais: geometria estável 16:9. */
:where(.er-v22-article-body,.entry-content,.page-content) iframe[src*="youtube.com"],
:where(.er-v22-article-body,.entry-content,.page-content) iframe[src*="youtube-nocookie.com"],
:where(.er-v22-article-body,.entry-content,.page-content) iframe[src*="youtu.be"],
:where(.er-v22-article-body,.entry-content,.page-content) iframe[src*="vimeo.com"],
:where(.er-v22-article-body,.entry-content,.page-content) iframe[src*="dailymotion.com"],
:where(.er-v22-article-body,.entry-content,.page-content) iframe.er-video-embed{width:100%!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;background:#111!important;border-radius:6px!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--video .er-media-fallback{margin-top:8px!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--video.is-ready .er-media-fallback{display:none!important}

/* Mídia HTML5 local. */
:where(.er-v22-article-body,.entry-content,.page-content) video,
:where(.er-v22-article-body,.entry-content,.page-content) .wp-video,
:where(.er-v22-article-body,.entry-content,.page-content) .wp-video video{display:block!important;width:100%!important;height:auto!important;margin:26px auto!important;background:#111!important;border-radius:6px}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--local-video video{margin:0 auto!important}
:where(.er-v22-article-body,.entry-content,.page-content) audio{display:block!important;width:100%!important;margin:22px auto!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--local-audio audio{margin:0 auto!important}

/*
 * Social: o fallback é uma rota de ERRO, nunca uma legenda permanente.
 * Isso impede "Abrir publicação..." em duplicidade quando o iframe já carregou.
 */
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social{position:relative!important;width:100%!important;max-width:700px!important;min-width:0!important;min-height:0!important;overflow:visible!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social .er-media-fallback{display:none!important;margin:10px 0 0!important;padding:0!important;text-align:center!important;font:600 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social.is-failed .er-media-fallback{display:block!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social.is-ready .er-media-fallback,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social.is-loading .er-media-fallback{display:none!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social .er-media-fallback a{color:#23436b!important;text-decoration:underline!important;text-underline-offset:3px!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social.is-failed iframe,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social.is-failed blockquote{display:none!important}

:where(.er-v22-article-body,.entry-content,.page-content) blockquote.twitter-tweet,
:where(.er-v22-article-body,.entry-content,.page-content) blockquote.tiktok-embed,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--social blockquote{width:100%!important;max-width:700px!important;min-width:0!important;margin:0 auto!important;padding:0!important;border:0!important;background:#fff!important;color:inherit!important;font:inherit!important;box-shadow:none!important;overflow:hidden!important}

/* Instagram: uma única caixa, visível em desktop/tablet/mobile e sem scrollbar. */
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram{max-width:560px!important;overflow:hidden!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram .er-instagram-status{display:none!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram .er-instagram-frame{display:block!important;width:100%!important;height:624px;min-height:320px!important;max-height:1200px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:#fff!important;overflow:hidden!important;scrollbar-width:none!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram .er-instagram-frame::-webkit-scrollbar{display:none!important}

/* X e TikTok: o SDK oficial substitui o blockquote; nenhuma altura fantasma. */
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--x,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--tiktok{max-width:605px!important;overflow:hidden!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--x iframe,
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--tiktok iframe{display:block!important;max-width:100%!important;margin:0 auto!important}

/* Facebook via plugin iframe. */
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--facebook{max-width:700px!important;overflow:hidden!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-facebook-frame--video{height:auto!important;aspect-ratio:16/9!important;min-height:240px!important;background:#111!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-facebook-frame--post{height:680px;max-height:900px!important;min-height:260px!important;background:#fff!important}

/* Documentos e anexos. */
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--document{max-width:850px!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-document-frame{display:block!important;width:100%!important;height:min(78vh,900px)!important;min-height:520px!important;border:1px solid #e0e3e8!important;border-radius:6px!important;background:#fff!important}
:where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--document .er-media-fallback{margin:9px 0 0!important;text-align:center!important;font-size:13px!important}

/* Resíduos antigos nunca reservam espaço. A limpeza PHP remove o HTML; isto é uma última barreira. */
:where(.er-v22-article-body,.entry-content,.page-content) [data-er-media-token]{display:none!important;height:0!important;margin:0!important;padding:0!important}
:where(.er-v22-article-body,.entry-content,.page-content) script[src*="instagram.com/embed.js"],
:where(.er-v22-article-body,.entry-content,.page-content) script[src*="platform.twitter.com/widgets.js"],
:where(.er-v22-article-body,.entry-content,.page-content) script[src*="tiktok.com/embed.js"],
:where(.er-v22-article-body,.entry-content,.page-content) script[src*="connect.facebook.net"]{display:none!important}

@media(max-width:760px){
  :where(.er-v22-article-body,.entry-content,.page-content) .er-embed-responsive,
  :where(.er-v22-article-body,.entry-content,.page-content) .er-imported-embed,
  :where(.er-v22-article-body,.entry-content,.page-content) .wp-block-embed,
  :where(.er-v22-article-body,.entry-content,.page-content) .wp-block-embed__wrapper,
  :where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell{margin:22px auto!important}
  :where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram{max-width:100%!important}
  :where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram .er-instagram-frame{height:calc(100vw + 35px);min-height:500px!important;max-height:760px!important}
  :where(.er-v22-article-body,.entry-content,.page-content) .er-facebook-frame--post{height:600px;max-height:760px!important}
  :where(.er-v22-article-body,.entry-content,.page-content) .er-document-frame{height:72vh!important;min-height:460px!important}
}

@media(max-width:420px){
  :where(.er-v22-article-body,.entry-content,.page-content) .er-media-shell--instagram .er-instagram-frame{height:calc(100vw + 55px);min-height:470px!important;max-height:700px!important}
  :where(.er-v22-article-body,.entry-content,.page-content) .er-document-frame{min-height:420px!important}
}