/* =========================================================================
   home.css — Refinamento visual da Home (Projeto Personal 2.0)
   Ajustes EXCLUSIVOS da Home, escopados em body.home.
   Objetivos: cabeçalho compacto (sem sobreposição do botão WhatsApp),
   Home mais densa (menos espaço entre blocos) e área da FAQ mais larga.
   NÃO altera o compartilhado nem afeta /mei/, /contabilidade-eleitoral/ ou outras páginas.
   Carregado por último — vence os defaults de styles.css e contabilidade-eleitoral.css.
   ========================================================================= */

/* ------------------------------------------------------------------ */
/* CABEÇALHO — agora PADRONIZADO no compartilhado (styles.css).        */
/* Os overrides de cabeçalho da Home foram removidos: a Home passa a   */
/* usar exatamente o mesmo header das demais páginas.                  */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* COMPACTAÇÃO VERTICAL — Home mais densa, sem parecer apertada        */
/* ------------------------------------------------------------------ */
.home .sec{padding:46px 0}
.home .hero{padding:54px 0 40px}

/* Cabeçalhos de seção um pouco mais contidos */
.home .sec-head h2{font-size:clamp(1.7rem,3vw,2.35rem);margin-top:12px}
.home .sec-head p{margin-top:13px;font-size:1.04rem}
.home .about h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.home .final h2{font-size:clamp(1.85rem,3.6vw,2.7rem)}

/* Reduz espaços de topo de conteúdos com respiro grande */
.home .cal{margin-top:30px}

/* ------------------------------------------------------------------ */
/* FOTOGRAFIAS — elemento de apoio (tamanho moderado, sem dominar)     */
/* Hero: foto de apoio, um pouco maior no desktop para equilibrar o    */
/* espaço da coluna; permanece moderada no mobile.                     */
.home .hero-photo{max-width:320px}

/* Quem conduz: foto moderada, alinhada ao topo, sem esticar até a     */
/* altura do texto; dá mais respiro ao texto (protagonista).          */
.home .about-grid{grid-template-columns:.62fr 1.38fr;align-items:start}
.home .about-mono{max-width:280px}
.home .about-photo{height:auto;min-height:0;aspect-ratio:5/6;object-position:50% 28%}

/* ------------------------------------------------------------------ */
/* FAQ — mais largura útil, menos vazio à direita                     */
/* (mesmas perguntas, respostas, acordeão e Schema)                   */
/* ------------------------------------------------------------------ */
.home #duvidas .faq{max-width:1040px;margin-top:30px}

/* ------------------------------------------------------------------ */
/* Responsivo                                                          */
/* ------------------------------------------------------------------ */
@media(max-width:860px){
  .home .hero{padding:50px 0 38px}
}
@media(max-width:820px){
  /* Mantém a foto do hero moderada no mobile (não ocupar a largura toda) */
  .home .hero-photo{max-width:280px}
}
@media(max-width:820px){
  /* Quem conduz volta a empilhar no mobile; foto moderada e centralizada */
  .home .about-grid{grid-template-columns:1fr}
  .home .about-mono{max-width:330px;margin:0 auto}
}
@media(max-width:600px){
  .home .sec{padding:34px 0}
}