/* ---------------------------------------------------------------------------
   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.
   Ninguna imagen del contenido puede ser más ancha que su columna, y las tablas
   se desplazan en horizontal en vez de romper el ancho de la página.
   --------------------------------------------------------------------------- */

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

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

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

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