/* =========================================================================
   pessoa-fisica.css — Página /pessoa-fisica/ (Projeto Personal 2.0)
   Estilos EXCLUSIVOS da página de Pessoa Física (escopados em body.pessoa-fisica).
   Reutiliza tokens do styles.css e componentes .ce-* de contabilidade-eleitoral.css.
   NÃO altera o compartilhado nem afeta outras páginas.
   Carregado por último — vence os defaults quando necessário.
   ========================================================================= */

/* ------------------------------------------------------------------ */
/* Ritmo compacto — página densa, sem grandes vazios (body.pessoa-fisica) */
/* ------------------------------------------------------------------ */
.pessoa-fisica .sec{padding:46px 0}
.pessoa-fisica .hero{padding:54px 0 40px}
.pessoa-fisica .sec-head h2{font-size:clamp(1.6rem,2.9vw,2.2rem);margin-top:12px}
.pessoa-fisica .sec-head p{margin-top:12px}
.pessoa-fisica .ce-grid{gap:16px}
.pessoa-fisica .ce-diff{padding:18px 18px}
.pessoa-fisica .hero .lead{margin-top:18px}
.pessoa-fisica .hero-note{margin-top:20px}

/* Foto do hero — discreta, elemento de apoio (não dominar) */
.pessoa-fisica .hero-photo{max-width:290px}

/* Subtexto padrão sob os títulos de seção */
.pessoa-fisica .pf-sub{max-width:78ch;color:var(--f-text);font-size:1.02rem;line-height:1.6;margin-bottom:20px;text-align:justify}
.pessoa-fisica .pf-sub.tight{margin-bottom:14px}

/* ------------------------------------------------------------------ */
/* Bloco de RESTITUIÇÃO — destaque principal                          */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-highlight{background:linear-gradient(135deg,#FFF6EF,#F7E7DC);border:1px solid var(--line-cream);border-radius:22px;padding:34px 32px;box-shadow:0 24px 60px -40px rgba(187,87,53,.5)}
.pessoa-fisica .pf-highlight .eyebrow{color:var(--rust)}
.pessoa-fisica .pf-highlight h2{font-family:'Archivo',sans-serif;font-weight:800;color:var(--f-head);font-size:clamp(1.5rem,2.8vw,2.1rem);margin-top:10px;line-height:1.15}
.pessoa-fisica .pf-highlight p{margin-top:14px;color:var(--f-text);font-size:1.04rem;line-height:1.65;max-width:82ch;text-align:justify}
.pessoa-fisica .pf-callout{margin-top:18px;background:var(--f-panel);border:1px solid var(--line-cream);border-left:4px solid var(--rust);border-radius:14px;padding:16px 20px;color:var(--f-head);font-weight:600;font-size:1.05rem;line-height:1.5}
.pessoa-fisica .pf-callout strong{color:var(--rust)}
.pessoa-fisica .pf-highlight .btn{margin-top:22px}

/* ------------------------------------------------------------------ */
/* SITUAÇÕES DO DIA A DIA — cartões compactos (frases em 1ª pessoa)    */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pessoa-fisica .pf-case{background:var(--f-panel);border:1px solid var(--line-cream);border-radius:14px;padding:18px 18px;display:flex;gap:11px;align-items:flex-start}
.pessoa-fisica .pf-case::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--rust);margin-top:7px}
.pessoa-fisica .pf-case p{color:var(--f-head);font-weight:600;font-size:.95rem;line-height:1.4}
.pessoa-fisica .pf-cases-foot{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.pessoa-fisica .pf-cases-foot .t{font-family:'Archivo',sans-serif;font-weight:700;color:var(--f-head);font-size:1.08rem;line-height:1.35}

/* ------------------------------------------------------------------ */
/* CPF — cartões de situação cadastral (6 status)                     */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-status{background:var(--f-panel);border:1px solid var(--line-cream);border-radius:16px;padding:22px 22px;display:flex;flex-direction:column;gap:8px}
.pessoa-fisica .pf-status .st-name{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.02rem;color:var(--f-head);letter-spacing:.01em}
.pessoa-fisica .pf-status p{font-size:.94rem;color:var(--f-text);line-height:1.55}
.pessoa-fisica .pf-tag{align-self:flex-start;margin-top:auto;font-family:'Inter',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.pessoa-fisica .pf-tag.exec{background:var(--rust);color:#fff}
.pessoa-fisica .pf-tag.orient{background:transparent;color:var(--rust);border:1.5px solid var(--rust)}

/* Nota informativa (reaproveita o padrão da nota do MEI) */
.pessoa-fisica .pf-note{margin-top:20px;background:var(--f-soft);border:1px solid var(--line-cream);border-left:4px solid var(--rust);border-radius:14px;padding:18px 22px;color:var(--f-head);font-size:.98rem;line-height:1.6;text-align:justify}
.pessoa-fisica .pf-note strong{color:var(--rust)}

/* ------------------------------------------------------------------ */
/* SERVIÇOS — escopo (o que a Personal faz) + o que não faz            */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-scope-note{margin-top:18px;font-size:.9rem;color:var(--f-muted);line-height:1.55;max-width:88ch;text-align:justify}
.pessoa-fisica .pf-scope-note strong{color:var(--f-head)}

/* ------------------------------------------------------------------ */
/* PONTE MEI — faixa curta com CTA para /mei/                          */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-bridge{background:var(--f-panel);border:1px solid var(--line-cream);border-radius:20px;padding:28px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.pessoa-fisica .pf-bridge .bx{max-width:60ch}
.pessoa-fisica .pf-bridge h2{font-family:'Archivo',sans-serif;font-weight:800;color:var(--f-head);font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2}
.pessoa-fisica .pf-bridge p{margin-top:10px;color:var(--f-text);font-size:1rem;line-height:1.6}

/* ------------------------------------------------------------------ */
/* PARA QUEM É — chips (reaproveita .ce-who)                           */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-real{margin-top:20px;font-family:'Archivo',sans-serif;font-weight:700;color:var(--f-head);font-size:1.06rem}

/* ------------------------------------------------------------------ */
/* COMO FUNCIONA — dois blocos: passos + imagem de apoio pequena       */
/* ------------------------------------------------------------------ */
.pessoa-fisica .pf-how{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;margin-top:6px}
.pessoa-fisica .pf-steps{display:grid;gap:12px}
.pessoa-fisica .pf-step{display:flex;gap:15px;align-items:flex-start;background:var(--f-panel);border:1px solid var(--line-cream);border-radius:14px;padding:16px 18px}
.pessoa-fisica .pf-step .n{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--rust);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.pessoa-fisica .pf-step .tx{font-size:1rem;color:var(--f-head);font-weight:600;line-height:1.45;padding-top:4px}
.pessoa-fisica .pf-media{border-radius:20px;overflow:hidden;border:1px solid var(--line-cream);box-shadow:0 26px 60px -38px rgba(90,64,56,.5);max-width:320px;margin-left:auto}
.pessoa-fisica .pf-media img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}

/* ------------------------------------------------------------------ */
/* CTA final — linha de reforço                                        */
/* ------------------------------------------------------------------ */
.pessoa-fisica .final h2{white-space:pre-line}
.pessoa-fisica .final-hint{margin-top:16px;font-weight:700;color:#fff;font-size:1.1rem}
.pessoa-fisica .final-cta{margin-top:8px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ------------------------------------------------------------------ */
/* Responsivo                                                          */
/* ------------------------------------------------------------------ */
@media(max-width:960px){
  .pessoa-fisica .pf-cases{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .pessoa-fisica .hero{padding:42px 0 32px}
  .pessoa-fisica .pf-how{grid-template-columns:1fr;gap:24px}
  .pessoa-fisica .pf-media{margin:0 auto;max-width:300px}
}
@media(max-width:600px){
  .pessoa-fisica .sec{padding:34px 0}
  .pessoa-fisica .pf-cases{grid-template-columns:1fr}
  .pessoa-fisica .pf-highlight{padding:26px 22px}
  .pessoa-fisica .pf-bridge{padding:24px 22px}
}