/* Painel 50 Hz — página inicial em lista (imagem + índice + texto). 25/10/2026 · © Aprecisa.com */
.perguntas.lista { display: block; border-top: 1px solid var(--linha, #E3DED3); margin-top: 8px; }
.perguntas.lista .pergunta { display: grid; grid-template-columns: 150px 1fr; gap: 22px; align-items: start; padding: 20px 0; margin: 0; border: 0; border-bottom: 1px solid var(--linha, #E3DED3); border-radius: 0; background: none; box-shadow: none; }
.perguntas.lista .mini img { display: block; width: 150px; height: 150px; object-fit: cover; border-radius: 6px; border: 1px solid var(--linha, #E3DED3); }
.perguntas.lista .num { width: 30px; height: 30px; font-size: .9rem; margin: 0 10px 0 0; vertical-align: middle; }
.perguntas.lista h3 { display: inline; font-size: 1.25rem; vertical-align: middle; }
.perguntas.lista .txt p { margin: 8px 0 6px; }
.perguntas.lista .ver { display: inline-block; margin-top: 4px; }
@media (max-width: 640px) {
  .perguntas.lista .pergunta { grid-template-columns: 88px 1fr; gap: 14px; }
  .perguntas.lista .mini img { width: 88px; height: 88px; }
  .perguntas.lista h3 { font-size: 1.05rem; }
  .perguntas.lista .num { width: 24px; height: 24px; }
}
/* Ampliar a imagem */
.perguntas.lista .mini { position: relative; display: block; cursor: zoom-in; }
.perguntas.lista .mini .lupa { position: absolute; right: 6px; bottom: 6px; width: 26px; height: 26px; border-radius: 50%; background: rgba(28,29,56,.82); color: #fff; font-size: 15px; line-height: 26px; text-align: center; opacity: .85; }
.perguntas.lista .mini:hover .lupa, .perguntas.lista .mini:focus-visible .lupa { opacity: 1; }
dialog.ampliar { padding: 0; border: 0; border-radius: 10px; background: #FAF8F3; max-width: min(92vw, 820px); width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
dialog.ampliar::backdrop { background: rgba(20,21,40,.72); }
dialog.ampliar img { display: block; width: 100%; height: auto; max-height: 84vh; object-fit: contain; border-radius: 10px 10px 0 0; }
.ampliar-fechar { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(28,29,56,.85); color: #fff; font-size: 18px; cursor: pointer; }
.ampliar-rod { margin: 0; padding: 12px 18px 16px; text-align: right; }
.ampliar-ver { font-weight: 600; color: var(--noite, #1C1D38); text-decoration: none; border-bottom: 2px solid var(--dourado, #B0871F); }