/* Ajustes proprietários — carregado depois do CSS do Webflow */

/* Header no celular: logo maior + botões de ação em linha própria (50/50) */
@media screen and (max-width: 767px) {
  .navbar.static {
    position: relative;
  }

  .navbar.static .nav-container {
    flex-wrap: wrap;
    grid-column-gap: .75rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .navbar.static .brand.margin-right-1-5 {
    order: 1;
    flex: 0 0 auto;
    align-items: center;
    min-height: 3rem;
    margin-right: 0;
    padding-right: 3.5rem;
  }

  .navbar.static .brand .height-3-5 {
    height: 3rem;
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar.static .nav-action.grow {
    order: 2;
    flex: 1 0 100%;
    grid-column-gap: .75rem;
    column-gap: .75rem;
    justify-content: stretch;
    align-items: stretch;
  }

  .navbar.static .nav-action.grow > a {
    flex: 1 1 0;
    min-width: 0;
    min-height: 2.75rem;
    justify-content: center;
    align-items: center;
    padding: .625rem .75rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    display: flex;
  }

  /* botão do menu ancorado na primeira linha, ao lado da logo */
  .navbar.static .nav-action.grow .menu-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    margin-left: 0;
    margin-right: -.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .navbar.static .brand .height-3-5 {
    height: 2.75rem;
  }

  .navbar.static .brand.margin-right-1-5 {
    min-height: 2.75rem;
  }

  .navbar.static .nav-action.grow .menu-button {
    height: 2.75rem;
  }
}