/* ====== Ajustes Outono (desktop + mobile) ====== */

/* Espaço extra no rodapé (desktop/tablet) */
#rodape-outono{
  margin: 0 auto 30px auto;
  padding: 20px 18px 40px 18px;
}

/* Garante box-sizing padrão */
#topo-info, #rodape-outono { box-sizing: border-box; }

/* ---------- Mobile (até 767px) ---------- */
@media (max-width: 767px){

  /* Barra do cabeçalho: quebra em 2 linhas */
  #topo-info{
    font-size: 12px;
    line-height: 1.4;
    padding: 6px 10px;
    white-space: normal;
  }
  #topo-info span{
    display: block;
    margin: 2px 0;
  }

  /* Bloco do rodapé: mais respiro e legibilidade */
  #rodape-outono{
    width: auto;
    margin: 12px 8px 44px 8px;
    padding: 16px 12px 26px 12px;
    border-radius: 10px;
  }
  #rodape-outono .titulo{ font-size: 16px; }
  #rodape-outono address,
  #rodape-outono p{ font-size: 13px; margin-bottom: 6px; }
  #rodape-outono a{ display: inline-block; padding: 4px 2px; }
}