/* ============================================================
   Página Sobre — sipcode-theme
   Carregado só em /sobre/ (e traduções), via
   sipcode_enqueue_sobre_assets() em inc/enqueue.php.
   ============================================================ */

/* ---- Hero ---- */
.sobre-hero{
  position:relative;
  overflow:hidden;
  background:var(--teal-dark);
  padding:150px 0 90px;
  text-align:center;
}
.sobre-hero-ano{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-family:var(--font-head);
  font-weight:800;
  font-size:min(38vw, 460px);
  line-height:1;
  color:rgba(255,255,255,0.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.sobre-hero-conteudo{ position:relative; z-index:1; max-width:760px; }
.sobre-hero .eyebrow{ justify-content:center; }
.sobre-hero h1{ color:#fff; margin:10px 0 20px; }
.sobre-hero .sub{ color:rgba(255,255,255,0.8); margin:0 auto 32px; }

/* ---- Faixa de números ---- */
.sobre-numeros{
  background:var(--card-bg);
  border-bottom:1px solid var(--border);
  padding:36px 0;
}
.sobre-numeros-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
  text-align:center;
}
@media (max-width:700px){
  .sobre-numeros-grid{ grid-template-columns:repeat(2, 1fr); }
}
.sobre-numero{ display:flex; flex-direction:column; gap:4px; }
.sobre-numero-valor{
  font-family:var(--font-head);
  font-weight:700;
  font-size:32px;
  color:var(--accent);
}
.sobre-numero-label{
  font-size:13px;
  color:var(--text-secondary);
}

/* ---- Quem somos ---- */
.sobre-quem-somos{ padding:90px 0; }
.sobre-quem-somos-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:56px;
  align-items:center;
}
@media (max-width:900px){
  .sobre-quem-somos-grid{ grid-template-columns:1fr; }
}
.sobre-quem-somos-texto h2{ margin:8px 0 20px; }
.sobre-quem-somos-texto p{ color:var(--text-secondary); margin:0 0 16px; line-height:1.7; }
.sobre-quem-somos-destaque{ display:flex; justify-content:center; }
.sobre-selo{
  background:linear-gradient(160deg, var(--teal) 0%, var(--teal-dark) 100%);
  border-radius:var(--radius-md);
  padding:48px 36px;
  text-align:center;
  color:#fff;
  box-shadow:var(--card-shadow);
  max-width:340px;
}
.sobre-selo-sigla{
  display:block;
  font-family:var(--font-head);
  font-weight:800;
  font-size:56px;
  letter-spacing:2px;
  color:var(--laranja);
  margin-bottom:16px;
}
.sobre-selo-texto{
  display:block;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,0.85);
}

/* ---- Missão e Visão ---- */
.sobre-missao-visao{ padding:0 0 90px; }
.sobre-mv-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
}
@media (max-width:800px){
  .sobre-mv-grid{ grid-template-columns:1fr; }
}
.sobre-mv-card{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:36px 32px;
}
.sobre-mv-card svg{ width:34px; height:34px; stroke:var(--accent); margin-bottom:18px; }
.sobre-mv-card .eyebrow{ margin-bottom:10px; }
.sobre-mv-card p{ color:var(--text-secondary); line-height:1.7; margin:0; }

/* ---- Valores ---- */
.sobre-valores{ padding:0 0 90px; }
.sobre-valores-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
  margin-top:48px;
}
@media (max-width:1000px){
  .sobre-valores-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
  .sobre-valores-grid{ grid-template-columns:1fr; }
}
.sobre-valor{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:28px 24px;
}
.sobre-valor svg{ width:28px; height:28px; stroke:var(--laranja); margin-bottom:16px; }
.sobre-valor h3{
  font-family:var(--font-head);
  font-size:16px;
  margin:0 0 10px;
}
.sobre-valor p{ color:var(--text-secondary); font-size:14px; line-height:1.55; margin:0; }

/* ---- Equipes ---- */
.sobre-equipes{ padding:0 0 90px; }
.sobre-equipes-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  margin-top:48px;
}
@media (max-width:900px){
  .sobre-equipes-grid{ grid-template-columns:1fr; }
}
.sobre-equipe{
  position:relative;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:32px 28px;
}
.sobre-equipe-num{
  display:block;
  font-family:var(--font-head);
  font-size:26px;
  font-weight:700;
  color:var(--accent);
  opacity:0.35;
  margin-bottom:12px;
}
.sobre-equipe svg{ width:30px; height:30px; stroke:var(--accent); margin-bottom:16px; }
.sobre-equipe h3{
  font-family:var(--font-head);
  font-size:18px;
  margin:0 0 10px;
}
.sobre-equipe p{ color:var(--text-secondary); font-size:14.5px; line-height:1.6; margin:0; }

/* ---- CTA final ---- */
.sobre-cta{
  background:linear-gradient(160deg, var(--teal) 0%, var(--teal-dark) 100%);
  padding:90px 0;
  text-align:center;
}
.sobre-cta-conteudo{ max-width:680px; }
.sobre-cta .eyebrow{ justify-content:center; color:rgba(255,255,255,0.75); }
.sobre-cta h2{ color:#fff; margin:8px 0 18px; }
.sobre-cta p{ color:rgba(255,255,255,0.85); margin:0 0 32px; line-height:1.7; }
.sobre-cta-botoes{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }