/* GRAFICOS / INFOGRAFICOS - Amazonia 2030 (preview)
   4 pecas, sempre 2 em cima e 2 embaixo
   .g1 cartoes | .g2 mosaico | .g3 fichas horizontais | .g4 vitrine numerada */

.inf .inf-bloco{background:#fff}
.inf-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr)}

.inf-capa{position:relative;display:block;overflow:hidden;border-radius:10px;background:var(--verde-claro);aspect-ratio:1/1}
.inf-capa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.inf-ver{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-tit);font-size:var(--t-rotulo);font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--verde-esc);text-decoration:none}
.inf-ver svg{width:14px;height:14px;transition:transform .2s}
.inf-item:hover .inf-ver svg{transform:translateX(4px)}
.inf-tit{font-family:var(--f-tit);line-height:1.34;color:var(--titulo);text-decoration:none;display:block;transition:color .18s}
a.inf-tit:hover{color:var(--verde-esc)}
.inf-num{font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.14em;color:var(--texto-sec)}

/* G1 - cartoes: capa em cima, titulo embaixo */
.g1 .inf-lista{gap:clamp(22px,2.8vw,44px)}
.g1 .inf-item{display:flex;flex-direction:column;gap:16px}
.g1 .inf-tit{font-size:var(--t-secao);line-height:1.24}
.g1 .inf-ver{margin-top:auto}
.g1 .inf-item:hover .inf-capa img{transform:scale(1.06)}

/* G2 - mosaico: titulo sobre a capa */
.g2 .inf-lista{gap:clamp(14px,1.8vw,26px)}
.g2 .inf-item{position:relative;border-radius:12px;overflow:hidden}
.g2 .inf-capa{border-radius:0}
.g2 .inf-sobre{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,2.4vw,34px);display:flex;flex-direction:column;gap:12px;background:linear-gradient(to top,rgba(16,32,22,.94) 0%,rgba(16,32,22,.74) 48%,rgba(16,32,22,0) 100%);pointer-events:none}
.g2 .inf-sobre a{pointer-events:auto}
.g2 .inf-tit{font-size:var(--t-bloco);color:#fff}
.g2 a.inf-tit:hover{color:#CFE8CB}
.g2 .inf-ver{color:#A9D7A4}
.g2 .inf-item:hover .inf-capa img{transform:scale(1.09)}

/* G3 - fichas horizontais: capa a esquerda, texto a direita */
.g3 .inf-lista{gap:clamp(20px,2.4vw,36px)}
.g3 .inf-item{display:grid;grid-template-columns:minmax(0,170px) 1fr;gap:clamp(16px,1.8vw,26px);align-items:center;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:clamp(18px,1.9vw,26px);box-shadow:var(--sombra-s);transition:box-shadow .2s,transform .2s}
.g3 .inf-item:hover{transform:translateY(-3px);box-shadow:var(--sombra-m)}
.g3 .inf-txt{display:flex;flex-direction:column;gap:11px;min-width:0}
.g3 .inf-tit{font-size:var(--t-bloco)}
.g3 .inf-item:hover .inf-capa img{transform:scale(1.05)}

/* G4 - vitrine numerada: moldura creme e texto centralizado */
.g4 .inf-lista{gap:clamp(20px,2.4vw,36px)}
.g4 .inf-item{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;background:var(--creme-2);border-radius:14px;padding:clamp(20px,2.2vw,32px)}
.g4 .inf-capa{width:100%;border-radius:6px}
.g4 .inf-num{font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:.02em;color:var(--verde);line-height:1;margin-top:4px}
.g4 .inf-tit{font-size:var(--t-bloco)}
.g4 .inf-ver{margin-top:auto}
.g4 .inf-item:hover .inf-capa img{transform:scale(1.06)}

/* responsivo comum */
@media(max-width:820px){
  .inf-lista{grid-template-columns:1fr}
  .g3 .inf-item{grid-template-columns:minmax(0,130px) 1fr}
}
@media(max-width:480px){
  .g3 .inf-item{grid-template-columns:1fr;text-align:left}
  .g3 .inf-capa{max-width:220px}
}

/* pagina de escolha */
.gx .inf-escolha{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inf-op{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:24px;text-decoration:none;box-shadow:var(--sombra-s);transition:transform .2s,box-shadow .2s}
.inf-op:hover{transform:translateY(-3px);box-shadow:var(--sombra-m)}
.inf-op-n{font-family:var(--f-tit);font-size:var(--t-bloco);color:var(--titulo)}
.inf-op-d{font-family:var(--f-txt);font-size:var(--t-corpo-xs);line-height:1.6;color:var(--texto)}
.inf-op-l{margin-top:6px;font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--verde-esc)}
@media(max-width:760px){.gx .inf-escolha{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.inf-capa img{transition:none}}