/* Apsi · molde de pagina de especialidade
   Extraido de avaliacao-psicologica-para-concurso.html em 17/09/2026.
   Este arquivo vale para as 17 paginas de especialidade. O HTML de cada uma so carrega conteudo. */

/* ---------- etapas numeradas ---------- */

/* ---------- listas agrupadas ---------- */
.grupos{display:grid;gap:1.6rem 2.4rem;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:.4rem}
.grupo h3{font-size:1rem;letter-spacing:.01em;padding-bottom:.45rem;border-bottom:2px solid var(--lilas-claro);margin-bottom:.7rem}
.grupo ul{list-style:none;font-size:.96rem;color:var(--suave)}
.grupo li{padding:.16rem 0}

/* ---------- sinais: o bloco de "quando procurar" ---------- */
.sinais{list-style:none;columns:2;column-gap:2.4rem;margin-top:.4rem;font-size:1rem}
.sinais li{padding:.42rem 0 .42rem 1.6rem;position:relative;break-inside:avoid;color:var(--tinta)}
.sinais li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;
  background:var(--turquesa-claro);box-shadow:0 0 0 3px rgba(127,211,226,.28)}
@media(max-width:620px){ .sinais{columns:1} }

/* ---------- quem atende ---------- */
.equipe{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin-top:.4rem}
.pessoa{display:flex;gap:1rem;align-items:flex-start;text-decoration:none}
.retrato{width:76px;height:76px;border-radius:50%;flex:none;background:var(--papel);border:1px solid var(--linha);
  display:grid;place-items:center;font-family:var(--display);font-size:1.4rem;font-weight:700;color:var(--turquesa);overflow:hidden}
.retrato img{width:100%;height:100%;object-fit:cover}
.pessoa h3{margin-bottom:.1rem;font-size:1.08rem}
.crp{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--turquesa);font-weight:700}
.pessoa p.area{font-size:.94rem;color:var(--suave);margin:.35rem 0 0}

/* ---------- duvidas frequentes ---------- */
details{border-bottom:1px solid var(--linha);padding:1.05rem 0}
summary{font-family:var(--display);font-size:1.08rem;font-weight:600;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:1rem;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;color:var(--turquesa);font-weight:400;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:.7rem 0 0;color:var(--suave);font-size:.98rem}

/* ---------- navegacao ---------- */

/* ---------- areas irmas, no pe da pagina ---------- */
.irmas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.irmas a{font-size:.93rem;font-weight:500;padding:.45rem 1.05rem;border:1px solid var(--linha);border-radius:2rem;
  background:var(--papel);text-decoration:none;color:var(--tinta);transition:border-color .18s,background .18s,color .18s}
.irmas a:hover,.irmas a:focus-visible{border-color:var(--turquesa);background:var(--nevoa);color:var(--turquesa)}