/* Banner del blog (page-id-1535): ahora es imagen, no fondo.
   En móvil/tablet el header absoluto la tapaba. La dejamos a ras debajo. */

@media (max-width: 1024px) {
	body.page-id-1535 .vlt-site-wrapper {
		padding-top: calc(var(--vlt-navbar-height, 3.5rem) + env(safe-area-inset-top, 0px));
	}

	body.page-id-1535 .elementor-element-a711629 img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* Single: sin recuadro de autor. Relacionados = cards del blog. */
body.single-post .vlt-about-author {
	display: none !important;
}

body.single-post .jjbl--related .jjbl-featured {
	padding: 32px 0 72px;
}

/*
 * Hero editorial va en Elementor (JSON con H1).
 * Ocultamos banner Jarallax, título del tema, “Regresar al blog” y meta
 * para evitar conflicto/duplicado y pegar el hero arriba.
 */
body.single-post .vlt-post-media-title {
	display: none !important;
}

body.single-post .vlt-post-title,
body.single-post h1.vlt-post-title,
body.single-post h2.vlt-post-title {
	display: none !important;
}

body.single-post .vlt-post-back,
body.single-post .vlt-post-meta,
body.single-post .vlt-single-post__header {
	display: none !important;
}

/* Menos aire superior del contenido → hero más arriba */
body.single-post .vlt-page-content.vlt-page-content--padding {
	padding-top: 0 !important;
}

/* Espacio superior en responsive (header absoluto del sitio) */
@media (max-width: 1024px) {
	body.single-post .vlt-site-wrapper {
		padding-top: calc(var(--vlt-navbar-height, 6.25rem) + env(safe-area-inset-top, 0px));
	}
}