/* Sanitarios Girolami · navegación limpia sin pastillas */
.mainNav{
  background:#062f5b!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(5,43,80,.13)!important;
}
.navInner{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  padding:0 6px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.navInner::-webkit-scrollbar{display:none!important}
.navInner a{
  position:relative!important;
  min-height:64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.88)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:color .18s ease,opacity .18s ease!important;
}
.navInner a::before{
  content:"";
  position:absolute;
  left:-12px;
  top:50%;
  width:3px;
  height:0;
  border-radius:0;
  background:#16a8ff;
  transform:translateY(-50%);
  opacity:0;
  transition:height .18s ease,opacity .18s ease;
}
.navInner a:hover{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.navInner a.active{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.navInner a.active::before{
  height:22px;
  opacity:1;
}
.navInner a.active:hover{color:#fff!important;background:transparent!important}
.navInner a:focus-visible{outline:2px solid #16a8ff!important;outline-offset:6px!important}

@media(max-width:1100px){
  .navInner{gap:25px!important}
}
@media(max-width:980px){
  .navInner{justify-content:flex-start!important;gap:24px!important;padding:0 14px!important}
  .navInner a{min-height:58px!important;font-size:11px!important}
}
@media(max-width:760px){
  .navInner{gap:22px!important}
  .navInner a{min-height:54px!important;font-size:10px!important}
  .navInner a::before{left:-9px!important;width:2px!important}
  .navInner a.active::before{height:18px!important}
}