/* ==========================================================
   APERTURA INTELECTUAL
   CSS MAESTRO v1.2 (CORREGIDO)
   ========================================================== */

/* Desplazamiento suave y prevención de desbordamiento horizontal */
html {
	scroll-behavior: smooth;
}

html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

/* ==========================================================
   AJUSTES EXCLUSIVOS PARA ESCRITORIO
   ========================================================== */
@media (min-width: 769px) {

	/* Oculta la columna lateral vacía que empujaba el diseño */
	#secondary {
		display: none !important;
	}

	/* Expande el contenedor principal al 100% sin restar 320px */
	#primary,
	.site,
	.site-header,
	.site-content,
	.site-footer,
	.content-area,
	.site-main {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}

	/* Expande la imagen de cabecera a pantalla completa sin recortes */
	.custom-header,
	.custom-header-media,
	.site-header-image,
	.wp-custom-header,
	.wp-custom-header img {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		left: 0 !important;
		object-fit: cover !important;
	}

	/* Centra el área de lectura y alinea todos los párrafos por igual */
	.entry-header,
	.entry-content,
	.entry-footer {
		max-width: 900px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}

	/* Justifica todos los párrafos y anula el margen especial del primer párrafo */
	.entry-content p,
	.entry-content > p:first-of-type,
	.entry p,
	.post p {
		text-align: justify !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: inherit !important;
	}
}

/* ==========================================================
   AJUSTES PARA DISPOSITIVOS MÓVILES
   ========================================================== */
@media (max-width: 768px) {

	#secondary {
		display: block !important;
	}

	#primary,
	.widget-column {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	/* Márgenes seguros en móvil para que no se corte ninguna letra */
	.site-content,
	.entry-content,
	.site-main {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Alineación cómoda a la izquierda en celulares */
	.entry-content p,
	.entry-content > p:first-of-type,
	.entry p,
	.post p {
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}