/* Sito creato con ❤ custom da MarTe Graphics | autore e sito web: www.martegraphics.it | All Rights Reserved. */
.tao-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s ease, background .3s ease;
  font-family:var(--tao-font-body);
}
.tao-header.scrolled{
  border-bottom-color:rgba(61,79,66,0.08);
  background:rgba(255,255,255,0.95);
}
.tao-header-inner{
  max-width:var(--tao-maxw);margin:0 auto;
  padding:18px var(--tao-pad-x);
  display:grid;grid-template-columns:auto 1fr auto auto;
  align-items:center;gap:32px;
}
.tao-logo{
  display:flex;align-items:center;gap:10px;
  color:var(--tao-primary);text-decoration:none;
}
.tao-logo-word{
  font-family:var(--tao-font-display);
  font-size:26px;font-weight:500;
  color:var(--tao-text);
  letter-spacing:-0.01em;
}
.tao-nav-desktop{display:flex;gap:36px;justify-self:center}
.tao-nav-desktop a{
  font-size:14px;font-weight:500;
  color:var(--tao-text);text-decoration:none;
  position:relative;padding:6px 0;
  transition:color .25s;
}
.tao-nav-desktop a::after{
  content:"";position:absolute;left:0;bottom:0;
  height:1px;width:0;background:var(--tao-secondary);
  transition:width .3s ease;
}
.tao-nav-desktop a:hover{color:var(--tao-secondary)}
.tao-nav-desktop a:hover::after{width:100%}
.tao-header-cta{
  background:var(--tao-text);color:#fff;
  padding:11px 22px;border-radius:999px;
  font-size:13px;font-weight:500;letter-spacing:0.02em;
  text-decoration:none;
  transition:transform .25s, background .25s;
}
.tao-header-cta:hover{background:var(--tao-secondary);transform:translateY(-1px)}
.tao-menu-btn{
  display:none;flex-direction:column;gap:5px;padding:6px;
  background:none;border:0;cursor:pointer;
}
.tao-menu-btn span{width:22px;height:1.5px;background:var(--tao-text);display:block}
.tao-mobile-menu{
  display:flex;flex-direction:column;gap:18px;
  padding:24px var(--tao-pad-x);
  border-top:1px solid rgba(61,79,66,0.1);
  background:#fff;
}
.tao-mobile-menu[hidden]{display:none}
.tao-mobile-menu a{
  font-family:var(--tao-font-display);font-size:22px;
  color:var(--tao-text);text-decoration:none;
}

@media (max-width: 980px){
  .tao-nav-desktop{display:none}
  .tao-menu-btn{display:flex}
  .tao-header-inner{grid-template-columns:auto 1fr auto}
  .tao-header-cta{padding:9px 16px;font-size:12px}
}