/* ============================================================
   WORKFACILIT — Solução para RH e Pessoas · pitch em 6 slides
   Camada sobre css/crm.css: mesmo deck, mesmos tokens --wf-* (sem hex).
   Namespace: rh-*  ·  o JS é o mesmo do deck (js/crm.js)
   ============================================================ */

.rh-eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: .8rem; font-size: .64rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-eyebrow i { font-size: 1rem; color: var(--wf-primary); }
@keyframes rh-grow { to { transform: scaleX(1); } }

/* ═══ Slide 1 — mapa da solução: cada camada resolve uma dor ═══ */
.rh-map { display: grid; justify-items: center; max-width: 560px; margin: 0 auto; }
.rh-who { display: inline-flex; align-items: center; gap: .6rem; padding: .5rem 1.15rem; border-radius: 99px; background: color-mix(in srgb, var(--wf-bg-surface) 88%, transparent); border: 1px solid var(--wf-border-strong); }
.rh-who i { font-size: 1.35rem; color: var(--wf-primary); }
.rh-who b { font-family: var(--wf-display); font-size: .9rem; color: var(--wf-text-primary); }
.rh-who span { font-size: .72rem; color: var(--wf-text-tertiary); }
.rh-link { display: block; width: 2px; height: .9rem; border-radius: 2px; background: linear-gradient(180deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-stack { width: 100%; display: grid; gap: .6rem; padding: .85rem; border-radius: 22px; border: 1px solid var(--wf-border-strong); background: color-mix(in srgb, var(--wf-bg-surface) 70%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 40px 90px color-mix(in srgb, var(--wf-primary-darker) 70%, transparent); }
.rh-layer { position: relative; padding: .75rem .8rem .8rem; border-radius: 16px; background: color-mix(in srgb, var(--wf-text-primary) 4%, transparent); border: 1px solid var(--wf-border); }
.rh-layer__t { display: flex; align-items: center; gap: .5rem; margin-bottom: .55rem; font-size: .64rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-layer__t i { font-size: 1rem; color: var(--wf-primary); }
.rh-n { position: absolute; top: .55rem; right: .65rem; font-family: var(--wf-display); font-size: .64rem; font-weight: 800; letter-spacing: .06em; color: var(--wf-text-tertiary); opacity: .75; }
.rh-mods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.rh-mod { padding: .7rem .7rem .75rem; border-radius: 12px; background: color-mix(in srgb, var(--wf-primary) 14%, transparent); border: 1px solid color-mix(in srgb, var(--wf-primary) 40%, transparent); }
.rh-mod > i { font-size: 1.25rem; color: var(--wf-primary); }
.rh-mod b { display: block; margin-top: .4rem; font-size: .84rem; line-height: 1.2; color: var(--wf-text-primary); }
.rh-mod small { display: block; margin-top: .25rem; font-size: .7rem; line-height: 1.35; color: var(--wf-text-secondary); }
.rh-mod--bot { background: color-mix(in srgb, var(--wf-ai-ceci) 18%, transparent); border-color: color-mix(in srgb, var(--wf-ai-ceci) 55%, transparent); }
.rh-mod--bot > i { color: var(--wf-ai-ceci); }
.rh-layer--brain { background: radial-gradient(80% 140% at 20% 0%, color-mix(in srgb, var(--wf-ai-ceci) 26%, transparent), transparent 70%), var(--wf-primary-darker); border-color: color-mix(in srgb, var(--wf-ai-ceci) 55%, var(--wf-border-strong)); box-shadow: 0 0 34px color-mix(in srgb, var(--wf-ai-ceci) 24%, transparent); }
.rh-layer--brain .rh-layer__t i { color: var(--wf-ai-ceci); }
.rh-brain { font-size: .84rem; line-height: 1.5; color: var(--wf-text-secondary); }
.rh-brain b { color: var(--wf-text-primary); font-weight: 600; }
.rh-layer--legacy { border-style: dashed; border-color: var(--wf-border-strong); }
.rh-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.rh-chips span { display: inline-flex; align-items: center; gap: .4rem; padding: .28rem .7rem; border-radius: 99px; font-size: .74rem; font-weight: 600; color: var(--wf-text-primary); background: color-mix(in srgb, var(--wf-text-primary) 7%, transparent); border: 1px solid var(--wf-border-strong); }
.rh-chips i { font-size: 1rem; color: var(--wf-primary); }
.rh-fix { display: flex; align-items: center; gap: .4rem; margin-top: .6rem; font-size: .72rem; font-weight: 700; letter-spacing: .02em; color: var(--wf-success-strong); }
.rh-fix i { font-size: 1rem; }
.crm-slide .rh-who, .crm-slide .rh-link, .crm-slide .rh-layer { opacity: 0; transform: translateY(14px); }
.crm-slide.is-active .rh-who, .crm-slide.is-active .rh-link, .crm-slide.is-active .rh-layer { opacity: 1; transform: none; transition: opacity .6s ease calc(.9s + var(--k) * .35s), transform .8s var(--ease) calc(.9s + var(--k) * .35s); }

/* ═══ Slide 2 — o case: antes e depois ═══ */
.rh-case { display: grid; grid-template-columns: minmax(0, .66fr) minmax(0, 1.34fr); gap: 1.1rem; align-items: stretch; }
.rh-ctx { display: flex; flex-direction: column; gap: .85rem; min-width: 0; padding: 1.15rem 1.15rem 1.05rem; border-radius: 20px; border: 1px solid var(--wf-border-strong);
  background: radial-gradient(90% 60% at 20% 0%, color-mix(in srgb, var(--wf-ai-ceci) 20%, transparent), transparent 70%), color-mix(in srgb, var(--wf-bg-surface) 82%, transparent); box-shadow: 0 30px 70px color-mix(in srgb, var(--wf-primary-darker) 60%, transparent); }
.rh-ctx .crm-tag { align-self: flex-start; }
.rh-ctx .rh-eyebrow { margin-bottom: .45rem; }
.rh-ctx h3 { font-size: 1.2rem; line-height: 1.15; letter-spacing: -.03em; color: var(--wf-text-primary); }
.rh-stats { display: grid; gap: .55rem; }
.rh-stat { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .7rem; padding-top: .55rem; border-top: 1px solid var(--wf-border); }
.rh-stat strong { font-family: var(--wf-display); font-weight: 800; font-size: 1.35rem; line-height: 1; letter-spacing: -.04em; background: linear-gradient(100deg, var(--wf-primary), var(--wf-ai-ceci)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rh-stat span { font-size: .78rem; line-height: 1.35; color: var(--wf-text-secondary); }
.rh-ctx .crm-case__go { margin-top: auto; }
.rh-bars { display: grid; align-content: start; gap: .7rem; min-width: 0; padding: 1rem 1.15rem; border-radius: 20px; border: 1px solid var(--wf-border-strong); background: color-mix(in srgb, var(--wf-bg-surface) 82%, transparent); box-shadow: 0 30px 70px color-mix(in srgb, var(--wf-primary-darker) 60%, transparent); }
.rh-lg { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-lg span { display: inline-flex; align-items: center; gap: .45rem; }
.rh-lg i { width: .8rem; height: .8rem; border-radius: 4px; background: color-mix(in srgb, var(--wf-text-primary) 18%, transparent); }
.rh-lg span + span i { background: linear-gradient(90deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-row__h { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.rh-row__h b { font-size: .86rem; color: var(--wf-text-primary); }
.rh-row__h em { font-style: normal; font-family: var(--wf-display); font-weight: 800; font-size: 1rem; letter-spacing: -.02em; background: linear-gradient(100deg, var(--wf-primary), var(--wf-ai-ceci)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rh-bar { position: relative; height: 1.4rem; margin-top: .3rem; border-radius: 8px; overflow: hidden; background: color-mix(in srgb, var(--wf-text-primary) 5%, transparent); }
.rh-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 8px; transform-origin: left; transform: scaleX(0); }
.rh-bar--a i { width: var(--a); background: color-mix(in srgb, var(--wf-text-primary) 18%, transparent); }
.rh-bar--d i { --b: 1; width: var(--d); background: linear-gradient(90deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-bar span { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; padding: 0 .65rem; font-size: .72rem; font-weight: 700; white-space: nowrap; color: var(--wf-text-primary); }
.crm-slide.is-active .rh-bar i { animation: rh-grow 1.2s var(--ease) calc(.9s + var(--k) * .3s + var(--b, 0) * .45s) forwards; }
.rh-zero { display: flex; align-items: center; gap: .7rem; padding: .6rem .95rem; border-radius: 14px; font-size: .86rem; color: var(--wf-text-secondary); background: linear-gradient(90deg, color-mix(in srgb, var(--wf-success-strong) 16%, transparent), color-mix(in srgb, var(--wf-primary) 14%, transparent)); border: 1px solid color-mix(in srgb, var(--wf-success-strong) 45%, transparent); }
.rh-zero i { flex: none; font-size: 1.3rem; color: var(--wf-success-strong); }
.rh-zero b { color: var(--wf-text-primary); }
.crm-slide .rh-ctx, .crm-slide .rh-bars, .crm-slide .rh-zero { opacity: 0; transform: translateY(16px); }
.crm-slide.is-active .rh-ctx, .crm-slide.is-active .rh-bars { opacity: 1; transform: none; transition: opacity .6s ease .6s, transform .8s var(--ease) .6s; }
.crm-slide.is-active .rh-zero { opacity: 1; transform: none; transition: opacity .6s ease 2.9s, transform .7s var(--ease) 2.9s; }
.rh-src { margin-top: .6rem; font-size: .7rem; color: var(--wf-text-tertiary); }

/* ═══ Slide 3 — o fluxo essencial: quem decide, o que a automação faz ═══ */
@media (min-width: 1101px) {
  .rh-jr4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rh-jr4::before, .rh-jr4::after { right: calc(25% - 27px - .75rem); }
}
.crm-slide.is-active .rh-jr4::after { animation-duration: 2.1s; }
.rh-jr4 .crm-st h3 { margin-top: .85rem; }
.rh-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem 1rem; margin-top: 1rem; }
.rh-lane__t { grid-column: 1 / -1; display: flex; align-items: center; gap: .5rem; font-size: .64rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-lane__t i { font-size: 1.05rem; color: var(--wf-primary); }
.rh-cell { min-width: 0; padding: .55rem .65rem; border-radius: 12px; font-size: .76rem; line-height: 1.4; color: var(--wf-text-secondary); background: color-mix(in srgb, var(--wf-text-primary) 5%, transparent); border: 1px dashed var(--wf-border-strong); }
.rh-lanes--a { margin-top: .75rem; }
.rh-lanes--a .rh-cell { color: var(--wf-text-primary); background: color-mix(in srgb, var(--wf-primary) 13%, transparent); border: 1px solid color-mix(in srgb, var(--wf-primary) 40%, transparent); }
.rh-lanes--a .rh-lane__t i { color: var(--wf-ai-ceci); }
.rh-thread { display: flex; align-items: center; justify-content: center; gap: .6rem; margin-top: .85rem; padding: .55rem 1rem; border-radius: 14px; font-size: .86rem; color: var(--wf-text-secondary); background: linear-gradient(90deg, color-mix(in srgb, var(--wf-ai-ceci) 20%, transparent), color-mix(in srgb, var(--wf-primary) 12%, transparent)); border: 1px solid color-mix(in srgb, var(--wf-ai-ceci) 50%, transparent); }
.rh-thread i { flex: none; font-size: 1.25rem; color: var(--wf-ai-ceci); }
.rh-thread b { color: var(--wf-text-primary); }
.rh-active { display: flex; align-items: center; justify-content: center; gap: .6rem; margin-top: .8rem; padding: .55rem 1rem; border-radius: 14px; font-size: .86rem; color: var(--wf-text-secondary); background: linear-gradient(90deg, color-mix(in srgb, var(--wf-success-strong) 16%, transparent), color-mix(in srgb, var(--wf-primary) 14%, transparent)); border: 1px solid color-mix(in srgb, var(--wf-success-strong) 45%, transparent); }
.rh-active i { font-size: 1.25rem; color: var(--wf-success-strong); }
.rh-active b { color: var(--wf-text-primary); }
.crm-slide .rh-cell, .crm-slide .rh-thread, .crm-slide .rh-active { opacity: 0; transform: translateY(10px); }
.crm-slide.is-active .rh-cell { opacity: 1; transform: none; transition: opacity .55s ease calc(1s + var(--k) * .5s), transform .7s var(--ease) calc(1s + var(--k) * .5s); }
.crm-slide.is-active .rh-lanes--a .rh-cell { transition-delay: calc(1.25s + var(--k) * .5s); }
.crm-slide.is-active .rh-thread { opacity: 1; transform: none; transition: opacity .6s ease 3.4s, transform .7s var(--ease) 3.4s; }
.crm-slide.is-active .rh-active { opacity: 1; transform: none; transition: opacity .6s ease 3.9s, transform .7s var(--ease) 3.9s; }

/* ═══ Slide 4 — a Ceci no dia a dia: WhatsApp do colaborador + painel do RH ═══ */
.rh-cc { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1.2rem; align-items: stretch; }
.rh-phone { display: flex; flex-direction: column; min-width: 0; border-radius: 24px; overflow: hidden; border: 1px solid var(--wf-border-strong); background: color-mix(in srgb, var(--wf-bg-surface) 82%, transparent); box-shadow: 0 40px 90px color-mix(in srgb, var(--wf-primary-darker) 70%, transparent); }
.rh-phone__bar { display: flex; align-items: center; gap: .65rem; padding: .7rem .9rem; background: color-mix(in srgb, var(--wf-success-strong) 14%, var(--wf-bg-surface)); border-bottom: 1px solid var(--wf-border); }
.rh-phone__av { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 1.1rem; color: var(--wf-text-primary); background: linear-gradient(135deg, var(--wf-ai-ceci), var(--wf-primary)); }
.rh-phone__bar b { display: block; font-size: .82rem; color: var(--wf-text-primary); }
.rh-phone__bar small { display: block; font-size: .66rem; color: var(--wf-success-strong); }
.rh-phone__bar > i { margin-left: auto; font-size: 1.4rem; color: var(--wf-success-strong); }
.rh-chat { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: .5rem; padding: .85rem .8rem; }
.rh-msg { max-width: 90%; padding: .5rem .7rem; border-radius: 14px; font-size: .76rem; line-height: 1.42; }
.rh-msg b { color: var(--wf-text-primary); font-weight: 700; }
.rh-msg--me { align-self: flex-end; color: var(--wf-text-primary); background: color-mix(in srgb, var(--wf-primary) 26%, transparent); border-bottom-right-radius: 4px; }
.rh-msg--bot { align-self: flex-start; color: var(--wf-text-secondary); background: color-mix(in srgb, var(--wf-text-primary) 8%, transparent); border-bottom-left-radius: 4px; }
.rh-msg small { display: flex; align-items: center; gap: .3rem; margin-top: .35rem; font-size: .64rem; color: var(--wf-text-tertiary); }
.rh-msg small i { font-size: .85rem; color: var(--wf-primary); }
.crm-slide .rh-msg { opacity: 0; transform: translateY(10px) scale(.97); }
.crm-slide.is-active .rh-msg { opacity: 1; transform: none; transition: opacity .5s ease calc(1s + var(--k) * .9s), transform .6s var(--ease) calc(1s + var(--k) * .9s); }
.rh-panel { display: flex; flex-direction: column; min-width: 0; }
.rh-top { list-style: none; display: grid; gap: .55rem; padding: .55rem 1.1rem .7rem; }
.rh-top__lg { display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; padding: .55rem 1.1rem 0; font-size: .64rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-top__lg span { display: inline-flex; align-items: center; gap: .4rem; }
.rh-top__lg i { width: .75rem; height: .75rem; border-radius: 4px; background: linear-gradient(90deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-top__lg span + span i { background: var(--wf-warning-strong); }
.rh-top li { display: grid; grid-template-columns: 8.2rem minmax(0, 1fr); align-items: center; gap: .8rem; font-size: .78rem; color: var(--wf-text-secondary); }
.rh-top__bar { display: flex; width: var(--t); height: .7rem; border-radius: 99px; overflow: hidden; background: color-mix(in srgb, var(--wf-text-primary) 6%, transparent); transform-origin: left; transform: scaleX(0); }
.rh-top__bar i:first-child { width: var(--ok); background: linear-gradient(90deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-top__bar i:last-child { width: calc(100% - var(--ok)); background: var(--wf-warning-strong); }
.crm-slide.is-active .rh-top__bar { animation: rh-grow 1.1s var(--ease) calc(1.2s + var(--k) * .2s) forwards; }
.rh-req { list-style: none; display: grid; padding: .2rem 1.1rem 1rem; border-top: 1px solid var(--wf-border); margin-top: .2rem; }
.rh-req li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: .6rem .5rem; border-top: 1px solid var(--wf-border); font-size: .8rem; border-radius: 10px; }
.rh-req li:first-child { border-top: 0; }
.rh-req__id { font-family: var(--wf-display); font-size: .74rem; font-weight: 800; color: var(--wf-text-tertiary); }
.rh-req b { display: block; font-weight: 600; color: var(--wf-text-primary); }
.rh-req small { display: block; margin-top: .1rem; font-size: .7rem; color: var(--wf-text-tertiary); }
.rh-st { padding: .18rem .65rem; border-radius: 99px; font-size: .66rem; font-weight: 700; letter-spacing: .04em; white-space: nowrap; border: 1px solid transparent; }
.rh-st--an { color: var(--wf-text-primary); background: color-mix(in srgb, var(--wf-primary) 22%, transparent); border-color: color-mix(in srgb, var(--wf-primary) 55%, transparent); }
.rh-st--ok { color: var(--wf-success-strong); background: color-mix(in srgb, var(--wf-success-strong) 14%, transparent); border-color: color-mix(in srgb, var(--wf-success-strong) 45%, transparent); }
.crm-slide .rh-req li { opacity: 0; translate: 0 8px; }
.crm-slide.is-active .rh-req li { opacity: 1; translate: 0 0; transition: opacity .6s ease var(--d), translate .7s var(--ease) var(--d), background .6s ease var(--d); }
.crm-slide.is-active .rh-req--new { animation: rh-new 2.4s ease var(--d) both; }
@keyframes rh-new { 0% { background: color-mix(in srgb, var(--wf-primary) 26%, transparent); } 100% { background: transparent; } }

/* ═══ Slide 5 — de onde a Ceci tira as respostas ═══ */
.rh-kn { display: grid; gap: .9rem; }
.rh-chain { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: .5rem; }
.rh-node { display: flex; flex-direction: column; gap: .3rem; min-width: 0; padding: .85rem .9rem; border-radius: 16px; background: color-mix(in srgb, var(--wf-bg-surface) 88%, transparent); border: 1px solid var(--wf-border-strong); }
.rh-node > i { font-size: 1.4rem; color: var(--wf-primary); }
.rh-node b { font-family: var(--wf-display); font-size: .92rem; line-height: 1.2; letter-spacing: -.01em; color: var(--wf-text-primary); }
.rh-node small { font-size: .74rem; line-height: 1.4; color: var(--wf-text-secondary); }
.rh-node--core { background: radial-gradient(70% 160% at 50% 0%, color-mix(in srgb, var(--wf-ai-ceci) 34%, transparent), transparent 70%), var(--wf-primary-darker); border-color: color-mix(in srgb, var(--wf-ai-ceci) 55%, var(--wf-border-strong)); box-shadow: 0 0 34px color-mix(in srgb, var(--wf-ai-ceci) 26%, transparent); }
.rh-node--core > i { color: var(--wf-ai-ceci); }
.rh-arrow { align-self: center; display: block; width: 1.1rem; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--wf-primary), var(--wf-ai-ceci)); }
.rh-decide { display: flex; align-items: center; gap: .7rem; font-size: .66rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-decide i { font-size: 1.05rem; color: var(--wf-ai-ceci); }
.rh-decide::after { content: ""; flex: 1; height: 1px; background: repeating-linear-gradient(90deg, var(--wf-border-strong) 0 6px, transparent 6px 12px); }
.rh-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.rh-path { --lc: var(--wf-primary); display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); align-items: start; gap: .75rem; padding: .8rem .9rem; border-radius: 14px; background: color-mix(in srgb, var(--lc) 9%, transparent); border: 1px solid color-mix(in srgb, var(--lc) 45%, transparent); }
.rh-path--ok { --lc: var(--wf-success-strong); }
.rh-path--data { --lc: var(--wf-primary); }
.rh-path--human { --lc: var(--wf-warning-strong); }
.rh-path__ic { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 12px; font-size: 1.25rem; color: var(--lc); background: color-mix(in srgb, var(--lc) 16%, transparent); }
.rh-path h3 { font-size: .98rem; letter-spacing: -.01em; color: var(--wf-text-primary); }
.rh-path p { margin-top: .15rem; font-size: .8rem; line-height: 1.42; color: var(--wf-text-secondary); }
.rh-foot { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: .7rem; }
.rh-learn { display: flex; align-items: center; gap: .8rem; padding: .75rem 1rem; border-radius: 14px; background: color-mix(in srgb, var(--wf-ai-ceci) 10%, transparent); border: 1px dashed color-mix(in srgb, var(--wf-ai-ceci) 55%, transparent); }
.rh-learn > i { flex: none; font-size: 1.6rem; color: var(--wf-ai-ceci); }
.rh-learn b { display: block; font-size: .92rem; color: var(--wf-text-primary); }
.rh-learn small { display: block; margin-top: .15rem; font-size: .78rem; line-height: 1.42; color: var(--wf-text-secondary); }
.crm-slide.is-active .rh-learn > i { animation: crm-spin 9s linear 2s infinite; }
.rh-gov { display: flex; flex-direction: column; justify-content: center; gap: .45rem; padding: .75rem 1rem; border-radius: 14px; border: 1px dashed var(--wf-border-strong); }
.rh-gov > span { display: flex; align-items: center; gap: .5rem; font-size: .66rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-gov > span i { font-size: 1.05rem; color: var(--wf-primary); }
.crm-slide .rh-node, .crm-slide .rh-arrow, .crm-slide .rh-decide, .crm-slide .rh-path, .crm-slide .rh-learn, .crm-slide .rh-gov { opacity: 0; transform: translateY(12px); }
.crm-slide.is-active .rh-node, .crm-slide.is-active .rh-arrow, .crm-slide.is-active .rh-decide, .crm-slide.is-active .rh-path, .crm-slide.is-active .rh-learn, .crm-slide.is-active .rh-gov { opacity: 1; transform: none; transition: opacity .55s ease calc(.8s + var(--k) * .28s), transform .7s var(--ease) calc(.8s + var(--k) * .28s); }

/* ═══ Slide 6 — valor, ondas e contato ═══ */
.rh-val { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr); gap: 1.1rem; align-items: stretch; }
.rh-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.rh-kpi { display: flex; flex-direction: column; gap: .45rem; min-width: 0; padding: .8rem .9rem; border-radius: 16px; background: color-mix(in srgb, var(--wf-bg-surface) 82%, transparent); border: 1px solid var(--wf-border-strong); }
.rh-kpi__h { display: flex; align-items: center; gap: .6rem; }
.rh-kpi__ic { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; font-size: 1.15rem; color: var(--wf-text-primary); background: linear-gradient(135deg, var(--wf-ai-ceci), var(--wf-primary)); box-shadow: 0 0 18px color-mix(in srgb, var(--wf-ai-ceci) 35%, transparent); }
.rh-kpi h3 { font-size: .9rem; line-height: 1.2; letter-spacing: -.02em; color: var(--wf-text-primary); }
.rh-kpi__v { font-family: var(--wf-display); font-weight: 800; font-size: 1.45rem; line-height: 1.05; letter-spacing: -.04em; background: linear-gradient(100deg, var(--wf-primary), var(--wf-ai-ceci)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rh-kpi__v small { font-family: var(--wf-sans); font-size: .7rem; font-weight: 600; letter-spacing: 0; -webkit-text-fill-color: var(--wf-text-secondary); color: var(--wf-text-secondary); }
.rh-kpi__m { margin-top: auto; padding-top: .5rem; border-top: 1px solid var(--wf-border); }
.rh-kpi__m small { font-size: .58rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-kpi__m b { display: block; margin-top: .15rem; font-size: .74rem; font-weight: 600; line-height: 1.3; color: var(--wf-text-primary); }
.rh-road { display: grid; gap: .6rem; list-style: none; }
.rh-wave { display: grid; grid-template-columns: 2.3rem minmax(0, 1fr); align-items: center; gap: .8rem; padding: .7rem .9rem; border-radius: 16px; background: color-mix(in srgb, var(--wf-bg-surface) 82%, transparent); border: 1px solid var(--wf-border-strong); }
.rh-wave__n { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; font-family: var(--wf-display); font-size: 1rem; font-weight: 800; color: var(--wf-on-primary); background: var(--wf-primary); box-shadow: 0 0 0 5px color-mix(in srgb, var(--wf-primary) 16%, transparent); }
.rh-wave:nth-child(4) .rh-wave__n { color: var(--wf-bg-surface); background: var(--wf-ai-ceci); box-shadow: 0 0 0 5px color-mix(in srgb, var(--wf-ai-ceci) 20%, transparent); }
.rh-wave small { display: block; font-size: .62rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--wf-text-tertiary); }
.rh-wave p { margin-top: .15rem; font-size: .8rem; line-height: 1.4; color: var(--wf-text-primary); }
.rh-note { margin-top: .6rem; font-size: .68rem; line-height: 1.4; color: var(--wf-text-tertiary); }
.rh-foot6 { grid-area: bul; align-self: start; display: grid; gap: .8rem; }
.rh-foot6 .crm-bullets { grid-area: auto; gap: .55rem; }
.rh-foot6 .crm-bullets li { font-size: clamp(.84rem, 1vw, .94rem); line-height: 1.45; }
.rh-proof { display: flex; align-items: center; gap: .7rem; padding: .55rem .9rem; border-radius: 12px; font-size: .78rem; line-height: 1.4; color: var(--wf-text-secondary); background: color-mix(in srgb, var(--wf-text-primary) 4%, transparent); border: 1px solid var(--wf-border); }
.rh-proof i { flex: none; font-size: 1.25rem; color: var(--wf-ai-ceci); }
.rh-proof b { color: var(--wf-text-primary); }
.rh-proof a { color: var(--wf-primary); font-weight: 600; white-space: nowrap; }
.crm-slide .rh-kpi, .crm-slide .rh-wave { opacity: 0; transform: translateY(16px); }
.crm-slide.is-active .rh-kpi, .crm-slide.is-active .rh-wave { opacity: 1; transform: none; transition: opacity .6s ease calc(.7s + var(--k) * .16s), transform .8s var(--ease) calc(.7s + var(--k) * .16s); }

/* ═══ Títulos mais compactos onde o desenho ocupa a largura toda ═══ */
.rh-s2 .crm-title, .rh-s5 .crm-title, .rh-s6 .crm-title { font-size: clamp(1.6rem, 2.7vw, 2.5rem); line-height: 1.08; }

/* ═══ Responsivo ═══ */
@media (max-width: 1100px) {
  .rh-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rh-cell::before { content: attr(data-n) " · "; font-weight: 800; color: var(--wf-text-primary); }
}
@media (max-width: 960px) {
  .crm-slide--full .crm-slide__inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "pun" "viz"; align-items: start; }
  .rh-case, .rh-cc, .rh-val, .rh-foot { grid-template-columns: minmax(0, 1fr); }
  .rh-chain { grid-template-columns: minmax(0, 1fr); }
  .rh-arrow { width: 2px; height: .9rem; justify-self: center; background: linear-gradient(180deg, var(--wf-primary), var(--wf-ai-ceci)); }
  .rh-paths { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .rh-mods { grid-template-columns: minmax(0, 1fr); }
  .rh-kpis { grid-template-columns: minmax(0, 1fr); }
  .rh-lanes { grid-template-columns: minmax(0, 1fr); }
  .rh-top li { grid-template-columns: minmax(0, 1fr); gap: .3rem; }
  .rh-req li { grid-template-columns: auto minmax(0, 1fr); }
  .rh-req .rh-st { grid-column: 2; justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .crm-slide .rh-who, .crm-slide .rh-link, .crm-slide .rh-layer, .crm-slide .rh-ctx, .crm-slide .rh-bars, .crm-slide .rh-zero, .crm-slide .rh-cell, .crm-slide .rh-thread, .crm-slide .rh-active,
  .crm-slide .rh-msg, .crm-slide .rh-req li, .crm-slide .rh-node, .crm-slide .rh-arrow, .crm-slide .rh-decide, .crm-slide .rh-path, .crm-slide .rh-learn, .crm-slide .rh-gov,
  .crm-slide .rh-kpi, .crm-slide .rh-wave { opacity: 1 !important; transform: none; translate: none; transition: none !important; }
  .rh-req--new, .rh-learn > i { animation: none !important; }
  .rh-bar i, .rh-top__bar { animation: none !important; transform: scaleX(1); }
}