:root{
      --active-bg: #0B2F6B;   /* blu scuro come tab attivo */
      --text: #333333;        /* testo default */
      --bar-bg: #ffffff;      /* barra bianca */    
    }
    .fit-hero{ position:relative; height: 320px; background: #000; overflow:hidden; }
    .fit-hero video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition: opacity .35s ease; }
    .fit-hero.is-video-ready video{ opacity:1; }
    .fit-hero::after{ content:""; position:absolute; inset:0; background: rgba(0,0,0,.18); }
    .fit-hero .fit-hero-inner{ position:relative; z-index:2; height:100%; display:flex; align-items:center; justify-content:center; padding: 16px; filter: drop-shadow(5px 0px 15px rgba(0,0,0,0.5)) drop-shadow(10px 0px 30px rgba(0,0,0,0.5));}
    .fit-hero .fit-logo{ max-width: 230px; height: auto; width: 230px; }
    @media (max-width: 640px){ .fit-hero{height: 230px;} .fit-hero .fit-logo{width: 230px;} }
    /* Barra menu: */
    .fit-nav{ background: var(--bar-bg); max-width: 900px; margin: 0 auto; padding: 0; }
    .fit-nav-wrap{ background: var(--bar-bg); padding: 0; }
    .fit-menu{ margin: 0; padding: 0; list-style: none; display: flex; align-items: stretch; gap: 0; height: 52px; }
    .fit-menu li{ display: flex; }
    .fit-menu a{ display: inline-flex; align-items: center; height: 52px; padding: 0 22px; text-decoration: none; color: var(--text); font-size: 16px; font-weight: 400; line-height: 1; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
    .fit-menu a:active{ background: var(--active-bg); color: #fff; }
    .fit-menu a:hover{ background: var(--active-bg); color: #fff; }

/* =========================
   Responsive menu (mobile)
   ========================= */
.fit-nav-toggle{
  display:none;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  user-select:none;
}
.fit-nav-toggle:focus{ outline:2px solid rgba(0,0,0,.25); outline-offset:2px; }

.fit-nav-toggle .burger{
  width:18px; height:12px;
  position:relative;
  display:inline-block;
}
.fit-nav-toggle .burger span{
  position:absolute;
  left:0; right:0;
  height:2px;
  background:rgba(0,0,0,.80);
  border-radius:2px;
  transition:transform .2s ease, opacity .2s ease, top .2s ease;
}
.fit-nav-toggle .burger span:nth-child(1){ top:0; }
.fit-nav-toggle .burger span:nth-child(2){ top:5px; }
.fit-nav-toggle .burger span:nth-child(3){ top:10px; }

.fit-nav-wrap.is-open .fit-nav-toggle .burger span:nth-child(1){ top:5px; transform:rotate(45deg); }
.fit-nav-wrap.is-open .fit-nav-toggle .burger span:nth-child(2){ opacity:0; }
.fit-nav-wrap.is-open .fit-nav-toggle .burger span:nth-child(3){ top:5px; transform:rotate(-45deg); }

@media (max-width: 820px){
  .fit-nav{ max-width: none; }
  .fit-nav-wrap{ padding: 0; }

  .fit-nav-toggle{
    display:inline-flex;
    margin:10px 12px;
  }

  .fit-menu{
    display:none;
    flex-direction:column;
    height:auto;
    gap:6px;
    padding: 0 12px 12px;
  }
  .fit-nav-wrap.is-open .fit-menu{ display:flex; }

  .fit-menu li{ display:block; }
  .fit-menu a{
    display:flex;
    height:auto;
    padding: 12px 12px;
    border-radius:10px;
    white-space:normal;
  }
}