/* RCF-2 — Conversão, jornada e consistência visual premium
   Camada segura: não altera arquitetura, header ou footer validados. */
:root{
  --rcf2-purple:#6d3cff;
  --rcf2-purple-dark:#4320b8;
  --rcf2-blue:#1797ff;
  --rcf2-ink:#15142b;
  --rcf2-muted:#5f6275;
  --rcf2-soft:#f7f4ff;
  --rcf2-line:rgba(109,60,255,.16);
  --rcf2-shadow:0 18px 45px rgba(28,22,75,.10);
  --rcf2-shadow-hover:0 24px 60px rgba(28,22,75,.16);
  --rcf2-radius:24px;
}
html{scroll-behavior:smooth;}
body.rcf2-conversao{ text-rendering:optimizeLegibility; }
body.rcf2-conversao main{ overflow:hidden; }
body.rcf2-conversao .container{ width:min(1180px, calc(100% - 32px)); margin-inline:auto; }
body.rcf2-conversao h1,
body.rcf2-conversao h2,
body.rcf2-conversao h3{ letter-spacing:-.035em; color:var(--rcf2-ink); }
body.rcf2-conversao h1{ line-height:1.02; }
body.rcf2-conversao h2{ line-height:1.08; }
body.rcf2-conversao p{ color:var(--rcf2-muted); line-height:1.72; }
body.rcf2-conversao section{ position:relative; }
body.rcf2-conversao section + section{ margin-top:clamp(42px, 6vw, 82px); }
body.rcf2-conversao img{ max-width:100%; height:auto; }

/* Botões: padronização de percepção sem trocar classes existentes */
body.rcf2-conversao a.btn,
body.rcf2-conversao button.btn,
body.rcf2-conversao .btn,
body.rcf2-conversao .menu-cta,
body.rcf2-conversao .card a[href*='wa.me'],
body.rcf2-conversao a[href*='monte-seu-kit'],
body.rcf2-conversao a[href*='loja.html']{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
body.rcf2-conversao a.btn:hover,
body.rcf2-conversao button.btn:hover,
body.rcf2-conversao .btn:hover,
body.rcf2-conversao .menu-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(109,60,255,.18);
}
body.rcf2-conversao a:focus-visible,
body.rcf2-conversao button:focus-visible,
body.rcf2-conversao input:focus-visible,
body.rcf2-conversao textarea:focus-visible,
body.rcf2-conversao select:focus-visible{
  outline:3px solid rgba(23,151,255,.35);
  outline-offset:3px;
}

/* Cards e blocos repetidos */
body.rcf2-conversao .card,
body.rcf2-conversao .product-card,
body.rcf2-conversao .produto-card,
body.rcf2-conversao .blog-card,
body.rcf2-conversao .kit-card,
body.rcf2-conversao .category-card,
body.rcf2-conversao .feature-card,
body.rcf2-conversao [class*='card']{
  border-color:var(--rcf2-line);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.rcf2-conversao .card:hover,
body.rcf2-conversao .product-card:hover,
body.rcf2-conversao .produto-card:hover,
body.rcf2-conversao .blog-card:hover,
body.rcf2-conversao .kit-card:hover,
body.rcf2-conversao .category-card:hover,
body.rcf2-conversao .feature-card:hover,
body.rcf2-conversao [class*='card']:hover{
  transform:translateY(-4px);
  box-shadow:var(--rcf2-shadow-hover);
}
body.rcf2-conversao .badge,
body.rcf2-conversao .tag,
body.rcf2-conversao [class*='badge'],
body.rcf2-conversao [class*='tag']{
  letter-spacing:.02em;
  font-weight:700;
}

/* Conversão silenciosa: faixa contextual antes do rodapé */
.rcf2-conversion-panel{
  margin:clamp(54px, 7vw, 96px) auto 0;
  width:min(1180px, calc(100% - 32px));
  border:1px solid rgba(109,60,255,.18);
  border-radius:28px;
  padding:clamp(22px, 4vw, 42px);
  background:
    radial-gradient(circle at 10% 0%, rgba(109,60,255,.18), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8f5ff 48%, #eef7ff 100%);
  box-shadow:var(--rcf2-shadow);
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:clamp(22px, 4vw, 42px);
  align-items:center;
}
.rcf2-conversion-panel__eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--rcf2-purple-dark);
  background:rgba(109,60,255,.10);
  border:1px solid rgba(109,60,255,.12);
  border-radius:999px;
  padding:7px 12px;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:14px;
}
.rcf2-conversion-panel h2{
  margin:0 0 10px;
  font-size:clamp(1.55rem, 3vw, 2.35rem);
  line-height:1.08;
}
.rcf2-conversion-panel p{ margin:0; max-width:680px; }
.rcf2-conversion-panel__actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.rcf2-action{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  border:1px solid transparent;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  white-space:nowrap;
}
.rcf2-action--primary{ background:linear-gradient(135deg, var(--rcf2-purple), var(--rcf2-blue)); color:#fff; box-shadow:0 16px 34px rgba(109,60,255,.22); }
.rcf2-action--secondary{ background:#fff; color:var(--rcf2-purple-dark); border-color:rgba(109,60,255,.18); }
.rcf2-action:hover{ transform:translateY(-2px); box-shadow:0 18px 38px rgba(28,22,75,.16); }

/* Jornada e CTAs contextuais */
.rcf2-cta-enhanced{ position:relative; }
.rcf2-cta-enhanced::after{
  content:''; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.65; margin-left:4px; display:inline-block; vertical-align:middle;
}
body.rcf2-conversao .loja-hero,
body.rcf2-conversao [class*='hero']{
  isolation:isolate;
}
body.rcf2-conversao [class*='hero'] .btn:first-of-type,
body.rcf2-conversao [class*='hero'] a.btn:first-of-type{
  box-shadow:0 18px 40px rgba(109,60,255,.20);
}

/* Loja: remove resquícios visuais de topo legado sem afetar header validado */
body.rcf2-conversao .store-topbar,
body.rcf2-conversao .legacy-marquee,
body.rcf2-conversao marquee,
body.rcf2-conversao .top-marquee,
body.rcf2-conversao .marquee-black{
  display:none !important;
}
body.rcf2-conversao .loja-page [class*='product'],
body.rcf2-conversao .store-page [class*='product']{
  scroll-margin-top:120px;
}

/* Mobile */
@media (max-width: 820px){
  body.rcf2-conversao .container{ width:min(100% - 24px, 1180px); }
  body.rcf2-conversao section + section{ margin-top:42px; }
  .rcf2-conversion-panel{
    grid-template-columns:1fr;
    padding:24px;
    border-radius:22px;
  }
  .rcf2-conversion-panel__actions{ justify-content:flex-start; }
  .rcf2-action{ width:100%; white-space:normal; }
  body.rcf2-conversao h1{ font-size:clamp(2rem, 10vw, 3.1rem); }
}
@media (prefers-reduced-motion: reduce){
  body.rcf2-conversao *, .rcf2-action{ transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}