/* ==========================================================================
   Página: Sobre nós — Mais Domínio
   Só o que é exclusivo desta página. Header, footer, nav, botões, largura de
   coluna e espaçamentos vêm de assets/css/main.css.
   ========================================================================== */

/* rótulo e título usados fora do .section-head (blocos alinhados à esquerda) */
main > section:not(.cta):not(.hero-int) .kicker{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--azul-claro);margin-bottom:10px;}
main > section:not(.cta):not(.hero-int) h2{font-size:2rem;font-weight:800;color:var(--azul);line-height:1.25;margin-bottom:14px;}
main > section:not(.cta):not(.hero-int) .lead{color:var(--cinza);font-size:1.05rem;}

/* ===== História e linha do tempo ===== */
.historia-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
.historia-texto p{color:var(--cinza);margin-bottom:18px;font-size:1.05rem;}
.historia-texto p strong{color:var(--azul);}
.historia-visual{background:#fff;border:1px solid var(--cinza-borda);border-radius:16px;padding:36px 32px;box-shadow:0 2px 20px rgba(0,0,0,.04);}
.linha-tempo{list-style:none;}
.linha-tempo li{position:relative;padding:0 0 28px 32px;}
.linha-tempo li::before{content:"";position:absolute;left:8px;top:8px;bottom:-4px;width:2px;background:var(--cinza-borda);}
.linha-tempo li:last-child::before{display:none;}
.linha-tempo li::after{content:"";position:absolute;left:2px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--amarelo);border:3px solid #fff;box-shadow:0 0 0 2px var(--amarelo);}
.linha-tempo strong{display:block;color:var(--azul);font-size:1rem;}
.linha-tempo span{color:var(--cinza);font-size:.92rem;}

/* ===== Números ===== */
.numeros-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;}
.numero-card{background:#fff;border:1px solid var(--cinza-borda);border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.04);padding:28px 20px;text-align:center;}
.numero-card .valor{font-size:2.4rem;font-weight:800;color:var(--azul-claro);letter-spacing:-1px;line-height:1.1;}
.numero-card .rotulo{display:block;margin-top:10px;font-size:.9rem;color:var(--cinza);}
.numeros .lead{max-width:640px;}

/* ===== Valores ===== */
.valores-header{max-width:680px;}
.valores-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px;}
.valor-card{background:#fff;border:1px solid var(--cinza-borda);border-radius:16px;padding:32px 28px;box-shadow:0 2px 20px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:14px;}
.valor-icone{width:52px;height:52px;border-radius:12px;background:var(--amarelo-suave);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.valor-icone svg{width:28px;height:28px;}
.valor-card h3{color:var(--azul);font-size:1.15rem;font-weight:800;line-height:1.35;}
.valor-card p{color:var(--cinza);font-size:.97rem;}
.valor-card p strong{color:var(--azul);}

/* ===== Ecossistema ===== */
.eco-header{text-align:center;max-width:700px;margin:0 auto;}
.eco-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px;}
.eco-card{background:#fff;border:1px solid var(--cinza-borda);border-radius:16px;padding:32px 28px;box-shadow:0 2px 20px rgba(0,0,0,.04);display:flex;flex-direction:column;}
.eco-card .eco-tag{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--azul-claro);margin-bottom:10px;}
.eco-card h3{color:var(--azul);font-size:1.2rem;font-weight:800;margin-bottom:10px;}
.eco-card p{color:var(--cinza);font-size:.95rem;flex:1;}
.eco-card .eco-link{margin-top:18px;font-weight:700;font-size:.92rem;color:var(--azul-claro);display:inline-flex;align-items:center;gap:6px;}
.eco-card .eco-link:hover{color:var(--azul);}

/* ===== Responsivo ===== */
@media(min-width:820px){
  .numeros-grid{grid-template-columns:repeat(4,1fr);}
}
@media(min-width:880px){
  .valores-grid,.eco-grid{grid-template-columns:repeat(3,1fr);}
}
@media(min-width:900px){
  .historia-grid{grid-template-columns:1.1fr 1fr;gap:64px;}
}
@media(max-width:640px){
  main > section:not(.cta):not(.hero-int) h2{font-size:1.5rem;}
  .numero-card .valor{font-size:1.9rem;}
  .historia-visual{padding:26px 22px;}
}

main > section:not(.cta):not(.hero-int) .kicker::before{content:"";width:20px;height:3px;border-radius:2px;background:var(--amarelo);flex:none;}