/* ---------------------------------------------------------------------------
   Ajustes de contenido — barrido de QA del 5-nov-2026
   Medido en móvil (390 px):
     · imágenes del contenido con ancho fijo en el HTML (840 y 1024 px) rompían
       la página y arrastraban hasta el aviso de cookies fuera de pantalla;
     · tablas de 480 px se salían 127 px de la columna.

   OJO — 6-nov-2026: estas reglas van dentro de :where() a propósito, para que su
   especificidad sea CERO. Con selectores normales le ganaban a `.pp-hero-fondo img`
   y le quitaban el `height:100%` al hero de la portada: la foto dejaba de llenar la
   banda y solo cubría una franja arriba en móvil. Cualquier regla del tema debe poder
   ganarle a estas.
   --------------------------------------------------------------------------- */

:where(.wp-block-post-content, main) :where(img, p > img, figure img) {
	max-width: 100%;
	height: auto;
}

@media (max-width: 782px) {
	:where(.wp-block-post-content, main) :where(table) {
		display: block;
		max-width: 100%;
		min-width: 0 !important;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Con el contenedor en bloque, las filas conservan su reparto de tabla. */
	:where(.wp-block-post-content, main) :where(table tr) {
		display: table;
		width: 100%;
	}

	:where(.wp-block-post-content, main) :where(table td, table th) {
		display: table-cell;
	}
}