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

/* Ícones de redes sociais: área de toque de 44 px no celular, sem mudar o desenho */
.social-icons__link { position: relative; }
.social-icons__link::after { content: ""; position: absolute; inset: -10px; }

/* Como Jogar: "Jogo do Conflito" e "Passo a passo" dividiam a mesma linha da grade e se sobrepunham
   quando o título quebrava. Cada um passa a ter a sua faixa, e a grade cresce conforme o texto. */
[data-pagina="como-jogar"] [data-el="1"] { --grid-row: 3/5 !important; }



/* 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; }
}

/* Paleta "Campanha" (17/10/2026): na faixa ameixa do Contato, os rótulos magenta somem; vão para laranja */
[data-pagina="contato"] [data-el="3"] *, [data-pagina="contato"] [data-el="5"] * { color: #F98C51 !important; }