/* =============================================
   AS FORJE — páginas de serviço
   Layout único para as cinco páginas geradas por
   scripts/gerar-paginas-servico.js.
   ============================================= */

/* ── Migalhas de pão ──
   Não é enfeite: numa página que a pessoa pode alcançar direto pelo Google,
   ela precisa saber onde caiu e como subir um nível. */
.migalhas {
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  font-size:.85rem; color:var(--dim); margin-bottom:2rem;
}
.migalhas a { color:var(--muted); transition:color .2s ease; }
.migalhas a:hover { color:var(--gold); }
.migalhas span[aria-current] { color:var(--gold); }

/* ── Topo da página ── */
.serv-topo { padding:8rem 0 4.5rem; background:var(--black); position:relative; }
.serv-topo__grid {
  display:grid; grid-template-columns:1.45fr .55fr; gap:3.5rem; align-items:start;
}
.serv-topo__titulo {
  font-family:var(--font-display);
  font-size:clamp(2.1rem,4.2vw,3.4rem); font-weight:700; line-height:1.12;
  color:var(--white); margin:.85rem 0 1.25rem;
}
.serv-topo__titulo em { color:var(--gold); font-style:italic; }
.serv-topo__sub { font-size:1.125rem; color:var(--muted); line-height:1.8; max-width:60ch; }
.serv-topo__acoes { display:flex; gap:.85rem; flex-wrap:wrap; margin-top:2rem; }
.serv-topo__nota {
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  font-size:.95rem; color:var(--dim); margin-top:1.25rem;
}
.serv-topo__nota i { color:var(--gold); }

/* ── Ficha técnica (prazo, preço, formato) ──
   Fica no alto e à vista: são as três perguntas que a pessoa faz antes
   de ler qualquer outra coisa. Esconder isso no fim da página não
   aumenta contato, só adia a desistência. */
.serv-ficha {
  background:var(--dark-2); border:1px solid rgba(232,195,106,.18);
  border-radius:var(--radius-lg); padding:1.75rem; position:sticky; top:96px;
}
.serv-ficha__linha {
  display:flex; flex-direction:column; gap:.2rem;
  padding:.85rem 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.serv-ficha__linha:last-of-type { border-bottom:0; }
.serv-ficha__linha span  { font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); }
.serv-ficha__linha strong { font-family:var(--font-display); font-size:1.4rem; font-weight:700; color:var(--gold); line-height:1.25; }
.serv-ficha__obs { font-size:.9rem; color:var(--muted); line-height:1.7; margin-top:1rem; padding-top:1rem; border-top:1px solid rgba(232,195,106,.12); }

/* ── Blocos de conteúdo ── */
.serv-bloco { padding:5rem 0; background:var(--black); }
.serv-bloco--alt { background:var(--dark); }
.serv-h2 {
  font-family:var(--font-display); font-size:clamp(1.65rem,2.8vw,2.3rem);
  font-weight:700; color:var(--white); line-height:1.2; margin-bottom:1.75rem;
}
.serv-duascol { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }

.serv-marcas { list-style:none; display:flex; flex-direction:column; gap:.85rem; }
.serv-marcas li {
  display:flex; align-items:flex-start; gap:.7rem;
  font-size:1.0625rem; color:var(--muted); line-height:1.7;
}
.serv-marcas i { margin-top:.4rem; flex-shrink:0; font-size:.85rem; }
.serv-marcas--sim i { color:var(--gold); }
.serv-marcas--nao i { color:var(--dim); }
.serv-nota { font-size:.98rem; color:var(--dim); line-height:1.75; margin-top:1.25rem; max-width:58ch; }
.serv-nota a { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.serv-nota--centro { text-align:center; margin-inline:auto; margin-top:2rem; }

/* ── O que entra ── */
.serv-lista { list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
.serv-lista__item {
  display:flex; align-items:flex-start; gap:.85rem;
  background:var(--dark-2); border:1px solid rgba(232,195,106,.1);
  border-radius:var(--radius-md); padding:1.4rem 1.5rem;
}
.serv-lista__item > i { color:var(--gold); margin-top:.35rem; flex-shrink:0; }
.serv-lista__item strong { display:block; color:var(--white); font-size:1.0625rem; margin-bottom:.3rem; }
.serv-lista__item span   { display:block; color:var(--muted); font-size:.98rem; line-height:1.7; }

/* ── Passo a passo ── */
.serv-passos { list-style:none; counter-reset:none; display:flex; flex-direction:column; gap:0; }
.serv-passo {
  display:flex; align-items:flex-start; gap:1.5rem;
  padding:1.6rem 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.serv-passo:last-child { border-bottom:0; }
.serv-passo__num {
  font-family:var(--font-display); font-size:1.9rem; font-weight:700;
  color:rgba(232,195,106,.4); line-height:1; min-width:2.4ch;
  font-variant-numeric:tabular-nums;
}
.serv-passo strong { display:block; color:var(--white); font-size:1.15rem; margin-bottom:.35rem; }
.serv-passo p { color:var(--muted); font-size:1.0325rem; line-height:1.75; max-width:68ch; }

/* ── Responsivo ── */
@media (max-width:980px) {
  .serv-topo { padding:7rem 0 3.5rem; }
  .serv-topo__grid { grid-template-columns:1fr; gap:2.5rem; }
  .serv-ficha { position:static; }
  .serv-duascol { grid-template-columns:1fr; gap:2.5rem; }
  .serv-lista { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .serv-bloco { padding:3.5rem 0; }
  .serv-topo__acoes .btn { width:100%; justify-content:center; }
  .serv-passo { gap:1rem; }
  .serv-passo__num { font-size:1.5rem; }
}