/* =========================================================
   PsiGabriel, pages/autismo.css
   Layout de nicho de público duplo (pessoa autista / família).
   Casca: .psig-pillar--nicho .psig-autismo
   Namespace exclusivo: .psig-autismo__*
   Só tokens de main.css (:root). Nenhuma cor/token novo.
   Princípio: neurodiversidade-afirmativo, calmo, previsível,
   muito branco, espaçamento ampliado, mínimo movimento.
   ========================================================= */

/* raiz da página: ritmo de leitura mais espaçado e sóbrio */
.psig-autismo{
  padding-block:var(--section-y);
}
.psig-autismo .psig-autismo__inner{
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,24px);
}

/* ---------- 1. Abertura sóbria (sem hero de venda) ---------- */
.psig-autismo .psig-autismo__intro{
  max-width:var(--measure);
  margin-inline:auto;
}
.psig-autismo .psig-autismo__eyebrow{
  color:var(--c-primary);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:var(--fs-small);
  margin-bottom:.6rem;
}
.psig-autismo .psig-autismo__title{
  font-size:var(--fs-hero);
  font-weight:700;
  line-height:1.2;
  margin-bottom:1rem;
}
/* corpo vindo de the_content() dentro do intro */
.psig-autismo .psig-autismo__intro .psig-prose{
  margin-inline:0;
  max-width:none;
}
.psig-autismo .psig-autismo__intro .psig-prose p{
  font-size:1.08rem;
  color:var(--c-slate);
}

/* ---------- 2. Disclaimer anti-diagnóstico em destaque alto ---------- */
/* reusa .psig-disclaimer (token âmbar); aqui só o realce de posição/escala */
.psig-autismo .psig-autismo__alert{
  max-width:var(--measure);
  margin:2rem auto 0;
}
.psig-autismo .psig-autismo__alert .psig-disclaimer{
  margin:0;
  padding:1.15rem 1.4rem;
  font-size:1rem;
  box-shadow:var(--shadow);
}
.psig-autismo .psig-autismo__alert .psig-disclaimer strong{
  display:block;
  margin-bottom:.25rem;
}

/* ---------- 3. Dois caminhos (público duplo) ---------- */
.psig-autismo .psig-autismo__paths{
  max-width:var(--container);
  margin:0 auto;
}
.psig-autismo .psig-autismo__paths-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1.25rem,3vw,2rem);
}
/* cartões reusam .psig-card; modificador só muda layout interno e barra-guia */
.psig-autismo .psig-autismo__path{
  display:flex;
  flex-direction:column;
}
.psig-autismo .psig-autismo__path--familia{
  border-top-color:var(--c-primary);
}
.psig-autismo .psig-autismo__path-kicker{
  font-size:var(--fs-small);
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--c-accent);
  margin-bottom:.4rem;
}
.psig-autismo .psig-autismo__path--familia .psig-autismo__path-kicker{
  color:var(--c-primary);
}
.psig-autismo .psig-autismo__path-title{
  font-size:var(--fs-h3);
  margin-bottom:.6rem;
}
.psig-autismo .psig-autismo__path-text{
  color:var(--c-slate);
  margin-bottom:1.25rem;
}
.psig-autismo .psig-autismo__path-cta{
  margin-top:auto;
}
.psig-autismo .psig-autismo__path-cta .psig-cta-group{
  margin:0;
}

/* ---------- 4. O que ofereço (lista clara, literal) ---------- */
.psig-autismo .psig-autismo__oferta{
  max-width:var(--measure);
  margin-inline:auto;
}
.psig-autismo .psig-autismo__list{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:grid;
  gap:1rem;
}
.psig-autismo .psig-autismo__list li{
  position:relative;
  background:var(--c-cream);
  border:1px solid var(--c-border);
  border-radius:var(--radius-sm);
  padding:1.1rem 1.25rem 1.1rem 3rem;
  color:var(--c-slate);
}
.psig-autismo .psig-autismo__list li::before{
  content:"";
  position:absolute;
  left:1.25rem;
  top:1.5rem;
  width:.7rem;
  height:.7rem;
  border-radius:50%;
  background:var(--c-accent);
}
.psig-autismo .psig-autismo__list li strong{
  color:var(--c-primary);
}

/* ---------- subnav (chips das subpáginas) ---------- */
/* reusa .psig-subnav; só centraliza e dá respiro nesta página */
.psig-autismo .psig-autismo__subnav{
  max-width:var(--measure);
  margin-inline:auto;
}
.psig-autismo .psig-autismo__subnav .psig-subnav{
  justify-content:flex-start;
}

/* ---------- responsivo ---------- */
@media (max-width:768px){
  .psig-autismo .psig-autismo__paths-grid{
    grid-template-columns:1fr;
  }
  .psig-autismo .psig-autismo__path{
    padding-top:1.25rem;
  }
}