/* PORTAL WEB AC LOCAL v0.5.3
   Fons fix corporatiu i efecte de blocs flotants en scroll. */

:root {
  --ac-backdrop-surface: rgba(255, 255, 255, 0.74);
  --ac-backdrop-surface-strong: rgba(255, 255, 255, 0.82);
  --ac-backdrop-border: rgba(15, 77, 129, 0.09);
  --ac-backdrop-shadow: 0 24px 60px rgba(10, 42, 76, 0.10);
  --ac-backdrop-shadow-soft: 0 18px 40px rgba(10, 42, 76, 0.08);
}

body {
  position: relative;
  background: #edf3f8;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  z-index: 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(15, 77, 129, 0.10) 0%, rgba(15, 77, 129, 0.05) 18%, rgba(15, 77, 129, 0.015) 34%, transparent 52%),
    radial-gradient(circle at 92% 18%, rgba(15, 77, 129, 0.09) 0%, rgba(15, 77, 129, 0.04) 18%, rgba(15, 77, 129, 0.012) 34%, transparent 50%),
    radial-gradient(circle at 24% 82%, rgba(232, 192, 77, 0.11) 0%, rgba(232, 192, 77, 0.05) 14%, rgba(232, 192, 77, 0.01) 28%, transparent 48%),
    linear-gradient(180deg, #f4f8fb 0%, #eef4f8 100%);
}

body::after {
  z-index: 0;
  inset: 4vh 3vw auto;
  height: min(92vh, 980px);
  background: url("../logos/logo-ac-blau.png") center top / min(56vw, 920px) auto no-repeat;
  opacity: 0.045;
  filter: blur(1px);
  transform: translateZ(0);
}

.site-header,
main,
.site-footer {
  position: relative;
  z-index: 1;
}

@supports ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  @media (min-width: 1024px) {
    .section-light,
    .social-section {
      background: var(--ac-backdrop-surface);
      backdrop-filter: saturate(140%) blur(12px);
      -webkit-backdrop-filter: saturate(140%) blur(12px);
    }

    .voice,
    .program,
    .news,
    .social-section {
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), inset 0 -1px 0 rgba(15, 77, 129, 0.05);
    }
  }
}

@media (min-width: 1024px) {
  .voice .shell,
  .program .shell,
  .news .shell,
  .social-inner {
    position: relative;
  }

  .section-heading,
  .media-carousel,
  .carousel-dots,
  .program-grid,
  .news-layout,
  .donation-inner,
  .social-inner,
  .footer-grid {
    will-change: transform;
  }

  .program-grid,
  .news-layout,
  .social-inner,
  .footer-grid {
    filter: drop-shadow(0 16px 32px rgba(10, 42, 76, 0.08));
  }

  .program-card,
  .news-feature,
  .news-secondary-card,
  .news-compact-card,
  .media-card,
  .affiliate-card {
    box-shadow: var(--ac-backdrop-shadow-soft);
  }

  .donation {
    background-attachment: fixed;
  }

  .donation::before {
    backdrop-filter: saturate(110%) blur(1.5px);
    -webkit-backdrop-filter: saturate(110%) blur(1.5px);
  }

  .ac-float-group {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 1023px) {
  body::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation: none !important;
  }
}