/* PORTAL WEB AC LOCAL v0.3.4
   Efectes de profunditat i expansió d'imatges amb GSAP + ScrollTrigger.
   Les transformacions de scroll utilitzen les propietats individuals
   translate/scale per no interferir amb els hover, tilt i girs existents. */

.ac-parallax-target {
  --ac-parallax-scale: 1;
  --ac-parallax-y: 0%;
  translate: 0 var(--ac-parallax-y);
  scale: var(--ac-parallax-scale);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

html.ac-parallax-ready .ac-parallax-target.is-ac-parallax-active {
  will-change: translate, scale;
}

/* El vídeo principal conserva sempre prou marge per no deixar vores visibles. */
.hero-media.ac-parallax-target {
  transform-origin: 50% 42%;
}

/* Les imatges de targeta continuen respectant els hover originals del portal. */
.media-card img.ac-parallax-target,
.program-card-visual img.ac-parallax-target,
.member-card-photo.ac-parallax-target,
.map-link img.ac-parallax-target,
.map-preview-canvas img.ac-parallax-target,
.noticia-imatge-principal img.ac-parallax-target,
.content-card img.ac-parallax-target,
#gridThumbs .grid-image img.ac-parallax-target {
  display: block;
}

.news-feature-image.ac-parallax-target,
.news-secondary-image.ac-parallax-target,
.news-compact-image.ac-parallax-target {
  transform-origin: 50% 50%;
}

/* La fotografia de donacions es separa del degradat per poder animar-la
   sense moure el text, els controls ni la senyera lateral. */
.donation {
  isolation: isolate;
  background: var(--blue-dark) !important;
}

.donation-media {
  position: absolute;
  z-index: 0;
  inset: -10% -4%;
  pointer-events: none;
  background: url("../imagenes/tarragona-actualitat.jpg") center 44% / cover no-repeat;
  transform-origin: 50% 44%;
}

.donation::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(5, 42, 76, 0.97) 0%,
    rgba(7, 52, 93, 0.86) 48%,
    rgba(15, 77, 129, 0.43) 72%,
    rgba(15, 77, 129, 0.28) 100%
  );
}

.donation::after {
  z-index: 3;
}

.donation-inner {
  position: relative;
  z-index: 2;
}

/* Evita que l'ampliació surti dels contenidors visuals. */
.news-feature,
.news-secondary-card,
.news-compact-card,
.noticia-imatge-principal,
.program-card-visual,
.media-card,
.map-preview-canvas,
#gridThumbs .grid-item {
  overflow: hidden;
}

@media (max-width: 768px) {
  .donation-media {
    inset: -7% -8%;
    background-position: 58% 44%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ac-parallax-target {
    --ac-parallax-scale: 1 !important;
    --ac-parallax-y: 0% !important;
    translate: none !important;
    scale: 1 !important;
    will-change: auto !important;
  }
}

@supports not (scale: 1) {
  .ac-parallax-target {
    translate: none !important;
    scale: 1 !important;
  }
}