/*
 * Estilos del tema child Materiales Calculadoras
 * Aplicados cuando se usan las plantillas de pagina
 */

/* Asegurar que la app React ocupa toda la pantalla en modo completo */
body.materiales-app-fullscreen {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body.materiales-app-fullscreen #root {
	min-height: 100vh;
}

body.materiales-app-fullscreen .site-header,
body.materiales-app-fullscreen .site-footer,
body.materiales-app-fullscreen .generatepress-header,
body.materiales-app-fullscreen .generate-footer-badges {
	display: none !important;
}

/* Modo incrustado: la app se adapta al contenedor de GeneratePress */
#materiales-app #root {
	min-height: 70vh;
}

#materiales-app #root > div {
	min-height: 70vh;
}