/* ==========================================================================
   02 ECOSSISTEMA — faixa "Onde operamos" com os canais
   ========================================================================== */
.eco{border-bottom:1px solid var(--border)}
.eco .g12{gap:0;align-items:stretch}
.eco .lb{grid-column:1/4;padding:28px 24px 28px 0;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:6px}
.eco .lb b{font-family:Archivo;font-stretch:106%;font-size:var(--f-15);font-weight:700;letter-spacing:-.02em}
.eco .lb span{font-size:var(--f-13);color:var(--text-3)}
.eco ul{grid-column:4/13;display:grid;grid-template-columns:repeat(6,1fr)}
.eco li{padding:28px 0 28px 20px;border-right:1px solid var(--border);position:relative;transition:background var(--t-base)}
.eco li:last-child{border-right:none}
.eco li:hover{background:var(--bg-soft)}
.eco li:hover .id{color:var(--interactive)}
.eco li .id{transition:color var(--t-base)}
.eco li b{display:block;margin-top:12px;font-family:Archivo;font-stretch:104%;font-weight:700;font-size:var(--f-15);letter-spacing:-.02em;color:var(--text-2);transition:color var(--t-base)}
.eco li:hover b{color:var(--text-1)}

/* ---------- responsivo (a ordem dos blocos importa) ---------- */
@media (max-width:1280px){
  .eco ul{grid-template-columns:repeat(3,1fr)}
  .eco li:nth-child(3n){border-right:none}
  .eco li:nth-child(-n+3){border-bottom:1px solid var(--border)}
}
@media (max-width:1024px){
  .eco .lb{grid-column:1/13;border-right:none;border-bottom:1px solid var(--border);padding:22px 0}
  .eco ul{grid-column:1/13}
}
@media (max-width:600px){
  .eco ul{grid-template-columns:repeat(2,1fr)}
  .eco li:nth-child(3n){border-right:1px solid var(--border)}
  .eco li:nth-child(2n){border-right:none}
  .eco li{border-bottom:1px solid var(--border);padding:20px 0 20px 16px}
  .eco li:nth-last-child(-n+2){border-bottom:none}
}