.elementor .footer-menta{position: relative;
overflow: hidden;
isolation: isolate;
}

/* Widget HTML de les boles com a fons */
.footer-menta .elementor-widget-html:has(.footer-blobs) {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
margin: 0 !important;
padding: 0 !important;
}

/* Contingut real del footer per sobre */
.footer-menta > *:not(.elementor-widget-html) {
position: relative;
z-index: 2;
}

/* Capa de boles: comença més avall per no entrar a la zona lila */
.footer-blobs {
position: absolute;
left: 0;
right: 0;
top: 130px;
bottom: 0;
width: 100%;
overflow: hidden;
pointer-events: none;
}

/* Boles grans i suaus */
.footer-blobs .blob {
position: absolute;
width: 220px;
height: 220px;
filter: blur(55px);
opacity: 0.72;
border-radius: 45% 55% 60% 40%;
transform: translate(-50%, -50%);
will-change: transform, border-radius;
}

/* Verda fosca */
.blob-green-1 {
left: 18%;
top: 70%;
background: var(--Complement, #64814D);
animation: lavaGreenDark 22s ease-in-out infinite alternate;
}

/* Rosa */
.blob-pink {
left: 48%;
top: 42%;
background: var(--Color-secundari, #D951A0);
animation: lavaPink 26s ease-in-out infinite alternate;
}

/* Verda clara */
.blob-green-2 {
left: 84%;
top: 55%;
background: var(--Complement-clar, #D4E1BA);
animation: lavaGreenLight 30s ease-in-out infinite alternate;
}

/* Moviment làmpada de lava - verda fosca */
@keyframes lavaGreenDark {
0% {
  transform: translate(-50%, -50%) translate(0, 0) scale(1);
  border-radius: 45% 55% 60% 40%;
}

25% {
  transform: translate(-50%, -50%) translate(80px, -25px) scale(1.18, 0.92);
  border-radius: 60% 40% 45% 55%;
}

50% {
  transform: translate(-50%, -50%) translate(180px, 5px) scale(0.95, 1.22);
  border-radius: 42% 58% 65% 35%;
}

75% {
  transform: translate(-50%, -50%) translate(90px, 55px) scale(1.15, 1);
  border-radius: 58% 42% 38% 62%;
}

100% {
  transform: translate(-50%, -50%) translate(-30px, -10px) scale(1.05);
  border-radius: 50% 50% 42% 58%;
}
}

/* Moviment làmpada de lava - rosa */
@keyframes lavaPink {
0% {
  transform: translate(-50%, -50%) translate(0, 0) scale(1.05);
  border-radius: 55% 45% 50% 50%;
}

25% {
  transform: translate(-50%, -50%) translate(-130px, 35px) scale(1.22, 0.9);
  border-radius: 40% 60% 58% 42%;
}

50% {
  transform: translate(-50%, -50%) translate(90px, 75px) scale(0.9, 1.25);
  border-radius: 62% 38% 45% 55%;
}

75% {
  transform: translate(-50%, -50%) translate(210px, 10px) scale(1.15);
  border-radius: 48% 52% 65% 35%;
}

100% {
  transform: translate(-50%, -50%) translate(-60px, -15px) scale(1);
  border-radius: 57% 43% 40% 60%;
}
}

/* Moviment làmpada de lava - verda clara */
@keyframes lavaGreenLight {
0% {
  transform: translate(-50%, -50%) translate(0, 0) scale(1);
  border-radius: 50% 50% 60% 40%;
}

25% {
  transform: translate(-50%, -50%) translate(-100px, 40px) scale(0.95, 1.2);
  border-radius: 38% 62% 52% 48%;
}

50% {
  transform: translate(-50%, -50%) translate(-220px, -10px) scale(1.2, 0.92);
  border-radius: 65% 35% 45% 55%;
}

75% {
  transform: translate(-50%, -50%) translate(-120px, 65px) scale(1.05, 1.15);
  border-radius: 42% 58% 63% 37%;
}

100% {
  transform: translate(-50%, -50%) translate(20px, -5px) scale(1.12);
  border-radius: 55% 45% 42% 58%;
}
}

/* Mòbil */
@media (max-width: 767px) {
.footer-blobs {
  top: 90px;
}

.footer-blobs .blob {
  width: 160px;
  height: 160px;
  filter: blur(45px);
  opacity: 0.68;
}\n}