/* Recol em movimento (teaser da home e /movimento): grade de publicações reais do @recolambiental.
   Usa as variáveis de cor da página (paleta V29). Carregado só quando há publicações (home) ou na própria /movimento. */
.secao.movimento{padding:88px 0 0}   /* V39: logo abaixo das provas (sem padding) e antes de Setores (88 px em cima) */
.ig-grade{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ig-item article{display:flex;flex-direction:column;gap:8px;height:100%}
.ig-midia{position:relative;display:block;aspect-ratio:1/1;border:1px solid var(--linha);border-radius:12px;overflow:hidden;background:var(--cinza)}
.ig-midia img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .25s}
.ig-midia:hover img{transform:scale(1.03)}
.ig-tipo{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;background:rgba(38,52,27,.86);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}
.ig-item time{margin-top:4px;font-size:13px;font-weight:600;color:var(--verde)}
.ig-legenda{font-size:15px;line-height:1.55;color:var(--texto,#2d372f);white-space:pre-line;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.movimento-pagina .ig-legenda{-webkit-line-clamp:6;line-clamp:6}
.ig-legenda.aberta{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.ig-mais{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:var(--verde);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ig-mais[hidden]{display:none}
/* /movimento: estado sem publicações (sem configuração, erro ou tempo esgotado) = só o link do Instagram */
.ig-vazio{max-width:640px;padding:28px 28px 30px;border-radius:12px;background:var(--cinza);border-top:3px solid var(--verde)}
.ig-vazio p{font-size:17px;margin-bottom:16px}
.ig-nota{margin-top:24px;font-size:13px;color:var(--suave)}
/* home (teaser .movimento): 4 cards menores, 4 colunas no computador; a /movimento (.movimento-pagina) não muda */
.movimento .ig-grade{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.movimento .ig-item article{gap:6px}
.movimento .ig-midia{border-radius:10px}
.movimento .ig-tipo{left:8px;top:8px;padding:2px 8px;font-size:11px}
.movimento .ig-item time{margin-top:2px;font-size:12px}
.movimento .ig-legenda{font-size:14px;line-height:1.5;-webkit-line-clamp:2;line-clamp:2}
@media (max-width:980px){.ig-grade{gap:18px}.movimento-pagina .ig-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.movimento .ig-grade{gap:12px}}
@media (max-width:640px){
  .secao.movimento{padding-top:64px}   /* como as outras seções no celular */
  .movimento .ig-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}   /* celular: 2 x 2, compacto */
  .movimento .ig-legenda,.movimento .ig-tipo{display:none}     /* home no celular: só imagem e data, discreto */
  .movimento .ig-item time{font-size:12px}
  .movimento-pagina .ig-grade{grid-template-columns:minmax(0,1fr);gap:28px}
}