/* páginas de perfil da equipe — herda topo, rodapé e variáveis de artigos/artigos.css */

.perfil{max-width:1100px;margin:0 auto;padding:40px min(8.6vw,140px) 0}
.perfil-volta{margin:0 0 26px;font-size:13px;color:var(--tinta-2)}
.perfil-volta a{text-decoration:none;color:var(--tinta-2);transition:color .2s ease}
.perfil-volta a:hover{color:var(--laranja)}

/* topo do perfil: retrato à esquerda, identificação à direita */
.perfil-topo{display:grid;grid-template-columns:320px 1fr;gap:46px;align-items:start;padding-bottom:44px;border-bottom:1px solid var(--linha)}
.perfil-foto{margin:0}
.perfil-foto img{display:block;width:100%;height:auto;object-fit:cover}
.perfil-nome{margin:0;font-family:var(--titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(28px,4vw,42px);line-height:1.05}
.perfil-cargo{display:block;margin:14px 0 0;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--laranja)}
.perfil-oab{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}   /* pills acima do nome */
.oab-pill{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--linha);border-radius:999px;font-size:12px;letter-spacing:.04em;color:var(--tinta-2);white-space:nowrap}
.perfil-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.perfil-acoes a{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;text-decoration:none;font-family:var(--titulo);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}
.perfil-acoes .principal{background:#c2360b;color:#fff}
.perfil-acoes .principal:hover{background:#a32d09}
.perfil-acoes .secundario{border:1px solid var(--linha);color:var(--tinta)}
.perfil-acoes .secundario:hover{border-color:var(--laranja);color:var(--laranja)}

/* blocos de conteúdo */
.perfil-bloco{padding:44px 0;border-bottom:1px solid var(--linha)}
.perfil-bloco h2{margin:0 0 20px;font-family:var(--titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:18px;line-height:1.15}
.perfil-bloco p{margin:0 0 16px;font-size:15px;line-height:1.75;color:var(--tinta-2);text-wrap:pretty;max-width:74ch}
.perfil-bloco p:last-child{margin-bottom:0}
.perfil-lista{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-width:74ch}
.perfil-lista li{position:relative;padding-left:20px;font-size:15px;line-height:1.7;color:var(--tinta-2)}
.perfil-lista li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--laranja)}
.perfil-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.perfil-chips a{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;border:1px solid var(--linha);text-decoration:none;font-size:13px;color:var(--tinta);transition:border-color .2s ease,color .2s ease}
.perfil-chips a:hover{border-color:var(--laranja);color:var(--laranja)}

/* outros integrantes */
.perfil-outros{padding:44px 0 0}
.perfil-outros h2{margin:0 0 20px;font-family:var(--titulo);font-weight:700;text-transform:uppercase;font-size:18px}
.perfil-outros ul{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0;padding:0;list-style:none}
.perfil-outros a{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--linha);text-decoration:none;color:inherit;transition:border-color .2s ease}
.perfil-outros a:hover{border-color:var(--laranja)}
.perfil-outros img{width:64px;height:85px;object-fit:cover;flex:none}
.perfil-outros strong{display:block;font-family:var(--titulo);font-size:15px;line-height:1.3}
.perfil-outros span{display:block;margin-top:4px;font-size:12px;color:var(--tinta-2)}

/* CTA final, no mesmo formato do aside dos artigos */
.perfil-cta{margin:48px 0 0;padding:32px;background:var(--campo)}
.perfil-cta p{margin:0 0 18px;font-size:15px;line-height:1.7;color:var(--tinta-2);max-width:60ch}
.perfil-cta .botao{display:inline-flex;align-items:center;min-height:44px;padding:13px 22px;background:#c2360b;color:#fff;text-decoration:none;font-family:var(--titulo);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.perfil-cta .botao:hover{background:#a32d09}

@media(max-width:900px){
  .perfil{padding:28px 22px 0}
  .perfil-topo{grid-template-columns:1fr;gap:26px;padding-bottom:32px}
  .perfil-foto{max-width:280px}
  .perfil-bloco{padding:32px 0}
  .perfil-outros ul{grid-template-columns:1fr}
  .perfil-cta{padding:24px;margin-top:36px}
}

/* --- lista do time: os três resumos numa página só --- */
.equipe-lista h1.perfil-nome{margin:0 0 8px}
.equipe-item{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;padding:40px 0;border-bottom:1px solid var(--linha)}
.equipe-item:first-of-type{padding-top:28px}
.equipe-foto{margin:0}
.equipe-foto img{display:block;width:100%;height:auto;object-fit:cover}
.equipe-item h2{margin:0;font-family:var(--titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(22px,2.4vw,30px);line-height:1.1}
.equipe-cargo{display:block;margin:10px 0 0;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--laranja)}
.equipe-oab{margin:12px 0 0;font-size:13px;color:var(--tinta-2)}
.equipe-bio{margin:18px 0 0;font-size:15px;line-height:1.75;color:var(--tinta-2);max-width:70ch}
.equipe-link{display:inline-flex;align-items:center;min-height:40px;margin-top:18px;font-family:var(--titulo);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta);text-decoration:none;border-bottom:1px solid var(--laranja)}
.equipe-link:hover{color:var(--laranja)}
@media(max-width:900px){
  .equipe-item{grid-template-columns:1fr;gap:20px;padding:28px 0}
  .equipe-foto{max-width:260px}
}

/* contatos do profissional (instagram, linkedin, e-mail) */
/* icone + texto ao lado; so aparece quem tem contato informado */
.perfil-contatos{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:22px}
.perfil-social{display:inline-flex;align-items:center;gap:12px;min-height:32px;font-size:13px;color:var(--tinta-2);text-decoration:none;transition:color .2s ease}
.perfil-social svg{flex:none;color:var(--tinta);transition:color .2s ease}
a.perfil-social:hover,a.perfil-social:hover svg{color:var(--laranja)}

/* as seções secundárias em duas colunas: a página deixa de ser uma coluna só */
.perfil-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.perfil-grade .perfil-bloco{padding:36px 0}
.perfil-grade .perfil-bloco:nth-child(-n+2){padding-top:28px}
@media(max-width:900px){
  .perfil-grade{grid-template-columns:1fr;gap:0}
  .perfil-grade .perfil-bloco{padding:28px 0}
}

/* faixa lateral creme, como nas seções da home: só acima de 1920px, onde
   sobra espaço dos lados */
body{background:#fff}
.perfil,.perfil-lista{max-width:none;padding-left:0;padding-right:0}
.perfil > *{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
@media(min-width:1921px){
  :root{--faixa-perfil:calc((100% - 1920px) / 2 + 22px)}
  .perfil,.perfil-lista{
    background-image:linear-gradient(90deg,rgb(247,245,241) 0 var(--faixa-perfil),#fff var(--faixa-perfil) calc(100% - var(--faixa-perfil)),rgb(247,245,241) calc(100% - var(--faixa-perfil)) 100%);
  }
}