/* 14-socios: Seção Sócios. */

/* sócios */
.guide-quote{max-width:20ch;}
.guide .empathy{color:var(--muted-on-light);max-width:58ch;margin:clamp(24px,3vw,36px) 0 0;font-size:var(--t-lede);line-height:1.55;}
.bios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px);margin-top:clamp(64px,7vw,112px);}
.bio-tile{
  aspect-ratio:4 / 3;
  position:relative;overflow:hidden;
  background-color:var(--concrete-mid);
  margin-bottom:28px;
}
.bio-tile::before{
  content:"";position:absolute;inset:0;
  background-image:var(--tex-panel), var(--tex-light), var(--tex-noise);
  background-size:cover, cover, 260px 260px;background-position:center;
  mix-blend-mode:multiply;opacity:.9;
}
.bio-tile svg{position:absolute;inset:0;width:100%;height:100%;}
/* forma do sócio (quadrado = Comercial, círculo = Comunicação) e foto recortada por cima */
.bio-shape{fill:var(--red);transition:fill .6s var(--ease-out);}
.bio-photo{position:absolute;bottom:0;height:auto;max-width:none;transition:filter .7s var(--ease-out);}
/* apagado até a luz do diagrama chegar (só quando as animações estão ativas; sem elas, fica aceso) */
html.motion .bio-tile[data-lamp]:not(.is-lit) .bio-shape{fill:var(--ink);}
html.motion .bio-tile[data-lamp]:not(.is-lit) .bio-photo{filter:grayscale(1) brightness(.94);}
.bio h3{margin:0;font-size:var(--t-h3);font-weight:800;font-stretch:108%;line-height:1.2;}
.bio .role{display:block;color:var(--red);font-weight:700;font-size:var(--t-small);margin:6px 0 14px;}
.bio p{margin:0;color:#2c2c2c;max-width:52ch;}
@media (max-width:760px){.bios{grid-template-columns:1fr;}}
.closing{margin-top:clamp(64px,7vw,104px);padding-top:28px;border-top:1px solid var(--ink);display:grid;gap:16px;}
.closing p{margin:0;max-width:60ch;}
.closing .first{font-size:var(--t-lede);line-height:1.5;font-weight:600;}
.closing .second{color:var(--muted-on-light);}
.guide .cta-pair{margin-top:clamp(32px,3.4vw,48px);}