@media (max-width: 1200px) {
  .ti__apresentacao__content {
    text-align: left;
    align-items: flex-start
  }

  .ti__apresentacao__subtitulo {
    font-size: 1.25rem
  }

  .ti-name {
    font-size: 4rem
  }

  .ti__actions {
    gap: 20px
  }
}

@media (max-width: 1024px) {
  .ti__sobre__grid {
    grid-template-columns: 1fr 1fr
  }

  .ti__info__grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .ti__unidades__grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .ti__apresentacao__banner {
    min-height: 88svh
  }

  .ti__apresentacao__content {
    max-width: 1000px
  }

  .ti__card {
    padding: 18px
  }

  .ti__unidade {
    padding: 18px
  }
}

@media (max-width: 900px) {
  .ti__apresentacao__content {
    text-align: center;
    align-items: center
  }

  .ti__actions {
    justify-content: center
  }

  .ti__sobre__grid {
    grid-template-columns: 1fr;
    gap: 28px
  }

  .ti__restaurante__img {
    max-width: 420px;
    margin: 0 auto
  }

  .ti__info__wrap {
    padding: 0 4px
  }
}

@media (max-width: 768px) {
  .ti__apresentacao__banner {
    min-height: 100svh
  }

  .ti__apresentacao__subtitulo {
    font-size: 1.1rem
  }

  .ti-name {
    font-size: 3.2rem;
    line-height: 1.1
  }

  .ti__actions {
    margin-top: 28px;
    gap: 14px
  }

  .ti__btn {
    width: 100%;
    max-width: 420px;
    height: 54px;
    padding: 0 22px
  }

  .ti__sobre__titulo {
    font-size: 28px
  }

  .ti__sobre__descricao {
    font-size: 15px
  }

  .ti__informacoes {
    min-height: 140vh !important;
    padding: 24px
  }

  .ti__info__grid {
    grid-template-columns: 1fr
  }

  .ti__unidades__grid {
    grid-template-columns: 1fr
  }

  .ti__mini-mapa {
    aspect-ratio: 4/3
  }

  .ti__unidade__mapa {
    aspect-ratio: 4/3
  }

  .ti__horario__lista {
    grid-template-columns: 1fr
  }
}

@media (max-width: 560px) {
  .ti__apresentacao__content {
    padding: 16px
  }

  .ti__apresentacao__subtitulo {
    font-size: 1rem;
    letter-spacing: .4px
  }

  .ti-name {
    font-size: 2.6rem
  }

  .ti__apresentacao__mais {
    bottom: 14px
  }

  .ti__sobre__grid {
    gap: 20px
  }

  .ti__restaurante__sobre {
    padding: 24px 16px
  }

  .ti__informacoes {
    min-height: 160vh !important;
    padding: clamp(24px, 5vw, 48px) 24px
  }

  .ti__unidades {
    padding: 16px 14px
  }

  .ti__card {
    padding: 16px
  }

  .ti__unidade {
    padding: 16px
  }

  .ti__unidade__head svg {
    width: 20px;
    height: 20px
  }
}

@media (max-width: 400px) {
  .ti-name {
    font-size: 2.3rem
  }

  .ti__btn {
    height: 50px;
    padding: 0 18px
  }

  .ti__apresentacao__bar {
    height: 8px
  }

  .ti__informacoes {
    min-height: 120vh !important;
    padding: 24px
  }

  .ti__info__titulo,
  .ti__unidades__titulo {
    font-size: 20px
  }

  .ti__unidade__nome {
    font-size: 16px
  }
}

@media (min-width: 1600px) {
  .ti__apresentacao__banner {
    min-height: 100svh
  }

  .ti__apresentacao__content {
    max-width: 1400px
  }

  .ti-name {
    font-size: 6rem
  }

  .ti__info__grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .ti__unidades__grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (max-width: 1024px) {
  .ti__informacoes {
    min-height: 80svh
  }
}

@media (max-width: 768px) {
  .ti__informacoes {
    min-height: 76svh
  }
}

@media (max-width: 560px) {
  .ti__informacoes {
    min-height: 72svh
  }
}

@media (max-width: 400px) {
  .ti__informacoes {
    min-height: 70svh
  }
}