:root{
  --home-dark:#090d19;
  --home-purple:#6265fe;
  --home-purple-light:#b6bbff;
  --home-blue:#e2f0ff;
  --home-line:#dfdfdf;
  --home-white:#fff;
  --home-container:1245px;
  --menu-active:#0D263C;
  --menu-hover:#EFF0FF;
}

/* Capçalera comuna per a totes les pàgines */
.home-header,
.home-header *{box-sizing:border-box}
.home-header{
  height:80px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  inset:auto!important;
  z-index:100!important;
  box-shadow:0 1px 0 rgba(9,13,25,.07)!important;
  border:0!important;
  backdrop-filter:none!important;
}
.home-header .home-container{
  width:min(var(--home-container),calc(100% - 48px));
  margin-inline:auto;
}
.home-header__inner{
  height:100%;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}
.home-header .home-logo{
  display:inline-flex;
  align-items:center;
  width:max-content;
  color:inherit;
  text-decoration:none;
}
.home-header .home-logo img{
  display:block;
  width:158px;
  height:auto;
  max-width:none;
}
.home-header .home-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:44px;
  font:400 16px/1 "Afacad Flux",Arial,sans-serif;
}
.home-header .home-nav a{
  position:relative;
  display:block;
  padding:10px 0;
  color:#090d19;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:inherit!important;
  text-decoration:none!important;
  min-width:0!important;
  height:auto!important;
}
.home-header .home-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:2px;
  height:2px;
  background:var(--home-purple);
  transition:left .2s ease,right .2s ease;
}
.home-header .home-nav a:hover::after,
.home-header .home-nav a[aria-current="page"]::after{
  left:0;
  right:0;
}
.home-header .home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:10px 17px;
  border:1px solid transparent;
  font:600 16px/1 Montserrat,sans-serif;
  color:inherit;
  text-decoration:none;
  white-space:nowrap;
}
.home-header .home-btn--primary{
  background:var(--home-purple)!important;
  color:#fff!important;
  border-color:var(--home-purple)!important;
}
.home-header .home-arrow{width:12px;height:12px;flex:none}
.home-header__cta{justify-self:end}
.home-header .home-menu-button{
  display:none;
  border:0;
  padding:0;
  background:var(--home-dark);
  color:#fff;
  border-radius:8px;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.home-header .home-menu-button svg{width:22px;height:22px}

/* Amaga únicament la capçalera antiga generada dins l'aplicació */
#root header{display:none!important}

/* Hover de botons: replica el comportament de l'antic botó del menú */
.home-btn,
.btn,
.header-cta,
.cta-lg,
.btn-shimmer,
button[type="submit"],
a[class*="bg-accent"],
a[class*="bg-ink"][class*="text-cream"]{
  border-radius:10px!important;
  transition:border-radius .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.home-btn:hover,
.btn:hover,
.header-cta:hover,
.cta-lg:hover,
.btn-shimmer:hover,
button[type="submit"]:hover,
a[class*="bg-accent"]:hover,
a[class*="bg-ink"][class*="text-cream"]:hover,
.home-btn:focus-visible,
.btn:focus-visible,
.header-cta:focus-visible,
.cta-lg:focus-visible,
.btn-shimmer:focus-visible,
button[type="submit"]:focus-visible{
  border-radius:0!important;
  transform:none!important;
}

@media(max-width:1100px){
  .home-header__inner{grid-template-columns:auto 1fr auto}
  .home-header .home-nav{gap:8px}
}
@media(max-width:820px){
  .home-header{height:72px!important}
  .home-header .home-container{width:min(100% - 32px,var(--home-container))}
  .home-header__inner{grid-template-columns:1fr auto}
  .home-header .home-logo img{width:145px}
  .home-header .home-menu-button{display:flex;justify-self:end}
  .home-header__cta{display:none!important}
  .home-header .home-nav{
    position:absolute;
    left:16px;
    right:16px;
    top:64px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    background:#fff;
    border:1px solid var(--home-line);
    border-radius:10px;
    box-shadow:0 14px 32px rgba(9,13,25,.15);
  }
  .home-header .home-nav.is-open{display:flex}
  .home-header .home-nav a{
    padding:14px 16px;
    border-radius:10px!important;
  }
  .home-header .home-nav a:hover,
  .home-header .home-nav a:focus-visible{background:var(--menu-hover)!important;color:#090d19!important}
  .home-header .home-nav a[aria-current="page"],
  .home-header .home-nav a[aria-current="page"]:hover,
  .home-header .home-nav a[aria-current="page"]:focus-visible{background:var(--menu-active)!important;color:#fff!important}
  .home-header .home-nav a::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-header .home-nav a::after,
  .home-btn,.btn,.header-cta,.cta-lg,.btn-shimmer,button[type="submit"]{transition:none!important}
}


/* v35 — menú de escritorio con estados en bloque */
@media (min-width:821px){
  .home-header .home-nav{
    gap:8px!important;
  }
  .home-header .home-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:14px 18px!important;
    color:#090d19!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
    transition:background-color .18s ease,color .18s ease,border-radius .18s ease!important;
  }
  .home-header .home-nav a::after{
    display:none!important;
    content:none!important;
  }
  .home-header .home-nav a:not([aria-current="page"]):hover,
  .home-header .home-nav a:not([aria-current="page"]):focus-visible{
    background:#EFF0FF!important;
    color:#090d19!important;
  }
  .home-header .home-nav a[aria-current="page"],
  .home-header .home-nav a[aria-current="page"]:hover,
  .home-header .home-nav a[aria-current="page"]:focus-visible{
    background:#0D263C!important;
    color:#fff!important;
  }
}


/* v40 — capçalera fixa durant tot el desplaçament */
html{scroll-padding-top:92px}
.home-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1000!important;
}
@media(max-width:820px){
  html{scroll-padding-top:82px}
}


/* v41 — rotació corporativa de les fletxes als botons */
.home-btn .home-arrow,
.btn .lucide-arrow-up-right,
.header-cta .lucide-arrow-up-right,
.cta-lg .lucide-arrow-up-right,
.btn-shimmer .lucide-arrow-up-right,
a[class*="bg-accent"] .lucide-arrow-up-right,
a[class*="bg-ink"][class*="text-cream"] .lucide-arrow-up-right{
  transform-origin:center!important;
  transition:transform .42s cubic-bezier(.22,.8,.32,1)!important;
}
.home-btn:hover .home-arrow,
.home-btn:focus-visible .home-arrow,
.btn:hover .lucide-arrow-up-right,
.btn:focus-visible .lucide-arrow-up-right,
.header-cta:hover .lucide-arrow-up-right,
.header-cta:focus-visible .lucide-arrow-up-right,
.cta-lg:hover .lucide-arrow-up-right,
.cta-lg:focus-visible .lucide-arrow-up-right,
.btn-shimmer:hover .lucide-arrow-up-right,
.btn-shimmer:focus-visible .lucide-arrow-up-right,
a[class*="bg-accent"]:hover .lucide-arrow-up-right,
a[class*="bg-accent"]:focus-visible .lucide-arrow-up-right,
a[class*="bg-ink"][class*="text-cream"]:hover .lucide-arrow-up-right,
a[class*="bg-ink"][class*="text-cream"]:focus-visible .lucide-arrow-up-right{
  transform:rotate(90deg)!important;
}
@media(prefers-reduced-motion:reduce){
  .home-arrow,.lucide-arrow-up-right{transition:none!important}
}

/* v53 — permet que la capçalera sticky funcioni en totes les pàgines */
html,
body{
  overflow-x:clip;
}
#effika-home{
  overflow:visible!important;
}
.home-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}