/* ————————————————————————————————————————————————
   CARMONA — site, versão 5
   Sobre a v4: cabeçalhos de seção centralizados, bloco
   "Para quem", contato pelo WhatsApp e o fechamento
   interativo (a bola segue o mouse e levanta o saibro).
   A abertura (hero) fica como na v4.
   ———————————————————————————————————————————————— */

/* — Cabeçalho de seção: centralizado, uma coluna — */
.prancha{ grid-template-columns:1fr; justify-items:center; text-align:center; gap:var(--space-md); }
.prancha__n{ margin-inline:auto; }
.prancha h2{ margin-inline:auto; max-width:none; text-wrap:balance; }
.prancha .sub{ margin-inline:auto; max-width:46ch; text-wrap:balance; }
.fecho .wrap{ text-align:center; }
.fecho h2,.fecho .sub{ margin-inline:auto; }

/* — Processo: "CARMONA." abre o título — */
.titulo__chave{ display:block; font-size:.42em; letter-spacing:.06em; color:var(--text-accent); margin-bottom:.35em; }

/* — Manifesto: uma coluna de leitura, centralizada — */
.manifesto__texto{ max-width:64ch; margin:var(--space-lg-xl) auto 0; display:flex; flex-direction:column; gap:var(--space-md); }
.manifesto__texto p{ margin:0; max-width:none; color:var(--text-quiet); font-size:var(--size-body-lg); line-height:var(--leading-body-loose); text-wrap:pretty; }
.manifesto__abre{ font-family:var(--font-serif); font-size:var(--size-quote-sm) !important; line-height:var(--leading-quote) !important;
                  color:var(--tinta) !important; text-align:center; text-wrap:balance !important; margin-bottom:var(--space-sm) !important; }
.manifesto__fecha{ font-family:var(--font-serif); color:var(--tinta) !important; font-size:var(--size-quote-sm) !important;
                   line-height:var(--leading-quote) !important; text-align:center; text-wrap:balance !important; margin-top:var(--space-sm) !important; }

/* — Linha do certificado, abaixo das pranchas — */
.certifica{ margin-top:var(--space-md-lg); text-align:center; font-size:var(--size-body-sm); color:var(--text-quiet); }

/* — História: a fala de José — */
.relato__fala{ margin:var(--space-sm) 0; padding-left:var(--space-md); border-left:var(--rule-topline); }
.relato__fala p{ font-family:var(--font-serif); font-size:var(--size-quote-sm); line-height:var(--leading-quote);
                 color:var(--tinta) !important; }
.relato__fala cite{ display:block; margin-top:var(--space-sm); font-style:normal; font-family:var(--font-sans);
                    font-size:var(--size-label); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--text-label); }

/* — Para quem — */
.publico{ list-style:none; margin:var(--space-block) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr);
          gap:var(--gap-hairline); background:var(--linha); border:var(--border); }
.publico li{ background:var(--surface-page); padding:var(--space-md-lg) var(--space-md); display:flex; flex-direction:column; gap:var(--space-sm); }
.publico .num{ font-family:var(--font-sans); font-size:var(--size-label); letter-spacing:var(--track-label);
               text-transform:uppercase; color:var(--text-accent); }
.publico p{ margin:0; color:var(--text-quiet); }

/* — Contato: WhatsApp em destaque, e-mail e Instagram em segundo plano — */
.contato--v5{ display:flex; flex-direction:column; align-items:center; gap:var(--space-md); }
.btn--wa{ gap:12px; min-height:56px; padding-inline:var(--space-md-lg); }
.btn__ico{ width:20px; height:20px; flex:none; }
.contato__mais{ display:flex; flex-wrap:wrap; justify-content:center; gap:0 var(--space-md); margin:0; }
.contato__mais a{ display:inline-flex; align-items:center; min-height:44px; color:var(--text-quiet);
                  font-size:var(--size-body-sm); text-decoration:underline; text-underline-offset:4px;
                  text-decoration-color:var(--linha-forte); }
.contato__mais a:hover{ color:var(--text-body); }

/* — Fechamento: saibro, a bola no lugar do mouse — */
.final{ position:relative; min-height:100svh; display:grid; place-items:center; overflow:hidden;
        background:var(--saibro-claro); }
.final canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.final__txt{ position:relative; z-index:1; text-align:center; pointer-events:none;
             display:flex; flex-direction:column; align-items:center; gap:var(--space-sm); padding:var(--space-block) var(--space-md); }
.final__linha{ margin:0; max-width:none; font-family:var(--font-serif); font-size:clamp(34px,5.4vw,76px); line-height:1.02;
               letter-spacing:var(--track-title); color:var(--tinta); }
.final__marca{ margin-top:var(--space-lg); color:var(--tinta); }
.final__dica{ position:absolute; z-index:1; max-width:none; bottom:var(--space-md); left:0; right:0; margin:0; text-align:center; pointer-events:none;
              font-family:var(--font-sans); font-size:var(--size-label); letter-spacing:var(--track-label);
              text-transform:uppercase; color:var(--tinta); opacity:.7; }

/* ————————————————— Celular ————————————————— */
@media (max-width:760px){
  .nav--v4 a{ white-space:nowrap; }
  .nav--v4 a[href="#para-quem"]{ display:none !important; }   /* no celular cabem três; a seção segue na rolagem */
  .sub br, h2 br, .certifica br{ display:none; }
  .publico{ grid-template-columns:1fr; margin-top:var(--space-lg-xl); }
  .contato--v5 .btn{ width:100%; justify-content:center; }
  .final__linha{ font-size:32px; text-wrap:balance; }
}

/* — História: o convite para a página completa — */
.historia__mais{ display:flex; justify-content:center; margin:var(--space-lg) 0 0; max-width:none; }