/* PATCH 251 — mobile: menu hambúrguer visível + faixa de módulos em carrossel automático */
@media (max-width:860px){
  .fp227-header .fp225-menu{
    display:flex!important;
    position:relative!important;
    z-index:60!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }
  .fp227-header .fp225-menu i{
    display:block!important;
    width:20px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:99px!important;
    background:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    box-shadow:none!important;
  }
  .fp227-header .fp225-menu[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .fp227-header .fp225-menu[aria-expanded="true"] i:nth-child(2){opacity:0!important}
  .fp227-header .fp225-menu[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
}

@media (max-width:620px){
  /* Em celular a barra torna-se uma faixa horizontal navegável, sem esconder itens. */
  .fp227-modulebar{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
    padding:0 10px 22px!important;
  }
  .fp227-modulebar::-webkit-scrollbar{display:none!important}
  .fp227-modulebar .fp230-modules{
    display:flex!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    grid-template-columns:none!important;
    overflow:visible!important;
    padding:4px 7px!important;
  }
  .fp230-modules article{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    min-height:62px!important;
    border-bottom:0!important;
    border-right:1px solid #d7e1eb!important;
  }
  .fp230-modules article:last-child{border-right:0!important}
  .fp230-modules article:nth-child(odd),
  .fp230-modules article:nth-child(even){border-right:1px solid #d7e1eb!important}
  .fp230-modules article:last-child{border-right:0!important}
}