/* PORTAL WEB AC LOCAL v0.5.5
   Afinació decidida perquè el roure d'AC es distingeixi clarament al fons fix. */

:root {
  --ac-backdrop-surface: rgba(255, 255, 255, 0.60);
  --ac-backdrop-surface-strong: rgba(255, 255, 255, 0.70);
}

body::before {
  background:
    radial-gradient(circle at 7% 16%, rgba(15, 77, 129, 0.16) 0%, rgba(15, 77, 129, 0.085) 18%, rgba(15, 77, 129, 0.028) 34%, transparent 54%),
    radial-gradient(circle at 92% 16%, rgba(15, 77, 129, 0.14) 0%, rgba(15, 77, 129, 0.065) 18%, rgba(15, 77, 129, 0.022) 34%, transparent 52%),
    radial-gradient(circle at 24% 82%, rgba(232, 192, 77, 0.16) 0%, rgba(232, 192, 77, 0.075) 14%, rgba(232, 192, 77, 0.02) 28%, transparent 48%),
    linear-gradient(180deg, #eff5fa 0%, #e7eef5 100%) !important;
}

body::after {
  inset: 4vh 50% auto auto !important;
  transform: translateX(50%) translateZ(0) !important;
  height: min(88vh, 900px) !important;
  width: min(48vw, 760px) !important;
  background: url("../logos/logo-ac-blau.png") center top / contain no-repeat !important;
  opacity: 0.145 !important;
  filter: blur(0px) saturate(1.08) contrast(1.12) brightness(0.96) !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(145%) blur(9px) !important;
      -webkit-backdrop-filter: saturate(145%) blur(9px) !important;
    }
  }
}

@media (min-width: 1440px) {
  body::after {
    width: min(43vw, 700px) !important;
    height: min(86vh, 860px) !important;
    opacity: 0.16 !important;
  }
}

@media (min-width: 1680px) {
  body::after {
    width: min(40vw, 660px) !important;
    opacity: 0.17 !important;
  }
}

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