/**
 * Sin sidebar + cuerpo estrecho solo en pelisen-body-narrow
 * (películas, series, episodios, páginas). Header/footer a ancho completo.
 */

:root {
	--pelisen-site-max: 1180px;
	--pelisen-site-gutter: clamp(1rem, 3vw, 2.25rem);
}

/* —— Solo cuerpo (NO header ni footer) —— */
body.pelisen-body-narrow .pelisen-single-hero > .container,
body.pelisen-body-narrow section.content > .container,
body.pelisen-body-narrow section.content .container,
body.pelisen-body-narrow section.section--first.single > .container,
body.pelisen-body-narrow .catalog > .container {
	width: 100%;
	max-width: var(--pelisen-site-max) !important;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--pelisen-site-gutter);
	padding-right: var(--pelisen-site-gutter);
	box-sizing: border-box;
}

body.pelisen-body-narrow section.content {
	background: #000;
}

.pelisen-layout-main {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

body.pelisen-body-narrow section.content .container > .row > .pelisen-layout-main {
	width: 100%;
}

/* Hero: fondo ancho, contenido alineado al cuerpo estrecho */
body.pelisen-body-narrow .pelisen-single-hero {
	width: 100%;
}

@media (max-width: 767px) {
	body.pelisen-body-narrow {
		--pelisen-site-gutter: 1rem;
	}
}