/* Impressão da tela de Ajuda no navegador (ver lib/telas/ajuda/impressao_web.dart).
   O botão "Imprimir ou salvar em PDF" preenche #impressao-ajuda com uma
   versão limpa em HTML da seção e chama window.print(); fora da impressão,
   esse contêiner fica sempre escondido e o aplicativo Flutter aparece normal. */

#impressao-ajuda {
  display: none;
}

@media print {
  /* O Flutter web trava html/body em position:fixed, altura da viewport e
     overflow:hidden (para rolar só por dentro do próprio Flutter). Isso
     recorta qualquer conteúdo impresso mais alto que uma tela: sem desfazer
     aqui, a impressão de uma seção longa parava na primeira página e o
     resto (imagem de "Depois disso", Erros comuns) simplesmente sumia, sem
     nem virar uma segunda página. */
  html, body {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Esconde o aplicativo inteiro (barra de navegação, abas, tudo) e mostra
     só o conteúdo da seção. */
  body > *:not(#impressao-ajuda) {
    display: none !important;
  }

  #impressao-ajuda {
    display: block !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #14202b;
    max-width: 100%;
  }

  #impressao-ajuda h1 {
    font-size: 20pt;
    margin: 0 0 4mm;
  }

  #impressao-ajuda h2 {
    font-size: 13pt;
    margin: 6mm 0 2mm;
    color: #0e5c4f;
  }

  #impressao-ajuda p {
    font-size: 10.5pt;
    line-height: 1.4;
    margin: 0 0 2mm;
  }

  #impressao-ajuda ul,
  #impressao-ajuda ol {
    margin: 0 0 3mm;
    padding-left: 5mm;
  }

  #impressao-ajuda li {
    font-size: 10.5pt;
    line-height: 1.4;
    margin-bottom: 1.5mm;
  }

  #impressao-ajuda img {
    max-width: 70mm;
    display: block;
    margin: 2mm 0;
    border: 1px solid #dde3e8;
    border-radius: 2mm;
  }

  #impressao-ajuda .legenda {
    font-size: 8.5pt;
    color: #4b5a68;
    margin: 0 0 3mm;
  }

  /* Nunca corta uma imagem (ou o passo/figura em volta dela) entre páginas. */
  #impressao-ajuda .passo,
  #impressao-ajuda .figura,
  #impressao-ajuda .figura-passo,
  #impressao-ajuda img {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  @page {
    margin: 16mm;
  }
}