/* Achei Cidades 1.9.27 - skyline padrão maior e centralizado na base */

/*
 * O BG padrão 1920x1080 possui grande área roxa no topo e a cidade na base.
 * COVER preserva a largura completa da arte no desktop e corta apenas o excesso
 * vertical do céu. Com CENTER BOTTOM, toda a faixa urbana fica visível e maior.
 */
.ac-hero.ac-hero-default{
  background-size:cover!important;
  background-position:center bottom!important;
  background-repeat:no-repeat!important;
  background-color:#6b278a!important;
}

/* Foto real cadastrada pela cidade também prioriza o centro inferior. */
.ac-hero.ac-hero-city_photo{
  background-size:cover!important;
  background-position:center 68%!important;
  background-repeat:no-repeat!important;
}

/* Mascote maior, sem invadir a área principal da busca. */
.ac-hero-mascot{
  max-height:475px!important;
  right:-12px!important;
  bottom:-18px!important;
}
.ac-hero-city{
  min-width:385px!important;
}
.ac-hero-inner{
  grid-template-columns:minmax(0,790px) minmax(385px,1fr)!important;
}

@media(max-width:1280px) and (min-width:1181px){
  .ac-hero-mascot{max-height:440px!important;right:-8px!important;bottom:-14px!important}
  .ac-hero-city{min-width:355px!important}
  .ac-hero-inner{grid-template-columns:minmax(0,1fr) minmax(355px,390px)!important}
}

@media(max-width:1180px) and (min-width:1025px){
  .ac-hero-mascot{max-height:365px!important;right:-5px!important;bottom:-10px!important}
  .ac-hero-city{min-width:305px!important}
  .ac-hero-inner{grid-template-columns:minmax(0,1fr) minmax(305px,345px)!important}
}

/* No app/mobile, mantém a cidade ancorada na base do fundo. */
.app-top.app-top-default{
  background-size:cover!important;
  background-position:center bottom!important;
  background-repeat:no-repeat!important;
}
.app-top.app-top-city_photo{
  background-size:cover!important;
  background-position:center 68%!important;
  background-repeat:no-repeat!important;
}