/* MENU_CIRCULOS_CENTRALIZADO_SEGURO_favicon-menu-revert-20260814-2056
   Reverte a alteração que mexia no topo e centraliza somente menu principal/círculos. */

/* Topo restaurado: não aplicar largura global em todo nav dentro do header */
.site-header .header-main{
  width:min(1240px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:16px 0!important;
  box-sizing:border-box!important;
}
.site-header .header-main .brand,
.site-header .header-main .brand-official{
  flex:0 0 auto!important;
}
.site-header .header-main .search-form{
  flex:1 1 auto!important;
  max-width:650px!important;
  min-width:280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-header .header-main .top-actions{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

/* Menu principal centralizado, sem mexer nos botões do topo */
.site-header > .main-nav{
  width:min(1240px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 0 14px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.site-header > .main-nav a{
  flex:0 0 auto!important;
}

/* Círculos: a faixa toda fica no mesmo centro do header/banner */
.circle-menu-porto{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:#fff!important;
}
.circle-menu-porto .circle-menu-shell{
  width:min(1240px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:16px 0 18px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.circle-menu-porto .circle-nav-button{
  flex:0 0 44px!important;
}
.circle-menu-porto .circle-menu-track{
  flex:0 1 auto!important;
  max-width:calc(100% - 108px)!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 0 4px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  scrollbar-width:none!important;
}
.circle-menu-porto .circle-menu-track::-webkit-scrollbar{display:none!important}
.circle-menu-porto .circle-menu-card{
  flex:0 0 104px!important;
  width:104px!important;
}
.circle-menu-porto .circle-menu-card__image,
.circle-menu-porto .circle-menu-image{
  border-radius:50%!important;
  overflow:hidden!important;
}
.circle-menu-porto .circle-menu-card__image img,
.circle-menu-porto .circle-menu-image img{
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Esconde texto auxiliar se estiver criando desalinhamento visual */
.circle-menu-porto .circle-menu-hint{
  text-align:center!important;
}

@media(max-width:900px){
  .site-header .header-main{
    width:min(1240px,calc(100% - 24px))!important;
    gap:12px!important;
  }
  .site-header .header-main .search-form{
    min-width:0!important;
    max-width:none!important;
  }
  .site-header > .main-nav{
    width:calc(100% - 24px)!important;
    justify-content:flex-start!important;
  }
  .circle-menu-porto .circle-menu-shell{
    width:calc(100% - 24px)!important;
  }
  .circle-menu-porto .circle-menu-track{
    flex:1 1 auto!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:18px!important;
  }
  .circle-menu-porto .circle-nav-button{
    display:none!important;
  }
}