/* Complemento da paleta para as páginas individuais que carregarem este arquivo. */
.case-detail-page .case-detail-hero {
  background: var(--cases-hero-gradient);
  isolation: isolate;
}
.case-detail-page .case-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .14;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
.case-detail-page .case-detail-hero .hero-orbit { border-color: #f7cef020; }
.case-detail-page .case-detail-hero__copy h1 { color: #fff; }
.case-detail-page .case-detail-hero__copy > p { color: var(--cases-on-purple); }
.case-detail-page .case-detail-hero__copy .section-kicker { background: #ffffff18; color: var(--cases-on-purple); }
.case-detail-page .case-detail-hero__copy .case-tags span { background: #ffffff12; border-color: #ffffff40; color: #fff; }
.case-detail-page .case-detail-hero .button-primary { background: #fff; color: var(--purple); box-shadow: 0 12px 28px #49007125; }
.case-detail-page .case-detail-hero .button-primary:hover { background: var(--soft); }
.case-detail-page .case-detail-hero a:focus-visible { outline-color: #f7cef0; }
.case-detail-page .case-detail-brand-card { background: #fff; box-shadow: 0 24px 60px #49007130; }
.case-detail-page .case-detail-brand-card strong { color: var(--ink); }

/* História e depoimento em superfícies suaves; resultados em destaque. */
.case-detail-page .case-detail-story { background: linear-gradient(180deg, #fff, #faf5fd); }
.case-detail-page .case-detail-section-heading h2,
.case-detail-page .cases-story-content h3 { color: var(--ink); }
.case-detail-page .cases-solution { border-color: var(--line); }
.case-detail-page .cases-solution li:nth-child(even) i { color: var(--pink); }
.case-detail-page .cases-quote { background: var(--soft2); border-color: var(--line); }
.case-detail-page .cases-quote > span { color: var(--pink); }
.case-detail-page .cases-quote .person strong { color: var(--ink); }
.case-detail-page .cases-quote .person small { color: var(--muted); }
.case-detail-page .cases-benefits { background: var(--cases-brand-gradient); border-color: var(--purple); }
.case-detail-page .cases-benefits strong { color: #fff; }
.case-detail-page .cases-benefits > small,
.case-detail-page .cases-benefits span,
.case-detail-page .cases-benefits .cases-benefits-hint { color: var(--cases-on-purple); }
.case-detail-page .cases-benefits-track > div { border-color: #ffffff30; }
.case-detail-page .cases-benefits-track:focus-visible { outline-color: #f7cef0; }
.case-detail-page .cases-related { background: linear-gradient(180deg, #f3e5ff, #faf5fd); }
.case-detail-page .cases-related__heading h2 { color: var(--ink); }

@media (max-width: 700px) {
  .case-detail-page .cases-story-content :is(.cases-context, .cases-solution) { border-color: var(--line); box-shadow: 0 8px 28px #4900710a; }
  .case-detail-page .cases-story-content .cases-solution { background: var(--soft2); }
  .case-detail-page .cases-benefits-track > div { background: #ffffff12; }
}