.section-hero-principal {
  z-index: -2 !important;
}
/*.section-home-subtit .elementor-inner-section {
  z-index: -1 !important;
}*/
.section-home-subtit .elementor-inner-section h2, .section-home-subtit .elementor-inner-section h2 div {
  z-index: 9999 !important;
  position: relative !important;
}
h2 {
  z-index: 9999 !important;
}
.overlap-group,.footer_background .text-container{
  position: absolute;
  width: 150%;
  max-width: 150% !important;
  height: 100vh;
  filter: blur(100px);
  left: -300px !important;
  top: 300px !important;  
}
.overlap-group.sticky {
  position: fixed !important;
}
.texture {
  position: absolute;
  width: 542px; /* Ajusta la mida segons calgui */  
  opacity: 1; /* Per donar un efecte subtil */
  pointer-events: none;
  animation: move 133s linear infinite;
  /*z-index: 9999;*/
}
.texture_footer {
  position: absolute;
  width: 542px; /* Ajusta la mida segons calgui */  
  opacity: 1; /* Per donar un efecte subtil */
  pointer-events: none;
  animation: move 133s linear infinite;
  /*z-index: 9999;*/
}
@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100px, 100px);
  }
}

/**** ESTIL DEL FOOTER **/

.container-footer {
  /*position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('https://lapalabramasbonita.com/wp-content/uploads/2024/12/gracias.jpg');
  background-size: cover;
  background-position: center;
  overflow: hidden;*/
}

.container-footer .text-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.container-footer .text {
  font-family: Avenir, sans-serif;
  font-size: 25vw;
  text-align: center;
  font-weight: bold;
  color: white;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.container-footer .animation-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container-footer .blob {
  filter: blur(100px);
}

@keyframes float1 {
  0% { transform: translate(0, 0) scale(0.8); }
  50% { transform: translate(0px, 500px) scale(1); }
  100% { transform: translate(0, 0) scale(0.8); }
}

@keyframes float2 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-15px, 455px) scale(0.9); }
  100% { transform: translate(0, 0) scale(1); }
}

@keyframes float3 {
  0% { transform: translate(0, 0) scale(0.9); }
  50% { transform: translate(15px, 500px) scale(0.9); }
  100% { transform: translate(0, 0) scale(0.9); }
}
@keyframes float4 {
  0% { transform: translate(0, 0) scale(0.9); }
  50% { transform: translate(15px, 300px) scale(0.9); }
  100% { transform: translate(0, 0) scale(0.9); }
}

.container-footer .shape1 { animation: float1 8s infinite ease-in-out; }
.container-footer .shape2 { animation: float2 12s infinite ease-in-out; }
.container-footer .shape3 { animation: float3 10s infinite ease-in-out; }
.container-footer .shape4 { animation: float4 10s infinite ease-in-out; }

.elementor-section.elementor-section-boxed > .elementor-container {
  z-index: 10 !important;
}