/* A Cor Tintas - Recovery Premium V4. Layer isolada para candidata robusta. */
:root {
  --rv4-bg: #170906;
  --rv4-bg-2: #24110b;
  --rv4-cream: #fff7e9;
  --rv4-muted: rgba(255,247,233,.72);
  --rv4-ink: #20100a;
  --rv4-paper: #fbf4e8;
  --rv4-gold: #e7b929;
  --rv4-gold-2: #c9941a;
  --rv4-blue: #137d99;
  --rv4-green: #20c964;
  --rv4-line: rgba(255,247,233,.16);
  --rv4-line-dark: rgba(32,16,10,.14);
  --rv4-shadow: 0 24px 70px rgba(0,0,0,.25);
  --rv4-radius: 24px;
  --rv4-max: 1180px;
}
.recovery-v4 {
  font-family: Outfit, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
.recovery-v4 h1,
.recovery-v4 h2,
.recovery-v4 h3,
.recovery-v4 p,
.recovery-v4 a,
.recovery-v4 button,
.recovery-v4 input { letter-spacing: 0; }
.recovery-v4 h1,
.recovery-v4 h2,
.recovery-v4 h3,
.recovery-v4 .lg,
.recovery-v4 .xl,
.recovery-v4 .page-title {
  font-family: "Cormorant Garamond", Georgia, serif;
}
.recovery-v4 .ct { width: min(var(--rv4-max), calc(100% - 40px)); }
.recovery-v4 .btn,
.recovery-v4 .page-actions a,
.recovery-v4 .fer-card-btn,
.recovery-v4 .acor-color-tab,
.recovery-v4 .acor-color-quick-btn,
.recovery-v4 .v4-action {
  min-height: 44px;
  border-radius: 999px;
  padding-inline: 18px;
  font-family: Outfit, Inter, system-ui, sans-serif;
  font-size: .82rem;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  will-change: transform;
}
.recovery-v4 .btn:hover,
.recovery-v4 .page-actions a:hover,
.recovery-v4 .fer-card-btn:hover,
.recovery-v4 .v4-card:hover,
.recovery-v4 .page-card:hover,
.recovery-v4 .product-card:hover {
  transform: translateY(-2px);
}
.recovery-v4 .btn:active,
.recovery-v4 .page-actions a:active,
.recovery-v4 .v4-card:active { transform: translateY(0) scale(.99); }
.recovery-v4 a:focus-visible,
.recovery-v4 button:focus-visible,
.recovery-v4 input:focus-visible,
.recovery-v4 select:focus-visible {
  outline: 3px solid rgba(231,185,41,.58);
  outline-offset: 3px;
}
.recovery-v4 .btn.bg {
  background: linear-gradient(135deg, var(--rv4-gold), #d49d1b);
  color: #1a0b06;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 15px 34px rgba(213,159,26,.26);
}
.recovery-v4 .btn.bgc,
.recovery-v4 .btn.bw {
  background: rgba(255,247,233,.065);
  border: 1px solid rgba(255,247,233,.24);
  color: var(--rv4-cream);
}
.recovery-v4.page-body .btn.bw,
.recovery-v4.page-body .btn.bgc {
  color: var(--rv4-ink);
  background: rgba(255,255,255,.72);
  border-color: rgba(32,16,10,.15);
}
.recovery-v4 header,
.recovery-v4 .page-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(24,11,7,.94);
  border-bottom: 1px solid rgba(255,247,233,.12);
  backdrop-filter: blur(16px);
}
.recovery-v4.rv4-scrolled header,
.recovery-v4.rv4-scrolled .page-header {
  box-shadow: 0 16px 42px rgba(0,0,0,.20);
}
.recovery-v4 .nav-links a,
.recovery-v4 .page-nav-links a {
  color: rgba(255,247,233,.76);
  font-size: .78rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.recovery-v4 .nav-links a:hover,
.recovery-v4 .page-nav-links a:hover { color: var(--rv4-gold); }

/* Home objetiva: a home vende caminhos, nao tenta conter o site inteiro. */
.home-recovery-v4 .gal,
.home-recovery-v4 .gal-bar,
.home-recovery-v4 .mq,
.home-recovery-v4 .ambient-section,
.home-recovery-v4 .calc-section,
.home-recovery-v4 .cores,
.home-recovery-v4 .pdfbar,
.home-recovery-v4 .tbar,
.home-recovery-v4 .ns,
.home-recovery-v4 .dif,
.home-recovery-v4 .aval,
.home-recovery-v4 .pin,
.home-recovery-v4 .con,
.home-recovery-v4 .perf,
.home-recovery-v4 .journey-section {
  display: none !important;
}
.home-recovery-v4 .hero {
  min-height: auto;
  padding: clamp(46px, 7vw, 88px) 0 48px;
  background:
    radial-gradient(circle at 76% 18%, rgba(231,185,41,.13), transparent 28%),
    radial-gradient(circle at 12% 0%, rgba(19,125,153,.12), transparent 35%),
    linear-gradient(135deg, #160906 0%, #241009 55%, #120706 100%);
}
.home-recovery-v4 .hero .hin {
  grid-template-columns: minmax(0,.95fr) minmax(300px,.72fr);
  gap: clamp(28px,5vw,76px);
  align-items: center;
}
.home-recovery-v4 .hh {
  max-width: 720px;
  font-size: clamp(3rem,5.7vw,6.35rem);
  line-height: .9;
}
.home-recovery-v4 .hh em {
  color: transparent;
  background: linear-gradient(110deg, #f4db7a 0%, #d9a124 48%, #bd4b25 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.home-recovery-v4 .hsu {
  color: var(--rv4-muted);
  max-width: 610px;
  font-size: clamp(1rem,1.25vw,1.2rem);
  line-height: 1.7;
}
.home-recovery-v4 .hbt { gap: 12px; flex-wrap: wrap; }
.home-recovery-v4 .hero-color-decision,
.home-recovery-v4 .hero-color-lab,
.home-recovery-v4 .hmt { display: none !important; }
.home-recovery-v4 .hero-secondary-tools {
  margin-top: 28px;
  max-width: 720px;
  padding: 18px;
  border-radius: var(--rv4-radius);
  border: 1px solid rgba(231,185,41,.28);
  background: linear-gradient(135deg, rgba(45,22,13,.88), rgba(22,9,6,.76));
  box-shadow: 0 18px 50px rgba(0,0,0,.24);
}
.home-recovery-v4 .hero-secondary-tools > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.home-recovery-v4 .hero-secondary-tools span { color: rgba(255,247,233,.78); }
.home-recovery-v4 .hcard {
  margin-left: auto;
  max-width: 470px;
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(0,0,0,.36);
  transform: none;
}
.v4-home-flow {
  background: linear-gradient(180deg, #1b0c08 0%, #24110a 42%, #fbf4e8 42%, #fbf4e8 100%);
}
.v4-section { padding: clamp(42px,7vw,82px) 0; }
.v4-section.dark {
  color: var(--rv4-cream);
  background:
    radial-gradient(circle at 85% 8%, rgba(231,185,41,.12), transparent 32%),
    linear-gradient(135deg, #170906, #27120b);
}
.v4-section.light { color: var(--rv4-ink); background: var(--rv4-paper); }
.v4-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.v4-eyebrow {
  display: inline-flex;
  width: fit-content;
  color: var(--rv4-gold);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.v4-section-title {
  margin: 0;
  max-width: 700px;
  font-size: clamp(2.25rem,4vw,4.5rem);
  line-height: .95;
}
.v4-section-copy {
  max-width: 560px;
  margin: 12px 0 0;
  color: inherit;
  opacity: .76;
  font-size: 1rem;
  line-height: 1.72;
}
.v4-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.v4-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 22px;
  border-radius: var(--rv4-radius);
  text-decoration: none;
  overflow: hidden;
}
.v4-card.dark {
  background: linear-gradient(145deg, rgba(255,247,233,.09), rgba(255,247,233,.035));
  border: 1px solid rgba(255,247,233,.14);
  color: var(--rv4-cream);
}
.v4-card.light {
  background: linear-gradient(145deg, #fffaf1, #f4ebdd);
  border: 1px solid rgba(32,16,10,.11);
  color: var(--rv4-ink);
  box-shadow: 0 18px 44px rgba(32,16,10,.10);
}
.v4-card strong {
  font-size: 1.12rem;
  line-height: 1.25;
}
.v4-card span {
  margin-top: 10px;
  color: inherit;
  opacity: .72;
  line-height: 1.55;
}
.v4-action {
  margin-top: auto;
  width: fit-content;
  color: var(--rv4-gold);
}
.v4-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-bottom: 18px;
  background: rgba(231,185,41,.14);
  color: var(--rv4-gold);
  font-weight: 900;
}
.v4-products-compact .v4-grid,
.v4-tools-compact .v4-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.v4-color-panel {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: clamp(22px,4vw,52px);
  align-items: center;
  padding: clamp(26px,4vw,46px);
  border-radius: 30px;
  border: 1px solid rgba(255,247,233,.14);
  background:
    linear-gradient(135deg, rgba(255,247,233,.075), rgba(255,247,233,.025)),
    radial-gradient(circle at 84% 20%, rgba(231,185,41,.13), transparent 32%);
  box-shadow: var(--rv4-shadow);
}
.v4-palette {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  min-height: 190px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,247,233,.20);
}
.v4-palette i { display: block; background: var(--sw); }
.v4-color-links {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
.v4-color-links a {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,247,233,.15);
  color: var(--rv4-cream);
  text-decoration: none;
  background: rgba(255,247,233,.055);
}
.v4-human-strip {
  border-top: 1px solid rgba(32,16,10,.08);
}
.v4-human-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 18px;
  align-items: stretch;
}
.v4-photo-slot {
  min-height: 260px;
  border-radius: 28px;
  border: 1px dashed rgba(32,16,10,.22);
  background:
    linear-gradient(135deg, rgba(231,185,41,.14), rgba(19,125,153,.10)),
    #f6eddf;
  display: flex;
  align-items: end;
  padding: 22px;
  color: rgba(32,16,10,.78);
}
.v4-blog-strip .v4-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.v4-contact-band {
  border-radius: 30px;
  padding: clamp(24px,4vw,44px);
  background: linear-gradient(135deg, #25100a, #150805);
  color: var(--rv4-cream);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
}

/* Paginas internas: topo, breadcrumb, cards e leitura. */
.recovery-v4.page-body {
  background: linear-gradient(180deg, #fbf4e8 0%, #f3e8d7 100%);
  color: var(--rv4-ink);
}
.recovery-v4 .page-main {
  padding-top: clamp(26px,4vw,54px);
}
.recovery-v4 .product-breadcrumb {
  width: min(var(--rv4-max), calc(100% - 40px));
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(32,16,10,.62);
  font-size: .86rem;
  font-weight: 750;
}
.recovery-v4 .product-breadcrumb a {
  color: #9c3b22;
  text-decoration: none;
}
.recovery-v4 .product-hero,
.recovery-v4 .page-hero {
  border-radius: 30px;
  border: 1px solid rgba(32,16,10,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,250,241,.54));
  box-shadow: 0 22px 60px rgba(32,16,10,.10);
}
.recovery-v4 .product-hero {
  align-items: center;
  gap: clamp(22px,4vw,48px);
}
.recovery-v4 .page-title {
  font-size: clamp(2.5rem,4.4vw,5rem);
  line-height: .98;
}
.recovery-v4 .page-lead {
  color: rgba(32,16,10,.74);
  font-size: clamp(1rem,1.16vw,1.14rem);
  line-height: 1.74;
}
.recovery-v4 .product-hero-card,
.recovery-v4 .page-card,
.recovery-v4 .product-spec-card,
.recovery-v4 .fer-card {
  border-radius: 24px;
  border-color: rgba(32,16,10,.11);
  box-shadow: 0 16px 38px rgba(32,16,10,.08);
}
.recovery-v4 .page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.recovery-v4 .page-section {
  border-radius: 28px;
}

/* Cores: tabs e filtros no eixo, com contraste robusto. */
.recovery-v4.color-page,
.recovery-v4 .acor-color-section {
  background: radial-gradient(circle at 78% 0%, rgba(117,35,20,.24), transparent 35%), linear-gradient(180deg,#170906,#24100a 55%,#180906);
}
.recovery-v4 .acor-color-tabs {
  width: min(var(--rv4-max), calc(100% - 40px));
  margin-inline: auto;
  display: flex;
  gap: 10px;
  padding: 8px;
  border: 1px solid rgba(255,247,233,.14);
  border-radius: 999px;
  background: rgba(255,247,233,.05);
  overflow-x: auto;
}
.recovery-v4 .acor-color-tab {
  flex: 0 0 auto;
  min-width: max-content;
  color: rgba(255,247,233,.76);
  border: 1px solid transparent;
  background: transparent;
}
.recovery-v4 .acor-color-tab.is-active,
.recovery-v4 .acor-color-tab[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(231,185,41,.22), rgba(231,185,41,.08));
  border-color: rgba(231,185,41,.38);
  color: var(--rv4-cream);
}
.recovery-v4 .home-color-paths,
.recovery-v4 .acor-color-panel,
.recovery-v4 .acor-filter-panel {
  width: min(var(--rv4-max), calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
  border-radius: 28px;
}
.recovery-v4 .home-color-paths {
  border: 1px solid rgba(255,247,233,.16);
  background: linear-gradient(135deg, rgba(255,247,233,.08), rgba(255,247,233,.035));
  color: var(--rv4-cream);
  box-shadow: var(--rv4-shadow);
}
.recovery-v4 .home-color-path-grid a {
  border-radius: 18px;
  background: rgba(255,247,233,.07);
  border-color: rgba(255,247,233,.14);
}

@media (max-width: 1020px) {
  .home-recovery-v4 .hero .hin,
  .v4-color-panel,
  .v4-human-layout,
  .v4-contact-band { grid-template-columns: 1fr; }
  .home-recovery-v4 .hcard { margin-inline: 0; max-width: 100%; }
  .v4-grid,
  .v4-products-compact .v4-grid,
  .v4-tools-compact .v4-grid,
  .v4-blog-strip .v4-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .recovery-v4 .ct,
  .recovery-v4 .product-breadcrumb,
  .recovery-v4 .acor-color-tabs,
  .recovery-v4 .home-color-paths,
  .recovery-v4 .acor-color-panel,
  .recovery-v4 .acor-filter-panel { width: min(100% - 28px, var(--rv4-max)); }
  .home-recovery-v4 .hero { padding: 34px 0 36px; }
  .home-recovery-v4 .hh { font-size: clamp(2.45rem,15vw,4rem); }
  .home-recovery-v4 .hero-secondary-tools > div,
  .home-recovery-v4 .hbt,
  .recovery-v4 .page-actions { flex-direction: column; align-items: stretch; }
  .home-recovery-v4 .hero-secondary-tools .btn,
  .home-recovery-v4 .hbt .btn,
  .recovery-v4 .page-actions a { width: 100%; }
  .v4-section { padding: 38px 0; }
  .v4-section-head { display: block; }
  .v4-grid,
  .v4-products-compact .v4-grid,
  .v4-tools-compact .v4-grid,
  .v4-blog-strip .v4-grid,
  .v4-color-links { grid-template-columns: 1fr; }
  .v4-card { min-height: 158px; padding: 19px; }
  .v4-palette { min-height: 120px; grid-template-columns: repeat(6,1fr); }
  .recovery-v4 .product-breadcrumb { font-size: .78rem; overflow-x: auto; white-space: nowrap; }
  .recovery-v4 .page-title { font-size: clamp(2.25rem,12vw,3.45rem); }
  .recovery-v4 .acor-color-tabs { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .recovery-v4 *,
  .recovery-v4 *::before,
  .recovery-v4 *::after {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}