/* ===== Tokens ===== */
:root{
  --eq-ink:#0F1D33;
  --eq-muted:#7A869A;
  --eq-brand:#E6B043;
  --eq-blue:#0b1e3a;
  --eq-gray:#E6E7EA;
  --eq-max:1200px;
  --gutter:24px;
}

/* ===== Base ===== */
.s-equipe{ background:#0b1e3a; color:#ecf1f8; }
.s-equipe .sr-only{ position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; }

/* ===== Desktop/Tablet: faixa de fotos ===== */
.eq-photos{ background:#e3e5e7; }
.eq-photos__grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  max-width:none; width:100%; margin:0; padding:0;
}
.eq-face{
  position:relative; aspect-ratio:3/4; overflow:hidden; cursor:pointer; border:0;
  background:#cbd3df;
}
.eq-face::before{
  content:""; position:absolute; inset:0; background-image:var(--photo); background-size:cover; background-position:center;
  transition:transform .35s ease, filter .25s ease, opacity .25s ease;
}
.eq-face:not(.is-active)::before{ filter:grayscale(100%) brightness(.72); }
.eq-face.is-active::before{ filter:none; }
.eq-face:hover::before{ transform:scale(1.02); }

/* ===== Desktop/Tablet: bloco 40/60 ===== */
.eq-panel{ position:relative; display:flex; min-height:clamp(380px,42vw,560px); }
.eq-col{ flex:1 1 0; display:flex; }
.eq-col--left { background:var(--eq-gray); color:var(--eq-ink); }
.eq-col--right{ background:var(--eq-blue); }

.eq-left__inner{ max-width:calc(var(--eq-max)*.40); margin-left:auto; margin-right:0; width:100%;
  padding:clamp(24px,5vw,56px) var(--gutter); }
.eq-right__inner{ max-width:calc(var(--eq-max)*.60); margin-right:auto; margin-left:0; width:100%;
  padding:40px 40px 40px 100px;
}
/* Barra sob o nome no DESKTOP/TABLET */
.eq-right__inner .eq-div{
  display:block;                /* <- essencial */
  width:70px;
  height:3px;
  background:var(--eq-brand);   /* mesma cor da underline da esquerda */
  border-radius:3px;
  margin:8px 0 16px;            /* espaço antes/depois */
}

/* retrato na linha 40/60 */
.eq-portrait{
  position:absolute; top:150px; left:40%; transform:translate(-50%,-50%);
  width:150px; height:150px; border-radius:10px; background:center/cover no-repeat #cbd3df;
  box-shadow:0 10px 28px rgba(0,0,0,.28); z-index:2;
}

/* meta + bio */
.eq-eyebrow{ font:600 18px/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:var(--eq-muted); margin:0 0 8px; }
.eq-underline{ width:110px; height:6px; background:var(--eq-brand); border-radius:3px; margin:8px 0 18px; }
.eq-title{ font:800 26px/1.25 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; max-width:16ch; }

.eq-name{ font:800 28px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:var(--eq-brand); margin:0 0 6px; }
.eq-role{ color:#d9e0ea; margin:.15rem 0; }
.eq-loc,.eq-oab{ color:#a9b6c9; margin:.1rem 0; }
.eq-bio{ color:#d5dfec; font:16px/1.75 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.eq-bio p{ margin:.7rem 0; }

/* ===== Painéis estáticos (um ativo por vez) ===== */
.eq-person{ display:none; }
.eq-person.is-active{ display:block; }

/* Ativa retrato quando há pessoa ativa */
.eq-panel.has-portrait .eq-portrait{ display:block; }

/* ===== Mobile accordion (cards) ===== */
.eq-acc{ display:none; padding:32px var(--gutter) 48px; }

.eq-card{
  background:#1a2b4a; border-radius:14px; padding:18px; margin-bottom:18px;
  outline:1px solid rgba(255,255,255,.06);
}
.eq-head{ display:grid; grid-template-columns:92px 1fr; gap:16px; align-items:center; }
.eq-photo{ width:92px; height:124px; object-fit:cover; border-radius:10px; display:block; }

.eq-head__right{ display:grid; align-content:center; gap:6px; }
.eq-years{ font:600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#d7dfeb; margin:0; }
.eq-div{ width:86px; height:3px; background:var(--eq-brand); border-radius:3px; }
.eq-mobname{ font:800 24px/1.15 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; }

.eq-toggle{ margin-top:4px; background:transparent; border:0; color:#e8eef9; font:600 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; display:inline-grid; grid-auto-flow:column; gap:8px; align-items:center; cursor:pointer; justify-items: left;}
.eq-caret{ width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .2s ease; }
.eq-toggle[aria-expanded="true"] .eq-caret{ transform:rotate(-135deg); }

.eq-body{ padding-top:14px; color:#e1e9f7; font:16px/1.75 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; border-top:1px solid rgba(255,255,255,.08); }
.eq-body p{ margin:.65rem 0; }

/* ===== Breakpoints ===== */ 
@media (max-width: 999px){
  .eq-photos__grid{ grid-template-columns:repeat(2,1fr); }
  .eq-right__inner{ padding-left:100px; }
  .eq-portrait{ left:50%;top:100px; width:140px; height:140px; }
}
@media (max-width: 670px){
  /* Esconde desktop/tablet e exibe accordion */
  .eq-photos, .eq-panel{ display:none; }
  .eq-acc{ display:block; }
}

/* Desktop super-wide */
@media (min-width: 1000px){
  .eq-col--left{ flex-basis:40%; }
  .eq-col--right{ flex-basis:60%; }
}


/* Garante clique por cima de qualquer overlay anterior (retrato, etc.) */
.eq-acc { position: relative; z-index: 4; }
.eq-acc, .eq-acc * { pointer-events: auto; }

/* Conteúdo fechado não ocupa layout */
.eq-body[hidden] { display: none !important; } 

.eq-caret{justify-self: end;}