/**
 * Divine Bridge — Canvas: elimina franjas arriba/abajo fuera del diseño Elementor.
 *
 * La plantilla Canvas no usa .site-main del tema; el espacio suele venir de:
 * - márgenes del html/body o del div .elementor raíz
 * - margen del primer/último contenedor (e-con / section)
 * - barra de administración (margin-top en html)
 */

html:has(body.elementor-template-canvas) {
	margin: 0;
	padding: 0;
}

/* Con barra de admin: quitar margin del html (suele verse como franja clara) y compensar en body */
html.admin-bar:has(body.elementor-template-canvas) {
	margin-top: 0 !important;
}

body.admin-bar.elementor-template-canvas {
	padding-top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar.elementor-template-canvas {
		padding-top: 46px;
	}
}

body.elementor-template-canvas {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0;
}

/* Raíz que imprime Elementor (the_content) */
body.elementor-template-canvas > .elementor {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: none;
}

/* Contenedor superior/inferior del documento */
body.elementor-template-canvas .elementor > .e-con:first-child,
body.elementor-template-canvas .elementor > .elementor-top-section:first-child,
body.elementor-template-canvas .elementor > .elementor-section:first-child {
	margin-top: 0 !important;
}

body.elementor-template-canvas .elementor > .e-con:last-child,
body.elementor-template-canvas .elementor > .elementor-top-section:last-child,
body.elementor-template-canvas .elementor > .elementor-section:last-child {
	margin-bottom: 0 !important;
}