/* =========================================================================
   sobre.css — página "A A1 Conta" (Quem somos).
   Carregar SEMPRE depois de styles.css + niche-v4.css + solucao.css.
   Contém só o que é próprio da página institucional (statbar de 3, título
   "Somos a A1 Conta", faixa de unidades e bloco de sócios). Todo o resto
   reaproveita o sistema V4/V5: hero-static, split, cardgrid, statbar e cta.
   ========================================================================= */

/* ----- Título "Somos a A1 Conta" (identidade da seção) ----- */
.split-copy h2.somos{font-size:clamp(2rem,4.4vw,3rem);line-height:1.04;margin-bottom:22px}

/* ----- #quem-somos: foto de equipe em paisagem (3:2) — mostrar inteira, sem
   corte agressivo, centralizada ao lado do texto (mais alto) ----- */
#quem-somos .split{align-items:center}
#quem-somos .split-media{aspect-ratio:3/2}
#quem-somos .split-media img{min-height:0;height:100%;object-position:center}

/* ----- Faixa de unidades: onde a A1 Conta atende ----- */
.units{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:820px;margin:0 auto}
.unit{border:1px solid var(--line);border-radius:8px;padding:26px 24px;
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.unit .ic{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;
  border-radius:9px;background:var(--gold-soft);color:var(--gold-light);margin-bottom:14px}
.unit .ic .icon{width:21px;height:21px}
.unit h3{font-family:'Archivo',var(--font);font-weight:800;font-size:1.12rem;color:#fff;
  letter-spacing:-.01em;margin:0 0 8px}
.unit p{color:var(--grey);font-size:.94rem;line-height:1.6;margin:0}
.unit a.map-link{display:inline-block;margin-top:10px;color:var(--gold-light);font-size:.9rem}
.light .unit{background:#fff;border-color:#dde3e8;box-shadow:0 14px 34px rgba(22,49,74,.06)}
.light .unit h3{color:#16314a}
.light .unit p{color:#51616e}
.light .unit a.map-link{color:var(--gold)}
@media(max-width:640px){.units{grid-template-columns:1fr}}

/* ----- Sócios: foto retangular em pé + descrição ao lado ----- */
.socios{display:grid;gap:32px;max-width:980px;margin:0 auto}
.socio{display:grid;grid-template-columns:250px 1fr;gap:38px;align-items:center}
.socio-photo{aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--line);
  box-shadow:0 26px 60px -32px rgba(0,0,0,.7);background:var(--black-2)}
.socio-photo img{width:100%;height:100%;object-fit:cover;display:block}
.socio-info .role{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.socio-info h3{font-family:'Archivo',var(--font);font-weight:800;letter-spacing:-.01em;color:#fff;
  font-size:1.5rem;line-height:1.1;margin:0 0 12px}
.socio-info p{color:var(--grey);font-size:1rem;line-height:1.65;margin:0;max-width:54ch}
.light .socio-info h3{color:#16314a}
.light .socio-info p{color:#51616e}
@media(max-width:680px){
  .socio{grid-template-columns:1fr;gap:18px;justify-items:start}
  .socio-photo{width:100%;max-width:240px}
}