/* Desktop menor / tablet largo */
@media (max-width: 1180px) {
  .site-nav {
    gap: 1.8rem;
  }

  .site-nav a {
    font-size: 1.15rem;
    letter-spacing: 0.08em;
  }

  .main-header :is(.mobile-menu, .header-content .menu) .search-container input {
    width: 180px;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    --header-main: 7rem;
  }

  .site-nav,
  .main-header .header-content .menu .search-container {
    display: none;
  }

  .main-footer .footer-content {
    grid-template-columns: 1fr 1fr;
    gap: 4rem 3rem;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --header-bar: 3rem;
    --header-main: 6.4rem;
  }

  .main-header .header-top {
    font-size: 1rem;
    letter-spacing: 0.1em;
  }

  .main-header .header-content .menu {
    display: none;
  }

  .main-header .header-content .menu-bars-icon-container {
    display: block;
  }

  .wordmark {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }

  .toolbar-container {
    display: flex;
  }

  /* espaço para a barra inferior fixa não cobrir o conteúdo */
  body {
    padding-bottom: 64px;
  }

  #backToTopButton {
    bottom: calc(64px + 1.6rem);
    right: 1.6rem;
  }

  .whatsapp-fab {
    bottom: calc(64px + 1.6rem);
    left: 1.6rem;
    padding: 1.2rem;
  }

  /* no mobile o botão de WhatsApp fica só com o ícone */
  .whatsapp-fab span {
    display: none;
  }

  .main-footer {
    margin-top: 5rem;
  }

  .main-footer .footer-content {
    grid-template-columns: 1fr;
    padding: 4rem 2.4rem 3rem;
    gap: 3.6rem;
  }

  .main-footer .footer-about p {
    max-width: none;
  }

  .container {
    padding-inline: 1.6rem;
  }
}