/* =====================================================================
   produtos-v0.css — Páginas de CATEGORIA (.cv) e PRODUTO (.pr) estilo v0.
   Tudo scoped sob .v0p (não afeta outras páginas / header global / footer
   do tema). Sem header v0 (usamos o global). CTA verde; o footer
   do tema mantém-se a seguir. Instrument Serif + Geist; tokens OKLCH→HEX.
   ===================================================================== */
.v0p{
  --background:#fbfbfa;--foreground:#1a1b1e;--card:#fff;--primary:#3ea22b;--primary-fg:#fff;
  --muted:#f4f4f5;--muted-fg:#6f7079;--border:#e7e7ea;--accent:#e6f1e2;--accent-fg:#285c1c;
  --serif:'Instrument Serif',Georgia,serif;--sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--background);color:var(--foreground);font-family:var(--sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.v0p *{box-sizing:border-box}
.v0p a{text-decoration:none;color:inherit}
.v0p h1,.v0p h2,.v0p h3,.v0p p{margin:0}
.v0p img{display:block;max-width:100%}
.v0p .serif{font-family:var(--serif);font-weight:400}
.v0p .pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:13px 28px;font-size:14px;font-weight:500;transition:all .25s;cursor:pointer}
.v0p .pill-green{background:var(--primary);color:#fff}.v0p .pill-green:hover{opacity:.9;color:#fff}
.v0p .pill-dark{background:var(--foreground);color:var(--background)}.v0p .pill-dark:hover{opacity:.9}
.v0p .pill-ghost{border:1px solid var(--border);color:var(--foreground)}.v0p .pill-ghost:hover{border-color:var(--foreground)}
.v0p .wrap{max-width:1400px;margin:0 auto;padding:0 24px}@media(min-width:768px){.v0p .wrap{padding:0 48px}}
/* OVERRIDE modern.css (Manrope !important global) */
.v0p,.v0p p,.v0p a,.v0p span,.v0p li,.v0p button,.v0p input,.v0p select{font-family:var(--sans) !important}
.v0p .serif,.v0p h1,.v0p h2,.v0p h3{font-family:var(--serif) !important}

/* ===================== CATEGORIA (.cv) ===================== */
.cv-hero{max-width:1400px;margin:0 auto;padding:40px 24px 0}@media(min-width:768px){.cv-hero{padding:48px 48px 0}}
.cv-herofig{position:relative;overflow:hidden;border-radius:32px;margin:0}
.cv-herofig .ph{position:relative;aspect-ratio:16/10}@media(min-width:768px){.cv-herofig .ph{aspect-ratio:21/9}}
.cv-herofig img{width:100%;height:100%;object-fit:cover}
.cv-herofig .grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,27,30,.72),rgba(26,27,30,.18) 45%,transparent)}
.cv-herofig .cap{position:absolute;left:0;right:0;bottom:0;padding:32px}@media(min-width:768px){.cv-herofig .cap{padding:48px}}
.cv-herofig .tagline{font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.cv-herofig h1{font-family:var(--serif);font-size:clamp(56px,9vw,112px);line-height:.95;color:#fff;margin-top:10px}
.cv-herofig h1 .dot{color:var(--primary)}
.cv-meta{max-width:1400px;margin:0 auto;padding:32px 24px 0;display:flex;flex-direction:column;gap:28px}
@media(min-width:768px){.cv-meta{padding:32px 48px 0;flex-direction:row;align-items:flex-start;justify-content:space-between}}
.cv-meta .desc{max-width:36rem;font-size:18px;color:var(--muted-fg)}
.cv-switch{display:flex;flex-wrap:wrap;gap:8px}
.cv-switch a{border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;border:1px solid var(--border);color:var(--foreground);transition:all .2s}
.cv-switch a:hover{border-color:var(--muted-fg)}
.cv-switch a.active{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
.cv-base{max-width:1400px;margin:0 auto;padding:36px 24px 0}@media(min-width:768px){.cv-base{padding:40px 48px 0}}
.cv-base .toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:5px;background:var(--card)}
.cv-base .toggle button{border:0;background:none;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:500;color:var(--muted-fg);cursor:pointer;transition:all .2s}
.cv-base .toggle button.on{background:var(--primary);color:#fff}
.cv-groups{max-width:1400px;margin:0 auto;padding:56px 24px 0;display:flex;flex-direction:column;gap:72px}
@media(min-width:768px){.cv-groups{padding:64px 48px 0}}
.cv-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:30px}
.cv-group-head h2{font-family:var(--serif);font-size:clamp(34px,4.5vw,52px);line-height:1;color:var(--foreground)}
.cv-group-head .count{flex:0 0 auto;font-size:14px;color:var(--muted-fg)}
.cv-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.cv-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.cv-grid{grid-template-columns:repeat(3,1fr)}}
.cv-card{position:relative;display:flex;flex-direction:column;gap:18px;border:1px solid var(--border);border-radius:20px;background:var(--card);padding:24px;transition:border-color .25s,background .25s}
.cv-card:hover{border-color:rgba(26,27,30,.3);background:#fcfcfb}
.cv-card .card-link{position:absolute;inset:0;z-index:1}
.cv-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cv-card .arr{color:var(--muted-fg);transition:transform .25s,color .2s}
.cv-card:hover .arr{color:var(--foreground);transform:translate(2px,-2px)}
.cv-card h3{font-family:var(--serif);font-size:24px;color:var(--foreground)}
.cv-card .pd{margin-top:6px;font-size:14px;color:var(--muted-fg);line-height:1.55}
.cv-card .ficha{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--muted-fg);transition:color .2s;margin-top:auto}
.cv-card .ficha:hover{color:var(--primary)}
.cv-group.hidden{display:none}

/* tag de base (partilhada cv + pr) */
.cv-tag,.pr-tag{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:inline-block}
.cv-tag.aq,.pr-tag.aq{background:var(--accent);color:var(--accent-fg)}
.cv-tag.sv,.pr-tag.sv,.pr-tag.cat{background:var(--muted);color:var(--muted-fg)}

/* ===================== PRODUTO (.pr) ===================== */
.pr-crumb{max-width:1400px;margin:0 auto;padding:28px 24px 0;font-size:13px;color:var(--muted-fg)}
@media(min-width:768px){.pr-crumb{padding:32px 48px 0}}
.pr-crumb a:hover{color:var(--foreground)}.pr-crumb .sep{margin:0 8px;opacity:.5}
.pr-hero{max-width:1400px;margin:0 auto;padding:24px 24px 0;display:grid;gap:48px;grid-template-columns:1fr;align-items:center}
@media(min-width:768px){.pr-hero{padding:28px 48px 0;grid-template-columns:1.05fr .95fr;gap:64px}}
.pr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pr-tag{padding:5px 14px;letter-spacing:.06em}
.pr-hero h1{font-family:var(--serif);font-size:clamp(46px,6.5vw,84px);line-height:1;letter-spacing:-.01em}
.pr-hero .lead{margin-top:24px;max-width:34rem;font-size:19px;color:var(--muted-fg)}
.pr-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}
.pr-figure{aspect-ratio:4/5;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px -32px rgba(26,27,30,.35);outline:1px solid var(--border)}
.pr-figure img{width:100%;height:100%;object-fit:cover}
.pr-high{max-width:1400px;margin:0 auto;padding:64px 24px 0}@media(min-width:768px){.pr-high{padding:80px 48px 0}}
.pr-high-grid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.pr-high-grid{grid-template-columns:repeat(3,1fr)}}
.pr-high-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:18px;background:var(--card);padding:22px}
.pr-high-item .ic{flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:14px}
.pr-high-item p{font-size:15px;color:var(--foreground)}
.pr-sec{max-width:1400px;margin:0 auto;padding:80px 24px 0}@media(min-width:768px){.pr-sec{padding:104px 48px 0}}
.pr-sec h2{font-family:var(--serif);font-size:clamp(36px,5vw,60px);line-height:1;margin-bottom:36px}
.pr-spec{border-top:1px solid var(--border)}
.pr-row{display:grid;grid-template-columns:1fr;gap:4px;padding:22px 0;border-bottom:1px solid var(--border)}
@media(min-width:640px){.pr-row{grid-template-columns:240px 1fr;gap:24px;align-items:baseline}}
.pr-row .k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-fg)}
.pr-row .v{font-size:17px;color:var(--foreground)}
.pr-tip{max-width:1400px;margin:0 auto;padding:48px 24px 0}@media(min-width:768px){.pr-tip{padding:56px 48px 0}}
.pr-tip-box{display:flex;gap:16px;align-items:flex-start;background:var(--accent);border-radius:24px;padding:28px 30px}
.pr-tip-box .ic{flex:0 0 auto;width:40px;height:40px;border-radius:999px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.pr-tip-box .lbl{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-fg)}
.pr-tip-box p{margin-top:6px;color:var(--foreground);font-size:16px;max-width:62rem}
.pr-rel{max-width:1400px;margin:0 auto;padding:96px 24px 0}@media(min-width:768px){.pr-rel{padding:120px 48px 0}}
.pr-rel-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:30px}
.pr-rel-head h2{font-family:var(--serif);font-size:clamp(30px,4vw,46px);line-height:1}
.pr-rel-head a{font-size:14px;color:var(--muted-fg)}.pr-rel-head a:hover{color:var(--primary)}
.pr-rel-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:640px){.pr-rel-grid{grid-template-columns:repeat(3,1fr)}}
.pr-card{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:20px;background:var(--card);padding:24px;transition:border-color .25s}
.pr-card:hover{border-color:rgba(26,27,30,.3)}.pr-card .lk{position:absolute;inset:0}
.pr-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pr-card h3{font-family:var(--serif);font-size:22px}.pr-card p{font-size:14px;color:var(--muted-fg)}
.pr-card .arr{color:var(--muted-fg);transition:transform .25s,color .2s}.pr-card:hover .arr{color:var(--foreground);transform:translate(2px,-2px)}

/* prose (descrição CKEditor, quando não há bullets) + form B2B */
.pr-prose{max-width:62rem;font-size:17px;color:var(--foreground)}
.pr-prose p{margin:0 0 14px}.pr-prose ul,.pr-prose ol{margin:0 0 14px 20px;color:var(--muted-fg)}
.pr-prose li{margin:6px 0}.pr-prose strong{font-weight:600}
.pr-order{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pr-order select{border:1px solid var(--border);border-radius:999px;padding:12px 22px;font-size:14px;background:var(--card);color:var(--foreground)}
.pr-order .pill{border:0}
.pr-flash{background:var(--accent);color:var(--accent-fg);border-radius:16px;padding:14px 20px;margin-bottom:18px;font-size:15px}

/* ===================== CTA verde (partilhado) ===================== */
.v0p-sec{max-width:1400px;margin:0 auto;padding:110px 24px}@media(min-width:768px){.v0p-sec{padding:130px 48px}}
.v0-cta{position:relative;overflow:hidden;border-radius:32px;background:var(--primary);color:#fff;text-align:center;padding:84px 32px}
@media(min-width:640px){.v0-cta{padding:104px 64px}}
.v0-cta .eyebrow{font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.v0-cta h2{font-family:var(--serif);font-size:clamp(40px,6vw,80px);line-height:1.02;margin:20px auto 0;max-width:46rem;color:#fff}
.v0-cta p{margin:20px auto 0;max-width:28rem;color:rgba(255,255,255,.85);font-size:18px}.v0-cta .pill{margin-top:34px}