/* GeneratePress provides the document shell; theme sections own their width. */
/* The custom theme owns the page grid: GeneratePress must not box it in. */
.site.grid-container {
	width: 100%;
	max-width: none;
}

.site-content,
.content-area,
.site-main {
	width: 100%;
	min-width: 0;
	max-width: none;
}

.entradas-container {
	width: min(100%, var(--container-site));
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

/* Opt-in: 1280px of usable content plus 16px gutters on each side. */
.entradas-container--content-1280 {
	--container-gutter: 16px;
	box-sizing: border-box;
	width: 100%;
	max-width: calc(1280px + 2 * var(--container-gutter));
	margin-inline: auto;
	padding-inline: var(--container-gutter);
}

/* A section owns a full-width background; its inner container owns the content. */
.entradas-section {
	width: 100%;
	padding-block: var(--space-section);
}

/* Let full-width sections escape GeneratePress article padding on normal pages. */
body.separate-containers .entry-content > .entradas-section {
	width: calc(100% + 80px);
	margin-inline: -40px;
}

/* Available for templates that need edge-to-edge media inside a boxed section. */
.entradas-container--flush {
	width: min(100%, var(--container-site));
}

@media (min-width: 768px) {
	:root {
		--container-gutter: 32px;
	}
}

@media (max-width: 768px) {
	body.separate-containers .entry-content > .entradas-section {
		width: calc(100% + 60px);
		margin-inline: -30px;
	}
}