/**
 * Fons de secció full-width (atribut sectionBackground dels blocs Palamós).
 */

.palamos-section-bg--blau-clar,
.palamos-section-bg--gris {
	box-sizing: border-box;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.palamos-section-bg--blau-clar {
	background-color: var(--wp--preset--color--blau-clar, #e8f4f8);
}

.palamos-section-bg--gris {
	background-color: #f0f2f4;
}

.palamos-section-bg__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--wp--style--root--padding-left, var(--palamos-page-gutter, 1rem));
	padding-right: var(--wp--style--root--padding-right, var(--palamos-page-gutter, 1rem));
}

/* Padding vertical del bloc dins el fons (evita doble espaiat). */
.palamos-section-bg--blau-clar.palamos-serveis-grid-section,
.palamos-section-bg--gris.palamos-serveis-grid-section {
	padding-top: clamp(2rem, 4vw, 3.25rem);
	padding-bottom: clamp(2rem, 4vw, 3.25rem);
}

.palamos-section-bg--blau-clar .palamos-noticies-recents,
.palamos-section-bg--gris .palamos-noticies-recents,
.palamos-section-bg--blau-clar .palamos-noticies-llistat,
.palamos-section-bg--gris .palamos-noticies-llistat {
	padding-top: clamp(2rem, 4vw, 3.25rem);
	padding-bottom: clamp(2rem, 4vw, 3.25rem);
}

.palamos-section-bg--blau-clar.palamos-cta,
.palamos-section-bg--gris.palamos-cta {
	padding-top: 60px;
	padding-bottom: 60px;
}

.palamos-section-bg--blau-clar.palamos-hero-carrusel,
.palamos-section-bg--gris.palamos-hero-carrusel {
	padding-top: 0;
	padding-bottom: 0;
}

/* Hero: el contingut segueix a ample complet dins el fons de secció. */
.palamos-hero-carrusel .palamos-section-bg__inner {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Vista prèvia a l’editor */
.editor-styles-wrapper .palamos-section-bg--blau-clar,
.block-editor-block-list__layout .palamos-section-bg--blau-clar {
	background-color: var(--wp--preset--color--blau-clar, #e8f4f8);
}

.editor-styles-wrapper .palamos-section-bg--gris,
.block-editor-block-list__layout .palamos-section-bg--gris {
	background-color: #f0f2f4;
}