/* PORTAL WEB AC LOCAL v0.5.4
   Afinació del fons fix perquè sigui més visible i recognoscible. */

:root {
  --ac-backdrop-surface: rgba(255, 255, 255, 0.68);
  --ac-backdrop-surface-strong: rgba(255, 255, 255, 0.76);
}

body::before {
  background:
    radial-gradient(circle at 8% 20%, rgba(15, 77, 129, 0.135) 0%, rgba(15, 77, 129, 0.075) 18%, rgba(15, 77, 129, 0.024) 34%, transparent 52%),
    radial-gradient(circle at 92% 18%, rgba(15, 77, 129, 0.12) 0%, rgba(15, 77, 129, 0.058) 18%, rgba(15, 77, 129, 0.02) 34%, transparent 50%),
    radial-gradient(circle at 24% 82%, rgba(232, 192, 77, 0.145) 0%, rgba(232, 192, 77, 0.07) 14%, rgba(232, 192, 77, 0.018) 28%, transparent 48%),
    linear-gradient(180deg, #f1f6fa 0%, #eaf1f7 100%) !important;
}

body::after {
  inset: 3.5vh 2.5vw auto !important;
  height: min(94vh, 1020px) !important;
  background-size: min(58vw, 980px) auto !important;
  opacity: 0.082 !important;
  filter: blur(0.35px) saturate(1.04) contrast(1.05) !important;
}

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

@media (min-width: 1440px) {
  body::after {
    background-size: min(56vw, 960px) auto !important;
    opacity: 0.09 !important;
  }
}

@media (max-width: 1023px) {
  body::before {
    background:
      radial-gradient(circle at 14% 14%, rgba(15, 77, 129, 0.08) 0%, rgba(15, 77, 129, 0.03) 18%, transparent 42%),
      linear-gradient(180deg, #f4f8fb 0%, #edf3f8 100%) !important;
  }
}