/* Protocolo da Investigação: arquivo de caso da Última Pista (marfim, azul-noite e carimbo vermelho). */
.protocolo-pagina { padding: 40px 0 80px; }
.protocolo-pagina .fita-faixa { margin-bottom: -30px; position: relative; z-index: 2; }
.protocolo-acoes { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.protocolo-acoes p { margin: 0; max-width: 560px; }
.folha {
  position: relative; max-width: 780px; margin: 0 auto; padding: 44px 56px 34px; color: var(--tinta);
  background:
    repeating-linear-gradient(0deg, rgba(27, 36, 48, .035) 0 1px, transparent 1px 30px),
    linear-gradient(180deg, #f7f2e7, var(--papel));
  border-radius: 3px; box-shadow: 0 30px 70px rgba(0, 0, 0, .6);
}
.folha::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(27, 36, 48, .28); pointer-events: none; }
.folha .topo-arq { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 2px solid var(--tinta); }
.folha .topo-arq img { height: 64px; width: auto; }
.folha .ficha { text-align: right; font: 700 12px/1.5 var(--maquina); letter-spacing: .14em; text-transform: uppercase; color: #3b4656; }
.folha .ficha b { color: var(--sangue); }
.folha .caso { font: 700 12px/1 var(--maquina); letter-spacing: .22em; text-transform: uppercase; color: var(--sangue); margin: 26px 0 10px; }
.folha h1 { font-family: var(--serif); font-size: clamp(34px, 6vw, 54px); line-height: 1.02; margin: 0 0 8px; color: var(--tinta); }
.folha .lide { font: italic 17px/1.5 var(--serif); color: #3b4656; margin: 0 0 8px; max-width: 520px; }
.carimbo { position: absolute; top: 134px; right: 46px; transform: rotate(8deg); border: 3px solid var(--sangue); color: var(--sangue); padding: 6px 14px; font: 800 14px/1.1 var(--maquina); letter-spacing: .2em; text-align: center; border-radius: 4px; opacity: .8; }
.etapas { list-style: none; margin: 30px 0 0; padding: 0; counter-reset: e; }
.etapa { display: grid; grid-template-columns: 74px 1fr; gap: 0 18px; padding: 20px 0; border-top: 1px dashed rgba(27, 36, 48, .4); }
.etapa:first-child { border-top: 0; }
.etapa .num { font: 700 54px/.9 var(--serif); color: var(--sangue); letter-spacing: -.04em; }
.etapa h2 { font: 700 13px/1.3 var(--maquina); letter-spacing: .14em; text-transform: uppercase; color: #3b4656; margin: 4px 0 8px; }
.etapa p { margin: 0 0 10px; font: 16px/1.6 var(--serif); }
.etapa p:last-child { margin-bottom: 0; }
.etapa .dica { font-size: 14.5px; padding: 9px 12px; background: rgba(179, 38, 30, .07); border-left: 3px solid var(--sangue); }
.etapa .url { font: 700 14px/1.3 var(--maquina); color: var(--sangue); word-break: break-all; }
.delegado-ficha { display: grid; grid-template-columns: 148px 1fr; gap: 20px; align-items: center; margin-top: 6px; padding: 14px; border: 2px dashed var(--tinta); border-radius: 4px; background: rgba(255, 255, 255, .45); }
.delegado-ficha .qr { width: 148px; height: 148px; background: #fff; padding: 8px; border: 1px solid rgba(27, 36, 48, .4); }
.delegado-ficha .qr svg { width: 100%; height: 100%; display: block; }
.escada { display: block; width: 100%; height: 26px; margin-top: 22px; opacity: .5; }
.folha .rodape-folha { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 10px; padding-top: 12px; border-top: 2px solid var(--tinta); font: 12px/1.45 var(--sans); color: #3b4656; }
.folha .rodape-folha img { height: 40px; width: auto; filter: grayscale(1) contrast(1.1); opacity: .7; flex: none; }
@media (max-width: 640px) {
  .folha { padding: 30px 22px 26px; }
  .folha .topo-arq img { height: 52px; }
  .carimbo { position: static; display: inline-block; transform: rotate(-3deg); margin-top: 14px; }
  .etapa { grid-template-columns: 1fr; }
  .etapa .num { font-size: 40px; margin-bottom: 4px; }
  .delegado-ficha { grid-template-columns: 1fr; justify-items: center; text-align: center; }
}
@media print {
  @page { size: A4; margin: 12mm; }
  body { background: #fff !important; }
  header.topo, footer.rodape, .protocolo-acoes { display: none !important; }
  .protocolo-pagina { padding: 0; }
  .folha { box-shadow: none; max-width: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; break-inside: avoid; }
}