/* avistar-fixes-v5.css - ajustes de UI/UX (mobile) */

/* Mapa da viagem (área logada): empilhar no mobile em vez de espremer 2 colunas */
@media (max-width:820px){
  .map-grid{grid-template-columns:1fr !important;}
  .map-grid > div:first-child{min-height:320px !important;}
  #roteiro-map{min-height:320px !important;}
}

/* E-book do cliente: páginas de "revista" empilham (foto sempre em cima) no mobile */
@media (max-width:720px){
  .ebook-spread-row{flex-direction:column !important;}
}