/* ================================================================
   TARGET INFORMAÇÕES — PRODUCT PAGE CSS
================================================================ */

/* ── PRODUCT HERO ─────────────────────────────────────── */
.prod-hero {
  padding: calc(var(--nav-h) + 64px) 0 64px;
  background: var(--white); position: relative; overflow: hidden;
}
.prod-hero::before {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 480px; height: 480px; border-radius: 50%;
  background: radial-gradient(circle, var(--hero-glow, rgba(196,30,58,.07)) 0%, transparent 65%);
  pointer-events: none;
}
.prod-hero-grid {
  position: absolute; inset: 0; opacity: .45;
  background-image: radial-gradient(circle, rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 80% 75% at 60% 40%, black 20%, transparent);
}
.prod-hero-inner { position: relative; z-index: 2; }
.breadcrumb { display:flex;align-items:center;gap:7px;margin-bottom:22px; }
.breadcrumb a { font-size:.83rem;color:var(--ink-5);transition:color var(--tr); }
.breadcrumb a:hover { color:var(--red); }
.bc-sep { color:var(--ink-5); font-size:.83rem; }
.breadcrumb span { font-size:.83rem;color:var(--ink-4); }
.prod-hero h1 { margin-bottom:18px; }
.prod-lead { font-size:clamp(1rem,1.5vw,1.1rem);color:var(--ink-4);max-width:620px;line-height:1.8;margin-bottom:34px; }
.prod-ctas { display:flex;flex-wrap:wrap;gap:12px; }

/* Topo sólido dos templates Serasa */
.serasa-product .prod-hero {
  background:#131D27;
}
.serasa-product .prod-hero h1 { color:#fff; }
.serasa-product .prod-lead { color:rgba(255,255,255,.78); }
.serasa-product .prod-hero .eyebrow {
  background:#fff !important;
  border-color:#fff !important;
  box-shadow:none;
}
.serasa-product .breadcrumb a,
.serasa-product .breadcrumb span { color:rgba(255,255,255,.68); }
.serasa-product .breadcrumb a:hover { color:#fff; }
.serasa-product .bc-sep { color:rgba(255,255,255,.4); }
.serasa-product .prod-hero-grid {
  opacity:.5;
  background-image:radial-gradient(circle, rgba(255,255,255,.1) 1px, transparent 1px);
}

/* ── FEATURE LIST ─────────────────────────────────────── */
.feat-list { display:flex;flex-direction:column;gap:8px; }
.feat-item {
  display:flex;align-items:flex-start;gap:13px;
  padding:13px 16px;background:var(--white);
  border:1px solid var(--border);border-radius:var(--r-m);
  box-shadow:var(--sh-xs);transition:var(--tr);
}
.feat-item:hover { border-color:var(--red-dim);box-shadow:var(--sh-s);transform:translateX(3px); }
.feat-ico { width:34px;height:34px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.feat-ico svg { width:16px;height:16px; }
.feat-item h4 { font-size:.875rem;font-weight:700;margin-bottom:2px;color:var(--ink); }
.feat-item p  { font-size:.815rem;color:var(--ink-4);line-height:1.56;margin:0; }

/* Destaque dos recursos nos produtos Serasa */
.serasa-product .feat-item {
  background: linear-gradient(135deg, #FFF3F5 0%, #FFFAFB 100%);
  border-color: rgba(196,30,58,.16);
  border-left:4px solid var(--red);
  box-shadow:none;
}
.serasa-product .feat-item:hover {
  background: linear-gradient(135deg, #FFE6EB 0%, #FFF5F7 100%);
  border-color:rgba(196,30,58,.16);
  border-left-color:var(--red);
  box-shadow:none;
  transform:none;
}
.serasa-product .feat-ico {
  background: var(--red) !important;
}
.serasa-product .feat-ico svg { stroke:#fff; }
.serasa-product .feat-item h4 { color:var(--ink); }
.serasa-product .feat-item p { color:var(--ink-4); }
.serasa-product .feat-item a { color:var(--red) !important; }

/* ── BENEFITS GRID ────────────────────────────────────── */
.ben-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px; }
.ben-card {
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-l);padding:24px;box-shadow:var(--sh-s);transition:var(--tr);
}
.ben-card:hover { box-shadow:var(--sh-m);transform:translateY(-3px); }
.ben-ico { width:44px;height:44px;border-radius:var(--r-m);display:flex;align-items:center;justify-content:center;margin-bottom:14px; }
.ben-ico svg { width:21px;height:21px; }
.ben-card h3 { font-size:.9rem;font-weight:700;margin-bottom:6px;color:var(--ink); }
.ben-card p  { font-size:.84rem;color:var(--ink-4);line-height:1.6; }

/* ── SPLIT SECTION ────────────────────────────────────── */
.prod-split { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center; }
.prod-split h2 { margin-bottom:14px; }
.prod-split .ps-desc { color:var(--ink-4);line-height:1.8;margin-bottom:22px; }

/* ── WHO IS IT FOR GRID ───────────────────────────────── */
.serasa-product .who-section {
  background:linear-gradient(135deg, #101923 0%, #182735 58%, #111D28 100%);
}
.serasa-product .who-section .sec-head h2,
.serasa-product .who-section .title-accent {
  color:#fff;
}
.serasa-product .who-section .lead {
  color:rgba(255,255,255,.78);
}
.who-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.who-card {
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-l);padding:22px;box-shadow:var(--sh-xs);transition:var(--tr);
  display:flex;align-items:flex-start;gap:12px;
}
.who-card:hover { box-shadow:var(--sh-s);border-color:var(--border-s); }
.who-ico { width:36px;height:36px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.who-ico svg { width:17px;height:17px; }
.who-card h4 { font-size:.85rem;font-weight:700;margin-bottom:4px;color:var(--ink); }
.who-card p  { font-size:.79rem;color:var(--ink-4);line-height:1.55; }

/* Alternância visual nos cards de público dos produtos Serasa */
.serasa-product .who-card {
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}
.serasa-product .who-card:hover {
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}
.serasa-product .who-ico {
  background:rgba(196,30,58,.1) !important;
}
.serasa-product .who-ico svg { stroke:var(--red); }
.serasa-product .who-card h4 { color:#fff; }
.serasa-product .who-card p { color:rgba(255,255,255,.72); }

/* Progressão escura: perguntas frequentes e rodapé */
.serasa-product .faq-section { background:#111; }
.serasa-product .faq-section .sec-head h2 { color:#fff; }
.serasa-product .faq-section .faq-item {
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
  box-shadow:none;
}
.serasa-product .faq-section .faq-q { color:#fff; }
.serasa-product .faq-section .faq-q svg { color:rgba(255,255,255,.58); }
.serasa-product .faq-section .faq-q:hover,
.serasa-product .faq-section .faq-item.open .faq-q {
  color:#111;
  background:#fff;
}
.serasa-product .faq-section .faq-q:hover svg,
.serasa-product .faq-section .faq-item.open .faq-q svg { color:#111; }
.serasa-product .faq-section .faq-a {
  color:rgba(255,255,255,.76);
  border-top-color:rgba(255,255,255,.12);
}
.serasa-product .faq-section .faq-a a { color:#FF9BAD; }

/* ── COMPARISON TABLE (Essenciais × Completas) ────────── */
.compare-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.compare-grid.cols-2 { grid-template-columns:repeat(2,1fr); max-width:860px; margin:0 auto; }
.compare-card {
  background:var(--white); border:1px solid var(--border); border-top:4px solid var(--border-s);
  border-radius:var(--r-l); padding:26px 22px; box-shadow:var(--sh-s);
  display:flex; flex-direction:column; gap:16px;
}
.compare-tag { display:inline-block; padding:4px 12px; border-radius:100px; font-size:.7rem; font-weight:700; letter-spacing:.06em; font-family:var(--head); width:fit-content; }
.compare-card h3 { font-size:1.05rem; margin:6px 0 0; color:var(--ink); }
.compare-desc { font-size:.83rem; color:var(--ink-4); line-height:1.6; margin:0; }
.compare-block h5 { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-5); margin-bottom:4px; font-family:var(--head); }
.compare-block p { font-size:.8rem; color:var(--ink-4); line-height:1.65; margin:0; }
.compare-deliver { margin-top:auto; padding-top:14px; border-top:1px solid var(--border); font-weight:700; font-size:.78rem; letter-spacing:.03em; font-family:var(--head); }
.compare-summary { text-align:center; margin-top:32px; font-size:1.2rem; font-weight:700; font-family:var(--head); color:var(--ink); }

/* ================================================================
   RESPONSIVE PRODUCT
================================================================ */
@media(max-width:900px) { .prod-split { grid-template-columns:1fr;gap:40px; } }
@media(max-width:860px) { .who-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:900px) { .compare-grid { grid-template-columns:1fr; } }
@media(max-width:540px) { .who-grid { grid-template-columns:1fr; } }