/* Ajustes finos de layout (correções de responsividade). Gerado à mão; ver _raw/auditoria. */


/* Telas médias (iPad deitado, notebook pequeno, 920 a 1271 px): o construtor mantinha letras e
   espaçamentos do computador grande e só espremia as colunas, e aí títulos se sobrepunham e o menu
   quebrava. Aqui o desenho do computador é reduzido por inteiro, na proporção da tela (site.js calcula). */
@media screen and (min-width: 920px) and (max-width: 1271px) {
  .block-layout--layout, .block-header-layout-desktop { zoom: var(--zoom-medio, 1); }
  .block-layout--layout { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
}

/* Os Viajero, "Histórico": cada data dividia uma linha da grade com o título acima dela.
   A data passa a começar onde o título termina (computador e celular). */
[data-pagina="osviajero"] [data-el="5"] { --grid-row: 7/8 !important; }
[data-pagina="osviajero"] [data-el="7"] { --grid-row: 12/13 !important; --m-grid-row: 14/15 !important; }
[data-pagina="osviajero"] [data-el="9"] { --grid-row: 16/17 !important; }

/* Encantador de Árvores: o botão "Saiba Mais" ficava em cima de "Conheça outras obras do Davi". */
[data-pagina="encantadordearvores"] [data-el="29"] { --grid-row: 5/7 !important; }