/* MEDIA-TABLET.CSS - RESPONSIVIDADE  */

/*  
  TABLET / TELAS INTERMEDIÁRIAS
    */
@media (max-width:1050px){
/* Navegação mais compacta. */
.main-nav{gap:10px}

/* Conteúdo do local passa para uma coluna. */
.local-content{grid-template-columns:1fr}

/* Galeria local mantém largura controlada. */
.local-gallery{max-width:800px}

/* Reserva continua com texto + ticket em telas intermediárias. */
.reservation-content{grid-template-columns:minmax(0,1fr) minmax(360px,420px)}

/* Rodapé passa para uma coluna. */
.site-footer{grid-template-columns:1fr;text-align:center}

/* Links do rodapé ficam centralizados. */
.footer-links{justify-content:center}
}