/*
 * Correcciones de CSS sobre el tema hijo de Displaynone (inc/tema.php), sin tocar sus ficheros.
 */

/*
 * Listados de proyectos en móvil (/categoria-proyecto/…, 16-10). La regla de imágenes del tema para
 * móvil pone `height: 100% !important` a la imagen dentro de un enlace en línea: la imagen se estiraba
 * hasta el alto de la fila y el título quedaba fuera de su caja, montado sobre la imagen de abajo (y
 * cada fila con un alto distinto). Con el enlace como bloque y la altura automática, la imagen vuelve a
 * la proporción 9:12 del tema y el título queda dentro, con los 55 px de separación del tema debajo.
 */
@media screen and (max-width: 767px) {
	.ecocero-proyectos-loop__imagen-link {
		display: block;
	}
	.ecocero-proyectos-loop__imagen-link img {
		height: auto !important;
	}
	.ecocero-proyectos-loop__titulo {
		margin-top: 8px;
	}
}