/* =========================================================================
   Embeds de video pegados como HTML crudo (Facebook, Instagram, X, TikTok)
   Ver el comentario de functions.php: el tema padre posiciona en absoluto
   todo iframe del contenido. Este contenedor le da el ancestro posicionado y
   el aspect-ratio que esa regla siempre dio por supuesto.
   ========================================================================= */

.entry-content.empath__single-content .nvz-embed {
	position: relative;
	width: min(var(--nvz-w, 100%), 100%);
	margin: 0 auto 24px;
	aspect-ratio: var(--nvz-ar, 16 / 9);
	border-radius: 10px;
	overflow: hidden;
}

.entry-content.empath__single-content .nvz-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Red de seguridad: si por cache o por otro plugin llega un iframe sin
   contenedor, que quede en el flujo del articulo y no tapando la pantalla. */
.entry-content.empath__single-content > iframe,
.entry-content.empath__single-content > p > iframe,
.entry-content.empath__single-content > figure:not([class*="wp-block-embed"]) > iframe {
	position: relative;
	top: auto;
	left: auto;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	margin: 0 auto 24px;
}