/* View Equipe (ViewEquipe.jsx, MembroEquipe.jsx). */

.portal .equipe__titulo{margin-bottom:var(--esp-4)}
.portal .equipe__abertura{margin-bottom:var(--esp-10);max-width:85ch}
.portal .equipe__painel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--esp-4);margin-bottom:var(--esp-16)}

/* Três frentes por linha; uma frente grande (mais de três pessoas) toma a linha. */
.portal .frentes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--esp-20) 40px;align-items:flex-start}
.portal .frente{flex:1 1 calc((100% - 80px) / 3);max-width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--esp-5);border-top:var(--borda-grossa) solid var(--cor);padding-top:var(--esp-4)}
.portal .frente--linha{flex-basis:100%}
.portal .frente__descricao{margin-top:var(--esp-2)}
.portal .frente__membros{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--esp-6) 20px;align-items:start}

.portal .membro{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--esp-3);text-align:center}
.portal .membro__retrato{position:relative;width:110px;height:110px;flex:none;border-radius:var(--raio-pilula);overflow:hidden;border:var(--borda-media) solid var(--traco-forte);background:var(--cor);display:flex;align-items:center;justify-content:center}
.portal .membro__retrato--foto{background:var(--superficie-alt)}
.portal .membro__foto{width:100%;height:100%;object-fit:cover;display:block}
.portal .membro__iniciais{font:var(--peso-black) var(--texto-3xl)/1 var(--fonte-titulo);color:var(--tinta);letter-spacing:var(--tracking-titulo)}
.portal .membro__legenda{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:2px}
.portal .membro__legenda>span{text-wrap:pretty}

/* Tutoria à esquerda, na largura de duas frentes (retratos na mesma proporção
   das de cima), e Parcerias no terço que sobra (29/10/2026); abaixo, os outros
   grupos meio a meio, em caixas com borda cinza-clara (como Realização). */
.portal .equipe__dupla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--esp-10) 40px;align-items:start;margin-top:var(--esp-20)}
.portal .equipe__dupla .frente{flex:none;grid-column:span 2}
.portal .equipe__grupo--lado{border-top:var(--borda-grossa) solid var(--cor);padding-top:var(--esp-4)}
.portal .equipe__grupo--lado .barra-cor{display:none}
.portal .equipe__grupos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--esp-5)}
.portal .equipe__grupo{display:flex;flex-direction:column;gap:var(--esp-3)}
.portal .equipe__grupo--caixa{border:var(--borda-fina) solid var(--traco-sutil);border-radius:var(--raio-2);padding:var(--esp-5)}
.portal .equipe__lista{display:flex;flex-direction:column;gap:var(--esp-2)}
.portal .equipe__lista li{font:var(--peso-bold) var(--texto-sm)/1.3 var(--fonte-texto);border-bottom:var(--borda-fina) solid var(--traco-sutil);padding-bottom:var(--esp-2)}
.portal .equipe__pilulas{display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.portal .equipe__pilula{text-decoration:none;color:var(--texto-primario);border:var(--borda-fina) solid var(--traco-forte);border-radius:var(--raio-pilula);padding:6px 11px;transition:background var(--dur-rapida) var(--ease-padrao),color var(--dur-rapida) var(--ease-padrao)}
.portal a.equipe__pilula:hover{background:var(--cor-preto-ebano);color:var(--cor-branco-paz)}
.portal .equipe__h2{margin-bottom:var(--esp-5)}
.portal .equipe__realizacao{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--esp-5)}
.portal .equipe__orgao{border:var(--borda-fina) solid var(--traco-sutil);border-radius:var(--raio-2);padding:var(--esp-5)}
.portal .equipe__papel{margin-top:var(--esp-2)}
.portal .equipe__aviso{margin-top:var(--esp-6);max-width:var(--largura-texto)}
.portal .equipe__botoes{margin-top:var(--esp-8)}

/* O protótipo não tinha layout estreito: abaixo de 900px cada frente ocupa a
   linha e os retratos quebram em quantas colunas couberem. */
@media (max-width:899.98px){
  .portal .frente{flex-basis:100%}
  .portal .frente__membros{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  .portal .equipe__dupla,.portal .equipe__grupos{grid-template-columns:minmax(0,1fr)}
  .portal .equipe__dupla .frente{grid-column:auto}
  .portal .equipe__dupla{margin-top:var(--esp-12)}
}

/* Responsividade (27/10/2026): painel de contagens em 2×2 no celular. */
@media (max-width:599.98px){
  .portal .equipe__painel{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--esp-3);margin-bottom:var(--esp-12)}
  .portal .frentes{row-gap:var(--esp-12)}
}