/* ============================================================================
   Home de serviços · ajustes sobre home.css (arsenal de 4 armas, kit com CTA,
   seção "Como trabalhamos" e fechamento). Carregado depois de home.css.
   ========================================================================== */

/* equipamento novo: a forja (martelo) */
.mascot-robot[data-eq="forge"] .eq-forge { opacity: 1; }

/* ----------------------------------------------------- arena: 4 armas ---- */
/* o título respira abaixo da linha do tempo e do H2 */
.rail__lead .lede { margin-top: 18px; }
/* grade em vez de flex: as quatro armas ganham a mesma altura, com os botões alinhados na base */
.act--greece .rail { display: grid; grid-auto-flow: column; grid-auto-columns: max-content; align-content: center; align-items: stretch; }
.act--greece.is-compact .rail > .rail__lead { align-self: center; }
.weapon .body { font-size: 14.5px; line-height: 1.6; }
@media (max-width: 600px) { .weapon .body { font-size: 14px; } }
@media (max-height: 800px) and (min-width: 1024px) {
  .rail__lead .lede { font-size: 15px; margin-top: 14px; }
  .weapon { padding: 20px 24px; gap: 10px; }
  .weapon .display--sm { font-size: clamp(20px, 2vw, 26px); }
}

/* ------------------------------------------------- kit: caixa de CTA ----- */
.kit__head h2 { max-width: 26ch; }
.kit__cta .label { color: #aab39d; }
.kit__cta strong { font-size: clamp(22px, 2.3vw, 32px); line-height: 1.12; letter-spacing: -.04em; font-weight: 600; font-variant-numeric: normal; }
@media (max-width: 980px) {
  .kit__head h2 { max-width: none; }
  .kit__cta p { max-width: 30ch; }
}
@media (max-width: 600px) {
  .kit__cta strong { font-size: 19px; }
}

/* ------------------------------------------- como trabalhamos (#metodo) -- */
.offer__head h2 { max-width: 20ch; }
.step .display--sm { margin: 0; }
.cta-box .display--sm { margin: -4px 0 0; }
.cta-box .body { font-size: 14.5px; }

/* ---------------------------------------------------------- fechamento --- */
#fim-title { font-size: clamp(34px, 5.4vw, 76px); letter-spacing: -.06em; max-width: 18ch; margin-inline: auto; }
.close__ctas [data-foco] { box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .45), 0 14px 46px -14px rgba(var(--accent-rgb), .55); }
@media (max-width: 600px) {
  #fim-title { font-size: clamp(30px, 9vw, 40px); }
  .close__lede { font-size: 15px; }
}
@media (max-height: 800px) and (min-width: 861px) {
  #fim-title { font-size: clamp(34px, 4.6vw, 62px); }
  .close__inner { padding-bottom: calc(var(--lane-h) + 64px); }
}