/* ===== DECORATIVE PUZZLE PIECES — Global Background Elements ===== */

.section-piece {
  position: absolute;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Ensure parent sections clip overflow from pieces */
.about,
.services,
.testimonials {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

.about > *:not(.section-piece),
.services > *:not(.section-piece),
.testimonials > *:not(.section-piece) {
  position: relative;
  z-index: 1;
}

/* ── About — peça roxa, canto superior direito, muito sutil ── */
.sp-about-1 {
  width: 220px;
  top: -30px;
  right: -40px;
  transform: rotate(30deg);
  filter: blur(12px);
  opacity: 0.08;
}

/* ── Services (fundo escuro) — peças com opacidade baixíssima ── */
.sp-services-1 {
  width: 260px;
  bottom: -50px;
  left: -40px;
  transform: rotate(-15deg);
  filter: blur(14px);
  opacity: 0.07;
}

.sp-services-2 {
  width: 200px;
  top: -30px;
  right: 8%;
  transform: rotate(40deg);
  filter: blur(14px);
  opacity: 0.06;
}

/* ── Testimonials — peça verde, canto inferior direito ── */
.sp-testimonials-1 {
  width: 230px;
  bottom: -40px;
  right: -30px;
  transform: rotate(-25deg);
  filter: blur(11px);
  opacity: 0.09;
}