/* ==========================================================================
   sobre.css
   Só o que é específico da página "Quem sou eu" (/sobre-monica-abacherli/).
   A capa escura, a trilha, o retrato circular, as seções alternadas, os
   divisores, os cards, o marcador .pendente, o acordeão e o efeito de
   entrada vivem em base.css e são os mesmos da home.
   Reescrita em 2026-10-01 (Parte 4).
   ========================================================================== */

/* capa: texto à esquerda, retrato circular à direita */
.capa-grid{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center}
.capa .retrato{max-width:300px;justify-self:end}
/* .capa .titulo (o título em duas vozes na capa) está em base.css desde a
   Parte 5, porque /cursos/ usa o mesmo. */

@media (max-width:1080px){
 .capa-grid{grid-template-columns:1fr 240px;gap:40px}
 .capa .retrato{max-width:240px}
}
@media (max-width:860px){
 .capa-grid{grid-template-columns:1fr;gap:30px}
 .capa .retrato{max-width:200px;justify-self:center;order:-1}
 .capa .titulo .l2,.capa .titulo .l3{font-size:27px}
 /* uma coluna: foto, trilha, eyebrow e H1 centralizados (decisão do
    Cleivan, 2026-10-19). Resumo e assinatura ficam alinhados à esquerda:
    o resumo passa de 6 linhas a 430px, e texto longo centralizado é
    difícil de ler. */
 .capa-texto .trilha,.capa-texto .eyebrow{justify-content:center}
 .capa-texto .titulo{text-align:center}
}