/* Apoio voluntário: Rubik no texto e a moldura retrô do restante do blog. */
.tem-apoio { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
.apoio { font: 400 15px/1.5 var(--f-pagina); }
.apoio button { cursor: pointer; font: 700 15px/1.3 var(--f-pagina); }
.apoio button:focus-visible, .apoio textarea:focus-visible { outline: 3px solid var(--ouro); outline-offset: 4px; }
.apoio-abrir {
  position: fixed; z-index: 6; right: max(16px, env(safe-area-inset-right, 0px));
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 16px;
  color: var(--prim-texto); background: var(--prim-fundo);
  border: 2px solid var(--tinta2); border-radius: 6px; box-shadow: 3px 3px 0 var(--tinta2);
}
.apoio-abrir span { font: 700 25px/1 var(--f-pagina); color: var(--ouro); }
.apoio-abrir:hover, .apoio-copiar:hover { filter: brightness(1.12); }
.apoio-painel {
  position: fixed; inset: auto max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) auto;
  margin: 0; width: 360px; max-width: calc(100% - 32px); max-height: calc(100dvh - 32px);
  overflow: auto; padding: 24px; color: var(--tinta); background: var(--caixa);
  border: 3px solid var(--borda); border-radius: 6px;
  box-shadow: inset 0 0 0 2px var(--caixa), inset 0 0 0 4px var(--tinta2), 0 12px 40px #0004;
}
.apoio-painel::backdrop { background: #0006; }
.apoio-fechar {
  position: absolute; top: 6px; right: 6px; width: 44px; height: 44px;
  border: 0; border-radius: 4px; background: transparent; color: var(--tinta);
}
.apoio .apoio-fechar { font-size: 28px; }
.apoio-fechar:hover { background: var(--realce); }
.apoio-etiqueta { display: block; padding-right: 28px; margin-bottom: 12px; font: 400 8px/1.8 var(--f-pixel); color: var(--tinta2); }
.apoio-painel h2 { margin: 0 20px 10px 0; font: 800 24px/1.2 var(--f-pagina); }
.apoio-painel p { margin: 0 0 14px; }
.apoio-qr { display: block; width: 224px; height: auto; max-width: 100%; margin: 18px auto 14px; background: #fff; image-rendering: pixelated; }
.apoio-instrucao { text-align: center; font-size: 14px; }
.apoio-recebedor { text-align: center; font-size: 13px; }
.apoio-copiar { width: 100%; min-height: 48px; padding: 12px; color: var(--prim-texto); background: var(--prim-fundo); border: 2px solid var(--tinta2); border-radius: 4px; }
.apoio-painel .apoio-status { margin: 10px 0 0; font-size: 14px; }
.apoio-manual { margin-top: 12px; }
.apoio-manual label { display: block; margin-bottom: 6px; font-weight: 500; }
.apoio-manual textarea { display: block; width: 100%; padding: 8px; resize: vertical; font-size: 16px; color: var(--tinta); background: var(--campo); border: 2px solid var(--borda); border-radius: 4px; }
.apoio-painel .apoio-nota { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--tinta2); font-size: 13px; }
@media (max-width: 420px) {
  .apoio-painel { padding: 20px; }
  .apoio-painel h2 { font-size: 22px; }
}
@media print { .apoio { display: none; } .tem-apoio { padding-bottom: 0; } }