/*
 * Projeto: MSOUZA ADVOCACIA
 * Author: Marcílio Souza
 * Secao: Equipe e Sobre, apos Missao, Valores e Visao.
 * Nomes e OAB devem ser preenchidos somente apos confirmacao.
 */

/* Duas colunas sem moldura externa, com titulos e linha institucional. */
.team-about { background:#edf3ef; border-bottom:1px solid #d2ddd7; }
.team-about-inner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px; align-items:start; }
.team-column, .team-about-copy { min-width:0; }
.team-about h2 { margin:0 0 30px; color:var(--green); font-size:30px; line-height:1.3; }
.team-about h2::before { content:''; display:block; width:48px; height:3px; margin-bottom:14px; background:var(--gold); }

/* Cards de equipe: icone fixo e textos com quebra natural. */
.team-cards { display:grid; gap:22px; }
.team-card {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:22px;
  min-width:0;
  min-height:130px;
  padding:26px;
  border:1px solid #cbd9d0;
  border-left:4px solid var(--gold);
  border-radius:6px;
  background:#fff;
  color:var(--green);
  box-shadow:0 6px 18px #173f3608;
}
.team-card > div { min-width:0; }
.team-icon { display:grid; place-items:center; width:48px; height:48px; color:#8b703e; }
.team-icon svg { width:32px; height:32px; }
.team-card h3 { margin:0 0 12px; font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
.team-card p { margin:0; color:#54665d; font:14px/1.7 Arial,sans-serif; overflow-wrap:anywhere; }
.team-card-emphasis { background:var(--green); border-color:var(--green); border-left-color:var(--gold); color:#fff; }
.team-card-emphasis .team-icon { color:#e1c28a; }
.team-card-emphasis p { color:#e0ece6; }

/* Apresentacao do escritorio e caminho para o formulario existente. */
.team-about-copy > p { margin:0 0 28px; color:#4c6056; font:16px/1.8 Arial,sans-serif; overflow-wrap:anywhere; }
.team-about-contact { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--green); font:600 14px/1.5 Arial,sans-serif; text-decoration:underline; text-underline-offset:5px; }
.team-about-contact svg { width:18px; height:18px; flex-shrink:0; }
.team-about-contact:hover { color:#8b703e; }

/* Celular: equipe e apresentacao empilhadas, sem alturas fixas no conteudo. */
@media(max-width:1000px) { .team-about-inner { gap:32px; } .team-card { padding:22px; gap:16px; } }
@media(max-width:760px) {
  .team-about-inner { grid-template-columns:1fr; gap:36px; }
  .team-about h2 { font-size:28px; margin-bottom:24px; }
  .team-card h3 { font-size:22px; }
  .team-about-copy > p { font-size:15px; }
}
@media(max-width:360px) { .team-card { grid-template-columns:1fr; gap:12px; } }