/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 21 2026 | 12:53:32 */
/* cp-pages-apresentacao.css — Páginas de APRESENTAÇÃO (promoção/ativação) de feature,
 * no formato LANDING PAGE: página única, rolagem vertical contínua, barra fixa no topo
 * com navegação por âncora + scrollspy + barra de progresso. Prefixo cp-apr-.
 *
 * Difere do deck de slides (cp-pages-deck.css): aqui não há passos navegáveis, é uma LP
 * de rolagem. Material PÚBLICO de promoção; as telas do tool entram como PRINTS estáticos
 * (imagens no WP media) dentro de molduras de browser. O cp-mod-apresentacao.js posiciona a
 * barra abaixo do header do tema, faz o scrollspy e a barra de progresso.
 * Doc: doc/planejamento/deck-apresentacao-plataforma.md
 *
 * !important segue a regra BuddyBoss (color, margin, padding, line-height, font-weight,
 * font-size, text-decoration). Reset do base neutraliza o BB dentro de .cp-ds, mas nem sempre vence.
 */

.cp-apr{
  --apr-ink:#1b1a17; --apr-cream:#f6f1e7; --apr-paper:#fffdf8; --apr-dark:#141310;
  --apr-line:rgba(27,26,23,.12); --apr-mut:#6f675a; --apr-soft:#8a8276;
  --apr-gold:#e7b73a; --apr-wine:#7A2E3A; --apr-navy:#1E3A5F; --apr-teal:#1d9e75; --apr-purple:#5b53b0;
  --apr-serif:Georgia,'Times New Roman',serif;
  --apr-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --apr-col:680px; --apr-wide:920px; --apr-navh:52px;
  position:relative; width:100%;
  font-family:var(--apr-serif); color:var(--apr-ink) !important;
  -webkit-font-smoothing:antialiased;
}
.cp-apr *{box-sizing:border-box;}

/* breakout full-width (o conteúdo do WP vive numa coluna max-width) */
.cp-apr-bleed{width:100vw; margin-left:calc(-50vw + 50%) !important; margin-right:calc(-50vw + 50%) !important;}

/* ── Barra fixa (sticky) — top setado pelo JS (headerOffset) ── */
.cp-apr-nav{position:sticky; top:0; z-index:40; background:rgba(20,19,16,.97); border-bottom:1px solid rgba(255,255,255,.08);}
.cp-apr-nav-prog{height:2px; background:var(--apr-gold); width:0%; transition:width .12s linear;}
.cp-apr-nav-in{max-width:1120px; margin:0 auto !important; display:flex; align-items:center; gap:18px; padding:11px 22px !important; font-family:var(--apr-sans);}
.cp-apr-nav-brand{color:#fff !important; font-weight:600 !important; font-size:14px !important; line-height:1.2 !important; white-space:nowrap;}
.cp-apr-nav-brand i{color:var(--apr-gold) !important; margin-right:7px !important; font-size:inherit !important;}
.cp-apr-nav-links{display:flex; gap:4px; margin-left:auto !important; flex-wrap:wrap;}
a.cp-apr-nav-link, a.cp-apr-nav-link:visited{color:#c8c2b6 !important; text-decoration:none !important; font-weight:400 !important; font-size:12.5px !important; line-height:1.2 !important; padding:6px 11px !important; border-radius:6px; white-space:nowrap; transition:color .15s, background .15s;}
a.cp-apr-nav-link:hover{color:#fff !important; background:rgba(255,255,255,.07);}
a.cp-apr-nav-link.is-active{color:#1b1a17 !important; background:var(--apr-gold); font-weight:600 !important;}
a.cp-apr-nav-cta, a.cp-apr-nav-cta:visited{margin-left:6px !important; background:transparent; border:1px solid rgba(255,255,255,.28); color:#fff !important; text-decoration:none !important; font-weight:400 !important; font-size:12.5px !important; line-height:1.2 !important; padding:6px 13px !important; border-radius:6px; white-space:nowrap;}
a.cp-apr-nav-cta:hover{background:rgba(255,255,255,.1);}

/* ── Hero ── */
.cp-apr-hero{background:var(--apr-dark); padding:92px 22px 100px !important; text-align:center;}
.cp-apr-hero-in{max-width:860px; margin:0 auto !important;}
.cp-apr-hero-kicker{font-family:var(--apr-sans); text-transform:uppercase; letter-spacing:.18em; font-size:12px !important; font-weight:600 !important; color:var(--apr-gold) !important; margin:0 0 26px !important; line-height:1.4 !important;}
.cp-apr-hero-title{font-family:var(--apr-serif); font-size:clamp(34px,5.2vw,58px) !important; line-height:1.08 !important; margin:0 !important; font-weight:400 !important; letter-spacing:-.01em; color:#f3eee2 !important;}
.cp-apr-hero-title em{font-style:italic; color:#fff !important; background:linear-gradient(transparent 64%, rgba(231,183,58,.32) 64%);}
.cp-apr-hero-deck{font-family:var(--apr-serif); font-size:clamp(17px,2vw,21px) !important; color:#cfc7b8 !important; max-width:680px; margin:30px auto 0 !important; line-height:1.66 !important;}
.cp-apr-hero-meta{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:34px 0 0 !important; font-family:var(--apr-sans);}
.cp-apr-hero-meta span{border:1px solid rgba(255,255,255,.2); color:#d8d1c3 !important; font-size:12.5px !important; padding:6px 13px !important; border-radius:20px; line-height:1.3 !important;}
.cp-apr-cue{margin:46px 0 0 !important; font-family:var(--apr-sans); font-size:12px !important; letter-spacing:.14em; text-transform:uppercase; color:#8c857a !important; line-height:1.4 !important;}
.cp-apr-cue i{display:block; margin:8px 0 0 !important; font-size:18px !important; color:var(--apr-gold) !important; animation:cp-apr-bob 1.8s ease-in-out infinite;}
@keyframes cp-apr-bob{0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)}}

/* ── Seções ── */
.cp-apr-sec{padding:84px 22px !important; border-top:1px solid var(--apr-line);}
.cp-apr-cream{background:var(--apr-cream);}
.cp-apr-paper{background:var(--apr-paper);}
.cp-apr-darksec{background:var(--apr-dark); border-top:none;}
.cp-apr-sec-in{max-width:var(--apr-wide); margin:0 auto !important;}
.cp-apr-head{max-width:var(--apr-col); margin:0 0 30px !important;}

.cp-apr-kicker{font-family:var(--apr-sans); text-transform:uppercase; letter-spacing:.16em; font-size:11.5px !important; font-weight:600 !important; margin:0 0 16px !important; line-height:1.4 !important; display:flex; align-items:center; gap:9px;}
.cp-apr-kicker .cp-apr-dot{width:9px; height:9px; border-radius:50%; flex:0 0 auto;}
.cp-apr-h2{font-family:var(--apr-serif); font-size:clamp(25px,3.4vw,38px) !important; line-height:1.16 !important; margin:0 !important; font-weight:400 !important; letter-spacing:-.01em; color:var(--apr-ink) !important;}
.cp-apr-h2 strong{font-weight:400 !important; font-style:italic;}
.cp-apr-h2 em{font-style:italic; color:var(--apr-gold) !important;}
.cp-apr-lead{font-family:var(--apr-serif); font-size:clamp(16.5px,1.7vw,19px) !important; color:var(--apr-mut) !important; margin:20px 0 0 !important; line-height:1.74 !important;}
.cp-apr-p{font-family:var(--apr-serif); font-size:16.5px !important; line-height:1.78 !important; margin:18px 0 0 !important; color:#2a2823 !important;}
.cp-apr-p strong{font-weight:700 !important;}

/* texto claro nas seções escuras */
.cp-apr-darksec .cp-apr-h2{color:#f3eee2 !important;}
.cp-apr-darksec .cp-apr-lead{color:#cabfae !important;}
.cp-apr-darksec .cp-apr-p{color:#d6cdbd !important;}

/* ── Moldura de print (browser chrome + imagem real) ── */
.cp-apr-frame{margin:34px auto 0 !important; max-width:var(--apr-wide); background:#fff; border:1px solid var(--apr-line); border-radius:11px; overflow:hidden; box-shadow:0 24px 60px -34px rgba(20,19,16,.5);}
.cp-apr-frame-narrow{max-width:560px;}
.cp-apr-frame-bar{display:flex; align-items:center; gap:9px; padding:10px 14px !important; background:#ece6da; border-bottom:1px solid var(--apr-line);}
.cp-apr-frame-dots{display:flex; gap:6px;}
.cp-apr-frame-dots i{width:11px; height:11px; border-radius:50%; display:block;}
.cp-apr-frame-url{font-family:var(--apr-sans); font-size:12px !important; color:#6a6357 !important; background:#fffdf8; border:1px solid var(--apr-line); border-radius:6px; padding:4px 12px !important; margin-left:6px !important; line-height:1.3 !important;}
.cp-apr-frame-live{margin-left:auto !important; font-family:var(--apr-sans); font-size:10.5px !important; letter-spacing:.1em; text-transform:uppercase; color:#9a9788 !important; border:1px solid var(--apr-line); padding:3px 9px !important; border-radius:20px; line-height:1.3 !important;}
.cp-apr-shotwrap{display:block; background:var(--apr-paper); line-height:0 !important;}
.cp-apr-shot{display:block; width:100%; height:auto;}
.cp-apr-shot-wide{display:block; width:100%; height:auto;}
.cp-apr-cap{font-family:var(--apr-sans); font-size:12.5px !important; color:var(--apr-soft) !important; max-width:var(--apr-wide); margin:13px auto 0 !important; display:flex; gap:8px; align-items:flex-start; line-height:1.5 !important;}
.cp-apr-cap i{color:var(--apr-gold) !important; margin-top:2px !important; font-size:inherit !important;}

/* ── Bloco de método (cards) ── */
.cp-apr-mgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin:30px 0 0 !important;}
.cp-apr-mitem i{color:var(--apr-gold) !important; font-size:20px !important;}
.cp-apr-mitem h4{font-family:var(--apr-sans); font-size:15px !important; margin:11px 0 5px !important; font-weight:600 !important; color:#f3eee2 !important; line-height:1.3 !important;}
.cp-apr-mitem p{font-family:var(--apr-sans); font-size:13.5px !important; color:#b6ac9b !important; margin:0 !important; line-height:1.6 !important;}

/* ── CTA ── */
.cp-apr-cta{text-align:center;}
.cp-apr-cta .cp-apr-h2{max-width:640px; margin:0 auto !important;}
.cp-apr-cta .cp-apr-lead{margin-left:auto !important; margin-right:auto !important;}
.cp-apr-cta .cp-apr-kicker{justify-content:center;}
.cp-apr-cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:30px 0 0 !important;}
a.cp-apr-btn, a.cp-apr-btn:visited{font-family:var(--apr-sans); font-size:15px !important; font-weight:600 !important; text-decoration:none !important; padding:14px 26px !important; border-radius:9px; line-height:1.2 !important; display:inline-flex; align-items:center; gap:8px;}
a.cp-apr-btn-primary, a.cp-apr-btn-primary:visited{background:var(--apr-gold); color:#1b1a17 !important;}
a.cp-apr-btn-primary:hover{filter:brightness(.96);}
a.cp-apr-btn i{font-size:inherit !important;}
.cp-apr-cta-note{font-family:var(--apr-sans); font-size:12.5px !important; color:#8c857a !important; margin:22px 0 0 !important; line-height:1.6 !important;}

/* ── Rodapé (nota) ── */
.cp-apr-foot{font-family:var(--apr-sans); font-size:12px !important; color:var(--apr-soft) !important; text-align:center; padding:34px 22px !important; border-top:1px solid var(--apr-line); line-height:1.6 !important; background:var(--apr-cream);}

/* ── Responsivo ── */
@media (max-width:768px){
  .cp-apr-sec{padding:60px 18px !important;}
  .cp-apr-hero{padding:70px 18px 78px !important;}
  .cp-apr-nav-links{display:none;}
  .cp-apr-nav-in{justify-content:space-between;}
}