/* ===== The Fruit People – fundo e ondas ===== */
:root {
  --tfp-fundo: #FAF8F4;   /* Natural Cream */
  --tfp-onda: #FFFFFF;    /* cor das ondas */
  --tfp-onda-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C240,60 480,0 720,30 C960,60 1200,0 1440,30 L1440,60 L0,60 Z' fill='black'/%3E%3C/svg%3E");
}

/* Fundo creme */
body,
[class*="jobs"],
[class*="listing"] {
  background-color: var(--tfp-fundo) !important;
}

/* Ondas no topo e na base da foto (hero) e do vídeo */
[class*="hero"],
[class*="Hero"],
div:has(> iframe[src*="youtube"]) {
  position: relative;
}

[class*="hero"]::before, [class*="hero"]::after,
[class*="Hero"]::before, [class*="Hero"]::after,
div:has(> iframe[src*="youtube"])::before,
div:has(> iframe[src*="youtube"])::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  background-color: var(--tfp-onda);
  -webkit-mask: var(--tfp-onda-svg) no-repeat center / 100% 100%;
          mask: var(--tfp-onda-svg) no-repeat center / 100% 100%;
  pointer-events: none;
  z-index: 2;
}

/* Onda de cima (invertida) */
[class*="hero"]::before,
[class*="Hero"]::before,
div:has(> iframe[src*="youtube"])::before {
  top: -1px;
  transform: scaleY(-1);
}

/* Onda de baixo */
[class*="hero"]::after,
[class*="Hero"]::after,
div:has(> iframe[src*="youtube"])::after {
  bottom: -1px;
}