/* Menú estático independiente de Site.pro */
.static-site-menu{
  position:relative;
  z-index:99999;
  width:100%;
  box-sizing:border-box;
  display:block;
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,.12);
  padding:8px 12px;
  font-family:Arial, Helvetica, sans-serif;
}
.static-site-menu ul{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 4px;
  list-style:none !important;
  margin:0 auto !important;
  padding:0 !important;
  width:100%;
  box-sizing:border-box;
}
.static-site-menu li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block;
}
.static-site-menu a{
  display:block;
  box-sizing:border-box;
  padding:10px 12px;
  margin:0;
  color:#0569d8 !important;
  background:#fff;
  text-decoration:none !important;
  white-space:nowrap;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  border-radius:4px;
  transition:all .18s ease;
}
.static-site-menu a:hover,
.static-site-menu a:focus{
  color:#ffffff !important;
  background:#0569d8;
  text-decoration:none !important;
}

/* Escritorio: una línea cuando cabe */
@media (min-width:1100px){
  .static-site-menu ul{flex-wrap:nowrap;gap:2px;}
  .static-site-menu a{padding:10px 9px;font-size:13px;}
}

/* Tablet */
@media (min-width:768px) and (max-width:1099px){
  .static-site-menu a{font-size:13px;padding:9px 8px;}
}

/* Móvil: menú desplazable horizontalmente, sin desaparecer */
@media (max-width:767px){
  .static-site-menu{padding:6px 8px;overflow:hidden;}
  .static-site-menu ul{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    gap:4px;
    padding-bottom:2px !important;
  }
  .static-site-menu li{flex:0 0 auto;}
  .static-site-menu a{font-size:13px;padding:10px 11px;}
}