/**
 * Decorative Celula section backgrounds — Figma homepage nodes 610:7128 / 610:7236.
 */

.ipopi-section-pattern {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.ipopi-section-pattern__base {
	position: absolute;
	inset: 0;
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Latest news (Figma 610:7128) */
.ipopi-section-pattern--gray {
	isolation: isolate;
}

/*
 * Figma stack: white base + img (size-full, object-bottom, multiply, 5%).
 * Theme default Celula_cinza.png is opaque dark artwork — CSS opacity makes it subtle.
 * Custom Media Library exports are often already flattened at final lightness; use
 * .ipopi-section-pattern--custom so opacity is not applied twice.
 */
.ipopi-section-pattern--gray img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: right bottom;
	mix-blend-mode: multiply;
	opacity: 0.05;
}

/* Uploaded Figma section background (opacity already baked into the file). */
.ipopi-section-pattern--gray.ipopi-section-pattern--custom img {
	opacity: 1;
}

.ipopi-section-pattern--blue {
	--ipopi-pattern-opacity: 0.15;
}

.ipopi-section-pattern--blue img {
	position: absolute;
	width: 145%;
	height: auto;
	max-width: none;
	inset: auto;
	top: -126.59%;
	left: -33.67%;
	object-fit: cover;
	object-position: center;
	mix-blend-mode: multiply;
	opacity: var(--ipopi-pattern-opacity, 0.15);
}