/* crida studio — header access: Què oferim? */
#header-outer .crida-qf-header-item{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  margin-right:clamp(14px,1.5vw,28px)!important;
  opacity:1!important;
  filter:none!important;
}

#header-outer .crida-qf-header-access{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 4px!important;
  border:0!important;
  background:none!important;
  font-family:"Zalando Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16.5px!important;
  font-weight:430!important;
  line-height:1!important;
  letter-spacing:-.010em!important;
  text-transform:none!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  color:rgba(255,255,255,.95)!important;
  -webkit-text-fill-color:rgba(255,255,255,.95)!important;
  transition:color .42s ease,-webkit-text-fill-color .42s ease!important;
}

#header-outer .crida-qf-header-label{
  position:relative!important;
  display:inline-block!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
#header-outer .crida-qf-header-label::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-6px;
  height:1px;
  background:currentColor;
  opacity:.75;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}
#header-outer .crida-qf-header-arrow{
  display:inline-block!important;
  font-size:.95em!important;
  line-height:1!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  opacity:.52;
  transform:translate3d(-2px,2px,0);
  transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease;
}
#header-outer .crida-qf-header-access:is(:hover,:focus-visible) .crida-qf-header-label::after{
  transform:scaleX(1);
  transform-origin:left center;
}
#header-outer .crida-qf-header-access:is(:hover,:focus-visible) .crida-qf-header-arrow{
  opacity:1;
  transform:translate3d(1px,-1px,0);
}

#header-outer.transparent .crida-qf-header-access,
#header-outer[data-permanent-transparent="1"] .crida-qf-header-access{
  color:rgba(255,255,255,.95)!important;
  -webkit-text-fill-color:rgba(255,255,255,.95)!important;
}

#header-outer .crida-qf-header-access:hover,
#header-outer .crida-qf-header-access:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Current page: intentionally almost disappears — it reads as "you are here". */
#header-outer .crida-qf-header-access[aria-current="page"],
#header-outer.transparent .crida-qf-header-access[aria-current="page"],
#header-outer[data-permanent-transparent="1"] .crida-qf-header-access[aria-current="page"]{
  color:rgba(255,255,255,.16)!important;
  -webkit-text-fill-color:rgba(255,255,255,.16)!important;
}

#header-outer .crida-qf-header-access[aria-current="page"]:hover,
#header-outer .crida-qf-header-access[aria-current="page"]:focus-visible{
  color:rgba(255,255,255,.95)!important;
  -webkit-text-fill-color:rgba(255,255,255,.95)!important;
}

#header-outer .crida-qf-mobile-header-item{display:none}

@media(max-width:999px){
  #header-outer .crida-qf-mobile-header-item{
    display:inline-flex!important;
    align-items:center!important;
    margin-left:auto!important;
    opacity:1!important;
    filter:none!important;
  }

  #header-outer .crida-qf-header-access--mobile{
    min-height:32px!important;
    padding:0 1px!important;
    font-size:14px!important;
    font-weight:425!important;
    color:rgba(255,255,255,.95)!important;
    -webkit-text-fill-color:rgba(255,255,255,.95)!important;
  }

  #header-outer .crida-qf-header-access--mobile[aria-current="page"]{
    color:rgba(255,255,255,.16)!important;
    -webkit-text-fill-color:rgba(255,255,255,.16)!important;
  }

  #header-outer .crida-qf-header-access--mobile[aria-current="page"]:hover,
  #header-outer .crida-qf-header-access--mobile[aria-current="page"]:focus-visible{
    color:rgba(255,255,255,.95)!important;
    -webkit-text-fill-color:rgba(255,255,255,.95)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #header-outer .crida-qf-header-access,
  #header-outer .crida-qf-header-arrow,
  #header-outer .crida-qf-header-label::after{transition:none!important}
}

@media(hover:none){
  #header-outer .crida-qf-header-arrow{opacity:.8;transform:none}
}

/* Keyboard focus is legible even when this is the current page. */
#header-outer .crida-qf-header-access:focus-visible{
  outline:1px solid rgba(255,255,255,.7)!important;
  outline-offset:5px;
}
#header-outer .crida-qf-header-access[aria-current="page"]:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}