/* [cc 2026-10-01 david-d8] Hero cu informație reală: eyebrow „pentru cine”, lede în două tonuri, rândul de fapte (preț, GPS, telefon), contur vizibil la butonul secundar, conturul „aici e programul”. Specificație: _site_hero/SPEC-hero.md */
/* [cc] eyebrow: spune acum pentru cine e programul, deci mai mare și mai puțin împrăștiat (era 12 px / .16em) */
.hv-hero .hv-eyebrow { font-size: 13px; letter-spacing: .12em; }
/* [cc] lede în două tonuri: prima propoziție în cerneală plină, a doua în gri; 62ch = două rânduri pe desktop */
.hv-hero .hv-lede { max-width: 62ch; }
.hv-hero .hv-lede .hv-ink { color: var(--hv-ink); }

/* [cc] rândul de fapte: fără marcaje, fără fundal, fără contur, fără pictograme; cifra/cuvântul-cheie îngroșat */
.hv-hero .hv-facts {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  font-size: 16px; line-height: 1.4; color: var(--hv-ink2);
}
.hv-hero .hv-facts li { margin: 0; padding: 0; list-style: none; }
.hv-hero .hv-facts li + li::before {
  content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 18px;
  background: var(--hv-hair-strong); vertical-align: -2px;
}
.hv-hero .hv-facts b { color: var(--hv-ink); font-weight: 600; }
.hv-hero .hv-facts a { color: var(--hv-ink); text-decoration: none; border-bottom: 1px solid var(--hv-ink3); }
.hv-hero .hv-facts a:hover, .hv-hero .hv-facts a:focus-visible { color: var(--hv-accent); border-bottom-color: var(--hv-accent); text-decoration: none; }
.hv-hero .hv-facts a:hover b, .hv-hero .hv-facts a:focus-visible b { color: inherit; }

/* [cc] tema luminoasă: „Vezi prețurile” e alb, ca CONTACT (David, prin sesiunea „website”, blocul ez-hero din generator); conturul gri de aici a fost scos */
/* [cc] tema întunecată: #44403a pe negru dădea 1,89:1 (acceptarea cere ≥ 3:1 și acolo); --hv-ink3 (#7a7770) ≈ 4,3:1 */
html:not(.hv-light) .hv-hero .hv-btn-ghost { border-color: var(--hv-ink3); }
html:not(.hv-light) .hv-hero .hv-btn-ghost:hover, html:not(.hv-light) .hv-hero .hv-btn-ghost:focus { border-color: var(--hv-accent); }

/* [cc] „Vezi programul pe viu ↓” derulează la fereastră; conturul îi arată unde e programul (clasa .hv-here o pune hero-info.js ~1,6 s) */
html .hv-hero .hv-window, html .hv-hero.hv-js .hv-window.hv-rise-window {
  outline: 2px solid var(--hv-here, transparent); outline-offset: 6px; transition: outline-color 600ms ease;
}
html .hv-hero .hv-window.hv-here { --hv-here: var(--hv-accent); }
@supports (color: color-mix(in srgb, red, blue)) {
  html .hv-hero .hv-window.hv-here { --hv-here: color-mix(in srgb, var(--hv-accent) 55%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  html .hv-hero .hv-window, html .hv-hero.hv-js .hv-window.hv-rise-window { transition: none; }
}

/* [cc] între 641 și 1000 px rândul poate trece pe două linii: fără liniile verticale, ca să nu rămână una la început de rând */
@media (max-width: 1000px) {
  .hv-hero .hv-facts { gap: 6px 28px; }
  .hv-hero .hv-facts li + li::before { display: none; }
}
/* [cc] ≤ 640 px: faptele pe coloană (3 rânduri), centrate, tot 16 px */
@media (max-width: 640px) {
  .hv-hero .hv-facts { flex-direction: column; gap: 2px; line-height: 1.35; }
  /* [cc] telefon: textul hero-ului crescuse și împingea fereastra programului sub ecran (693 → 816 px la 390×844); strângem doar spațiile, corpul rămâne ≥ 16 px */
  .hv-hero .hv-inner { gap: 16px; }
  .hv-hero .hv-lede { font-size: 17px; line-height: 1.5; }
  .hv-hero .hv-eyebrow { font-size: 12px; letter-spacing: .08em; }
  .hv-hero .hv-eyebrow::before { display: none; }
}

/* [cc] cuvintele cu cratimă (e-Factura, s-o, codul UIT) nu se rup pe două rânduri */
.hv-hero .hv-nb { white-space: nowrap; }