/* Menu mobile da homepage do novo layout. */
@media (max-width:760px){
  .header{
    overflow:visible;
    box-shadow:0 1px 0 rgba(16,41,87,.06)
  }
  .header .header-in{
    position:relative;
    flex-wrap:wrap;
    align-items:center;
    column-gap:16px!important;
    row-gap:0!important
  }
  .header .menu{
    position:relative;
    z-index:3;
    cursor:pointer;
    border:1px solid #e7ebf2;
    background:#f4f7fb;
    box-shadow:none;
    transition:background .18s ease,border-color .18s ease,transform .18s ease
  }
  .header .menu:hover,
  .header .menu:focus-visible{
    background:#edf3fb;
    border-color:#d8e1ee
  }
  .header .menu:active{transform:scale(.97)}

  .header.mobile-menu-open{
    background:#fff;
    box-shadow:0 18px 45px rgba(16,41,87,.14)
  }
  .header.mobile-menu-open .header-in{
    padding-bottom:10px;
    row-gap:0!important
  }

  /* Navegação e ações formam visualmente um único painel. */
  .header.mobile-menu-open .nav{
    order:3;
    flex:0 0 100%;
    width:100%;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    margin:10px 0 0!important;
    padding:6px 9px 2px;
    background:#fff;
    border:1px solid #dfe6f0;
    border-bottom:0;
    border-radius:18px 18px 0 0;
    box-shadow:none
  }
  .header.mobile-menu-open .nav a{
    position:relative;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 13px;
    color:#34435d;
    border-radius:10px;
    font-size:13px;
    line-height:1.2;
    font-weight:850;
    transition:color .16s ease,background .16s ease,padding .16s ease
  }
  .header.mobile-menu-open .nav a:not(:last-child):before{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:0;
    height:1px;
    background:#edf1f6
  }
  .header.mobile-menu-open .nav a:after{
    content:"›";
    margin-left:14px;
    color:#a0acc0;
    font-size:19px;
    line-height:1;
    font-weight:500;
    transition:color .16s ease,transform .16s ease
  }
  .header.mobile-menu-open .nav a:hover,
  .header.mobile-menu-open .nav a:focus{
    color:#1768e8;
    background:#f7faff;
    padding-left:16px
  }
  .header.mobile-menu-open .nav a:hover:after,
  .header.mobile-menu-open .nav a:focus:after{
    color:#1768e8;
    transform:translateX(2px)
  }

  .header.mobile-menu-open .actions{
    order:4;
    flex:0 0 100%;
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px!important;
    margin:0!important;
    padding:9px;
    background:#fff;
    border:1px solid #dfe6f0;
    border-top:1px solid #edf1f6;
    border-radius:0 0 18px 18px;
    box-shadow:0 14px 30px rgba(16,41,87,.08)
  }
  .header.mobile-menu-open .actions .btn{
    width:100%;
    min-height:42px;
    padding:0 12px;
    font-size:13px;
    box-shadow:none
  }
  .header.mobile-menu-open .actions .btn-primary{
    box-shadow:none
  }

  /* Hambúrguer -> X. */
  .header.mobile-menu-open .menu{
    background:#edf3fb;
    border-color:#d8e1ee
  }
  .header.mobile-menu-open .menu span{background:transparent}
  .header.mobile-menu-open .menu span:before{top:0;transform:rotate(45deg)}
  .header.mobile-menu-open .menu span:after{top:0;transform:rotate(-45deg)}
  .header .menu span:before,
  .header .menu span:after{
    transition:top .18s ease,transform .18s ease,background .18s ease
  }
}

@media (max-width:430px){
  .header.mobile-menu-open .nav{
    margin-top:8px!important;
    padding-left:8px;
    padding-right:8px
  }
  .header.mobile-menu-open .nav a{
    min-height:40px;
    padding-left:11px;
    padding-right:11px
  }
  .header.mobile-menu-open .actions{
    gap:7px!important;
    padding:8px
  }
  .header.mobile-menu-open .actions .btn{
    min-height:40px;
    font-size:12px
  }
}