/* PORTAL WEB AC LOCAL v0.5.6
   El roure del fons creix i passa a ocupar gran part de l'espai visual. */

:root {
  --ac-backdrop-surface: rgba(255, 255, 255, 0.56);
  --ac-backdrop-surface-strong: rgba(255, 255, 255, 0.66);
}

body::after {
  inset: 1vh 50% auto auto !important;
  transform: translateX(50%) translateZ(0) !important;
  width: min(92vw, 1680px) !important;
  height: min(150vh, 1720px) !important;
  background: url("../logos/logo-ac-blau.png") center 3vh / contain no-repeat !important;
  opacity: 0.115 !important;
  filter: blur(0px) saturate(1.06) contrast(1.10) brightness(0.97) !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(8px) !important;
      -webkit-backdrop-filter: saturate(145%) blur(8px) !important;
    }
  }
}

@media (min-width: 1440px) {
  body::after {
    width: min(94vw, 1760px) !important;
    height: min(154vh, 1780px) !important;
    opacity: 0.122 !important;
  }
}

@media (min-width: 1680px) {
  body::after {
    width: min(96vw, 1880px) !important;
    height: min(158vh, 1860px) !important;
    opacity: 0.128 !important;
  }
}

@media (min-width: 1920px) {
  body::after {
    width: min(97vw, 1980px) !important;
    height: min(164vh, 1960px) !important;
    opacity: 0.132 !important;
  }
}