/* =====================================================================
   page-home.css — styles owned by index.html only.
   Everything here is layout/scoped decoration; type, colour, radii and
   motion come from tokens.css + base.css + components.css.

   Blocks:
     1. .h1hero__cta additions — the valuation CTA next to "Fale com um sócio"
     2. (retired) .cmp-* — the comparison ledger, now on abordagem.html
   ===================================================================== */


/* =====================================================================
   1. HERO — the valuation CTA
   The hero now carries exactly TWO actions: the primary conversation
   ("Fale com um sócio") and the self-serve entry point (valuation).
   The old "Ver transações" ghost was retired: the Transações rail is the
   very next section and already ends in "Ver todas as transações", so a
   third hero button was competing for nothing. The valuation button keeps
   the cream ghost shell (the hero is video, not .section--dark) and earns
   ONE terracotta gesture — the glyph — so it reads as an invitation, not
   as a second-class link.
   ===================================================================== */

.h1hero .h1hero__cta-val { gap: 0.55rem; }
.h1hero .h1hero__cta-val .msym {
  font-size: 1.2rem;
  line-height: 1;
  color: var(--accent-soft);
  transition: color var(--dur) var(--ease);
}
/* on hover the ghost floods cream: the glyph has to follow the label to ink */
.h1hero .h1hero__cta-val:hover .msym,
.h1hero .h1hero__cta-val:focus-visible .msym { color: var(--accent-deep); }

/* the promise under the buttons — the reason to click, kept off the label */
.h1hero__cta-note {
  margin-top: 0.85rem;
  font-size: var(--fs-small);
  line-height: 1.5;
  color: rgba(251, 247, 238, 0.62);
  max-width: 46ch;   /* two calm lines at the hero's 30rem copy measure */
}

@media (max-width: 420px) {
  /* two full-width actions read better than two clipped ones */
  .h1hero__cta { flex-direction: column; align-items: stretch; }
  .h1hero__cta .btn { justify-content: center; }
}


/* =====================================================================
   2. (retired 2026-08-28) The "M&A antigo | M&A overA" momento ledger
   (.cmp-*) moved to abordagem.html — client review: on a phone it made
   the home far too long. Its styles now live in page-abordagem.css.
   The home closes the dark chapter with the .dvr slider + one exit link.
   ===================================================================== */