/* =========================================================
   IMATGE DECORATIVA (BLOC FLOTANT) - FIX, PARALLAX & MÚLTIPLES
   ========================================================= */

.c-imatge-decorativa {
  position: relative !important;
  display: block !important;
  width: 100%;
  height: 0 !important; 
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  flex-shrink: 0;
  align-self: flex-start;
}

.c-imatge-decorativa.u-hide-mobile {
  display: block;
}

.c-imatge-decorativa__wrapper {
  position: absolute;
  top: var(--img-dec-y);
  width: var(--img-dec-w);
  z-index: var(--img-dec-z, -1);
  will-change: transform;
  display: flex;
  flex-direction: column;
}

.c-imatge-decorativa--esquerra .c-imatge-decorativa__wrapper {
  left: var(--img-dec-x);
  right: auto;
}

.c-imatge-decorativa--dreta .c-imatge-decorativa__wrapper {
  right: var(--img-dec-x);
  left: auto;
}

.c-imatge-decorativa__img {
  width: 100%;
  height: auto;
  display: block;
}

.c-imatge-decorativa__editor-helper {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(93, 77, 155, 0.9);
  color: white;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 4px;
  pointer-events: auto;
  z-index: 999;
}

/* =========================================================
   RESPONSIVE (MÒBIL)
   ========================================================= */
@media (max-width: 768px) {
  .c-imatge-decorativa.u-hide-mobile {
    display: none !important;
  }
  
  .c-imatge-decorativa__wrapper {
    top: var(--img-dec-y-mob);
    width: var(--img-dec-w-mob);
  }
  
  .c-imatge-decorativa--esquerra .c-imatge-decorativa__wrapper {
    left: var(--img-dec-x-mob);
    right: auto;
  }
  
  .c-imatge-decorativa--dreta .c-imatge-decorativa__wrapper {
    right: var(--img-dec-x-mob);
    left: auto;
  }
}