/* Página: sobre. Carregado por último, depois de base, layout, components e responsive. */

/* hero institucional */
.sobre-hero{padding:28px 0 76px;}
.sobre-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.sobre-hero .lead{font-size:1.1rem;color:var(--tinta-2);max-width:46ch;margin:20px 0 30px;}
.sobre-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.fatos{display:flex;gap:32px;margin-top:44px;}
.fatos > div{padding-left:32px;border-left:1px solid var(--linha);}
.fatos > div:first-child{padding-left:0;border-left:none;}
.fatos .n{font-size:1.6rem;font-weight:700;color:var(--noite);letter-spacing:-.02em;line-height:1;}
.fatos .l{font-size:13px;color:var(--tinta-2);margin-top:6px;max-width:150px;}
.sobre-hero-foto{height:clamp(380px,40vw,480px);border-radius:var(--folha-g);overflow:hidden;}
.sobre-hero-foto img,.fund-foto img,.hoje-foto img{width:100%;height:100%;object-fit:cover;display:block;}

/* história */
.historia{background:var(--branco);padding:96px 0;}
.historia .texto{max-width:66ch;}
.historia .texto p{color:var(--tinta-2);font-size:1.05rem;line-height:1.75;margin-top:18px;}
.historia .texto p:first-of-type{margin-top:0;font-size:1.15rem;color:var(--tinta);}

/* o instituto hoje */
.hoje{padding:96px 0;}
.hoje-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.hoje-numeros{display:flex;flex-direction:column;gap:34px;}
.hoje-numeros .num{border-top:1px solid var(--linha);padding-top:18px;}
.hoje-numeros .n{font-size:clamp(2.6rem,4vw,3.4rem);font-weight:800;color:var(--indigo);letter-spacing:-.03em;line-height:1;}
.hoje-numeros .l{font-size:14.5px;color:var(--tinta-2);margin-top:8px;max-width:32ch;}
.hoje-copy p{color:var(--tinta-2);margin-top:16px;}
.hoje-copy p:first-of-type{margin-top:18px;}
.hoje-foto{height:300px;border-radius:var(--folha-m);overflow:hidden;margin-top:30px;}

/* propósito, visão e valores */
.pvv{background:var(--branco);padding:96px 0;}
.proposito{font-family:'Newsreader',serif;font-style:italic;font-weight:500; font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.42;color:var(--noite); max-width:30ch;margin:26px 0 0;}
.visao{margin-top:46px;padding-top:34px;border-top:1px solid var(--linha);max-width:58ch;}
.visao h3,.valores-head{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ciano-escuro);}
.visao p{color:var(--tinta-2);margin-top:12px;}
.valores{margin-top:46px;padding-top:34px;border-top:1px solid var(--linha);}
.valores-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 56px;margin-top:22px;}
.valor h4{font-size:1.05rem;}
.valor p{font-size:14.5px;color:var(--tinta-2);margin-top:6px;max-width:44ch;}

/* como começa o acompanhamento */
.caminho{padding:96px 0;}
.caminho-lista{margin-top:14px;max-width:760px;}
.etapa{display:grid;grid-template-columns:88px 1fr;gap:26px; padding:26px 0;border-top:1px solid var(--linha);}
.etapa:last-of-type{border-bottom:1px solid var(--linha);}
.etapa .num{font-size:2rem;font-weight:800;color:var(--ciano-escuro); letter-spacing:-.02em;line-height:1;padding-top:3px;}
.etapa h3{font-size:1.1rem;}
.etapa p{font-size:14.5px;color:var(--tinta-2);margin-top:6px;max-width:56ch;}
.caminho-nota{font-size:14.5px;color:var(--tinta-2);margin-top:22px;max-width:56ch;}
.entrada-suave{opacity:0;transform:translateY(26px);}
.entrada-suave.entrou{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease;}

/* fundadora */
.fundadora{background:var(--nevoa);padding:96px 0;}
.fund-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;}
.fund-foto{height:430px;border-radius:var(--folha-g);overflow:hidden;}
.fund-copy .quem{margin-top:22px;font-size:15px;font-weight:700;color:var(--tinta);}
.fund-copy .papel{font-size:14px;color:var(--tinta-2);margin-top:2px;}
.fund-copy p.bio{color:var(--tinta-2);margin-top:18px;max-width:52ch;}

@media (max-width:920px){
  .sobre-hero-grid,.hoje-grid,.fund-grid{grid-template-columns:1fr;}
  .sobre-hero{padding:24px 0 64px;}
  .sobre-hero-foto{height:340px;margin-top:40px;}
  .valores-grid{grid-template-columns:1fr;}
  .etapa{grid-template-columns:64px 1fr;gap:18px;}
  .fund-foto{height:360px;}
  .hoje-grid{gap:44px;}
}

@media (max-width:560px){
  .fatos{flex-direction:column;gap:18px;}
  .fatos > div{padding-left:0;border-left:none;}
  .etapa .num{font-size:1.6rem;}
}

@media (prefers-reduced-motion:reduce){
  .entrada-suave{opacity:1;transform:none;}
}