/* ============================================================
   css/atividade.css — folhas de uma atividade para montar.
   Folhas numeradas, maiores, uma por página na impressão.
   ============================================================ */

.grade.passos{
  grid-template-columns:repeat(auto-fill,minmax(clamp(200px,22vw,290px),1fr));
  gap:1.2rem;
}

.figura.passo{position:relative;border-width:2px}

.passo-num{
  position:absolute;left:0;right:0;bottom:0;
  padding:.45rem .6rem;
  background:var(--pa);color:#fff;
  font-size:.8rem;font-weight:800;
  letter-spacing:.7px;text-transform:uppercase;text-align:center;
}

.atv-acao{margin:-.4rem 0 1.8rem}
.atv-acao .ic{width:19px;height:19px;flex:0 0 19px}

/* selo de atividade no card */
.etq-atv{
  position:absolute;bottom:.5rem;left:.5rem;
  display:inline-flex;align-items:center;gap:.25rem;
  padding:.18rem .5rem;border-radius:5px;
  background:rgba(19,107,82,.94);color:#fff;
  font-size:.68rem;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;
}
.etq-atv .ic{width:12px;height:12px;flex:0 0 12px;stroke-width:2.4}

@media print{
  .grade.passos{display:block}
  .grade.passos .figura{
    border:0;border-radius:0;padding:0;
    break-inside:avoid;
    page-break-after:always;
  }
  .grade.passos .figura:last-child{page-break-after:auto}
  .grade.passos .figura img{width:100%;max-height:100vh;object-fit:contain}
  .grade.passos .passo-num{display:none}
  .atv-acao{display:none}
  .texto-galeria{border:0;padding:0;margin-bottom:1rem}
}