/* Para telas menores que 1120px */
@media (max-width: 1120px) {
  .btn-abrir-menu {
    display: block;
  }

  .menu-desktop {
    display: none;
  }

  /* COMEÇO DO ESTILO DA SECTION --> button-cta */
  section.button-cta > .interface {
    gap: 5%;
  }

  .btn-bio {
    padding: 15px 8px;
    gap: 8px;
  }

  .btn-bio i {
    font-size: 20px;
  }

  .btn-bio strong {
    font-size: 15px;
  }

  .btn-bio .small {
    font-size: 8px;
  }

  /* COMEÇO DO ESTILO DA SECTION --> Galeria de Fotos */
  section.galeria-de-fotos h2 {
    margin-top: 25px;
  }

  .gallery {
    grid-template-columns: repeat(1, 1fr);
  }

  /* COMEÇO DO ESTILO DA SECTION --> CONFIGURAÇÕES GERAIS */
  .btn-pulse-1 {
    bottom: 12px; /* Quanto menos o numero o button abaixa */
    right: 38px; /* Quanto menos o numero o button vai para direita */
    padding: 0.5px 14px;
    font-size: 8px;
  }

  .btn-pulse-2 {
    bottom: 20px; /* Quanto menos o numero o button abaixa */
    right: 190px; /* Quanto menos o numero o button vai para direita */
    padding: 1px 14px;
    font-size: 8px;
  }

  .btn-pulse-3 {
    bottom: 18px; /* Quanto menos o numero o button abaixa */
    right: 190px; /* Quanto menos o numero o button vai para direita */
    padding: 1px 14px;
    font-size: 8px;
  }

  .btn-pulse-4 {
    bottom: 15px; /* Quanto menos o numero o button abaixa */
    right: 38px; /* Quanto menos o numero o button vai para direita */
    padding: 1px 14px;
    font-size: 8px;
  }

  .btn-pulse-5 {
    bottom: 15px; /* Quanto menos o numero o button abaixa */
    right: 38px; /* Quanto menos o numero o button vai para direita */
    padding: 1px 14px;
    font-size: 8px;
  }

  /* COMEÇO DO ESTILO DA SECTION --> sobre-nos */
  .sobre-nos {
    flex-direction: column;
    text-align: center;
    margin: 0 5% 5%;
  }

  /* Evita rolagem horizontal no mobile quando elementos ultrapassam a largura da viewport */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
}