/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2026 | 15:17:48 */
/* cp-pages-deck.css — Componente reutilizável de DECK de apresentação na plataforma.
 * Prefixo cp-deck-*. Stage 16:10 CONTIDO (convive com o menu BuddyBoss) + fullscreen sob demanda.
 * Unidades de container (cqw/cqh): o conteúdo reescala entre contido e fullscreen sem JS de escala.
 * Telas reais da feature entram em <iframe srcdoc> (montado por cp-mod-deck.js / CP.deck).
 * Doc: doc/planejamento/deck-apresentacao-plataforma.md
 *
 * !important segue a regra BuddyBoss (color, margin, padding, line-height, font-weight, font-size,
 * text-decoration) — a especificidade global do tema vaza mesmo dentro de .cp-ds.
 */

.cp-deck-stage{
  --cp-deck-ink:#15130c; --cp-deck-ink2:#23201a; --cp-deck-paper:#f4f1e8;
  --cp-deck-gold:#F7D44A; --cp-deck-gold-d:#9a7400; --cp-deck-line:rgba(20,18,12,.14); --cp-deck-mut:#6c665a;
  --cp-deck-verde:#2e8b4f; --cp-deck-amar:#c79a17; --cp-deck-verm:#c0493f;
  width:100vw; margin-left:calc(-50vw + 50%);
  aspect-ratio:16 / 10; position:relative; overflow:hidden;
  container-type:size; background:#000;
  border-radius:14px;
  font-family:system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; color:var(--cp-deck-ink);
  user-select:none;
}
.cp-deck-stage *{box-sizing:border-box;}
.cp-deck-stage.cp-deck-fs{
  position:fixed; inset:0; width:100%; height:100%; margin:0;
  aspect-ratio:auto; border-radius:0; z-index:99999;
}

/* ── Slide base ── */
.cp-deck-slide{position:absolute; inset:0; display:none; flex-direction:column; justify-content:center;}
.cp-deck-slide.cp-deck-on{display:flex; animation:cp-deck-fade .35s ease;}
@keyframes cp-deck-fade{from{opacity:0; transform:translateY(1cqh);} to{opacity:1; transform:none;}}
.cp-deck-pad{padding:7cqh 7cqw !important;}
.cp-deck-pad-t{padding:4.4cqh 5cqw 3.4cqh !important;}

/* fundos */
.cp-deck-bg-paper{background:var(--cp-deck-paper);}
.cp-deck-bg-ink{background:var(--cp-deck-ink); color:#fff !important;}
.cp-deck-bg-gold{background:var(--cp-deck-gold);}

/* ── Tipografia ── */
.cp-deck-eyebrow{font-size:clamp(11px,1cqw,15px) !important; font-weight:700 !important; letter-spacing:.22em; text-transform:uppercase; color:var(--cp-deck-gold-d) !important; line-height:1.2 !important;}
.cp-deck-bg-ink .cp-deck-eyebrow{color:var(--cp-deck-gold) !important;}
.cp-deck-bg-gold .cp-deck-eyebrow{color:#6b5200 !important;}
.cp-deck-display{font-size:clamp(34px,6.4cqw,92px) !important; line-height:.98 !important; font-weight:850 !important; letter-spacing:-.025em; color:inherit !important; margin:0 !important;}
.cp-deck-h2{font-size:clamp(26px,4.4cqw,62px) !important; line-height:1.02 !important; font-weight:830 !important; letter-spacing:-.02em; color:inherit !important; margin:0 !important;}
.cp-deck-h3{font-size:clamp(20px,3cqw,40px) !important; line-height:1.05 !important; font-weight:830 !important; letter-spacing:-.015em; color:inherit !important; margin:0 !important;}
.cp-deck-lead{font-size:clamp(15px,1.7cqw,26px) !important; line-height:1.45 !important; color:var(--cp-deck-ink2) !important; max-width:30ch; margin:0 !important;}
.cp-deck-bg-ink .cp-deck-lead{color:#e8e4d8 !important;}
.cp-deck-em{color:var(--cp-deck-gold-d) !important;}
.cp-deck-bg-ink .cp-deck-em{color:var(--cp-deck-gold) !important;}
.cp-deck-hl{background:var(--cp-deck-gold); color:var(--cp-deck-ink) !important; padding:.02em .14em !important; border-radius:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone;}

/* ── Capa (split band/main) ── */
.cp-deck-cover{flex-direction:row !important; align-items:stretch;}
.cp-deck-band{flex:0 0 30%; background:var(--cp-deck-gold); display:flex; flex-direction:column; justify-content:space-between; padding:7cqh 3cqw !important;}
.cp-deck-brand{font-weight:850 !important; font-size:clamp(16px,1.6cqw,28px) !important; color:var(--cp-deck-ink) !important; letter-spacing:-.01em; line-height:1.05 !important;}
.cp-deck-foot{font-weight:700 !important; font-size:clamp(10px,1cqw,14px) !important; letter-spacing:.12em; text-transform:uppercase; color:#6b5200 !important;}
.cp-deck-main{flex:1; background:var(--cp-deck-ink); color:#fff !important; display:flex; flex-direction:column; justify-content:center; padding:7cqh 6cqw !important;}

/* ── Stats (3 números) ── */
.cp-deck-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:0; flex:1; margin-top:5cqh !important; border-top:2px solid var(--cp-deck-ink);}
.cp-deck-stat{padding:4cqh 2cqw 0 !important; border-right:1px solid var(--cp-deck-line); display:flex; flex-direction:column;}
.cp-deck-stat:last-child{border-right:0;}
.cp-deck-stat-big{font-size:clamp(40px,6cqw,88px) !important; font-weight:850 !important; line-height:.9 !important; letter-spacing:-.03em; color:inherit !important;}
.cp-deck-stat-lbl{margin-top:14px !important; font-size:clamp(13px,1.4cqw,20px) !important; line-height:1.4 !important; color:var(--cp-deck-ink2) !important;}

/* ── Split conteúdo ── */
.cp-deck-row{display:grid; grid-template-columns:0.82fr 1.18fr; gap:5cqw; align-items:center; flex:1;}
.cp-deck-row.cp-deck-rev{grid-template-columns:1.18fr 0.82fr;}
.cp-deck-col{display:flex; flex-direction:column; gap:18px; justify-content:center;}
.cp-deck-anno{font-size:clamp(14px,1.35cqw,20px) !important; line-height:1.5 !important; color:var(--cp-deck-ink2) !important; max-width:34ch; margin:0 !important;}
.cp-deck-bg-ink .cp-deck-anno{color:#d8d4c8 !important;}
.cp-deck-note{font-size:clamp(11px,1cqw,14px) !important; color:var(--cp-deck-mut) !important; line-height:1.5 !important; border-left:3px solid var(--cp-deck-gold); padding-left:12px !important;}

/* ── Moldura de tela real (iframe srcdoc do tool) ── */
.cp-deck-toolhead{display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:2.2cqh !important;}
.cp-deck-toolhead .cp-deck-sub{font-size:clamp(12px,1.25cqw,18px) !important; color:var(--cp-deck-ink2) !important; line-height:1.4 !important; max-width:52ch;}
.cp-deck-bg-ink .cp-deck-toolhead .cp-deck-sub{color:#d8d4c8 !important;}
.cp-deck-stagewrap{flex:1; display:flex; align-items:stretch; justify-content:center; min-height:0;}
.cp-deck-frame{width:100%; max-width:1180px; display:flex; flex-direction:column; background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.30),0 4px 14px rgba(0,0,0,.16); border:1px solid rgba(0,0,0,.10);}
.cp-deck-frame-bar{display:flex; align-items:center; gap:7px; padding:9px 14px !important; background:#f3f3ef; border-bottom:1px solid #e6e5df; flex:0 0 auto;}
.cp-deck-dot{width:11px; height:11px; border-radius:50%; flex:0 0 auto;}
.cp-deck-url{margin-left:8px !important; font-size:12px !important; color:#9a988f !important; background:#fff; border:1px solid #e6e5df; border-radius:7px; padding:4px 12px !important; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4 !important;}
.cp-deck-livebadge{font-size:11px !important; font-weight:800 !important; letter-spacing:.08em; text-transform:uppercase; color:var(--cp-deck-verde) !important; background:#e3f6e8; border-radius:6px; padding:4px 9px !important; flex:0 0 auto;}
.cp-deck-frame iframe{display:block; width:100%; flex:1; border:0; background:#f4f4f6;}
.cp-deck-frame-ph{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#f4f4f6; color:#6c665a !important; font-size:15px !important; text-align:center; padding:30px !important;}
.cp-deck-frame-ph a,.cp-deck-frame-ph a:visited{color:var(--cp-deck-gold-d) !important; font-weight:800 !important; text-decoration:none !important; background:#fffbe9; border:1px solid var(--cp-deck-gold); border-radius:8px; padding:9px 16px !important;}
.cp-deck-frame-ph a:hover{background:var(--cp-deck-gold);}
.cp-deck-cap{margin-top:1.6cqh !important; font-size:clamp(11px,1.15cqw,15px) !important; color:var(--cp-deck-mut) !important; line-height:1.5 !important; border-left:3px solid var(--cp-deck-gold); padding-left:12px !important; max-width:82ch;}
.cp-deck-bg-ink .cp-deck-cap{color:#b8b3a4 !important;}

/* ── Cards (rigor) ── */
.cp-deck-three{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:5cqh !important; flex:1; align-items:stretch;}
.cp-deck-card{background:#fff; border:1px solid var(--cp-deck-line); border-radius:16px; padding:30px 28px !important; display:flex; flex-direction:column; gap:15px; box-shadow:0 12px 34px rgba(20,18,12,.06);}
.cp-deck-card-k{width:52px; height:52px; border-radius:14px; background:var(--cp-deck-gold); display:flex; align-items:center; justify-content:center; font-weight:850 !important; font-size:21px !important; color:var(--cp-deck-ink) !important; flex:0 0 auto;}
.cp-deck-card p{font-size:clamp(15px,1.5cqw,20px) !important; line-height:1.42 !important; color:var(--cp-deck-ink) !important; margin:0 !important;}
.cp-deck-card b{font-weight:850 !important; color:var(--cp-deck-ink) !important;}
.cp-deck-card-sub{font-size:clamp(12px,1.15cqw,15px) !important; line-height:1.55 !important; color:var(--cp-deck-mut) !important;}
.cp-deck-card-src{margin-top:auto !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.1em; text-transform:uppercase; color:var(--cp-deck-gold-d) !important; border-top:1px solid var(--cp-deck-line); padding-top:13px !important;}

/* ── Faz / não faz ── */
.cp-deck-twoblk{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:4cqh !important; flex:1; align-items:stretch;}
.cp-deck-blk{border-radius:18px; padding:32px 32px 28px !important; display:flex; flex-direction:column;}
.cp-deck-blk-yes{background:#fff; border:1px solid var(--cp-deck-line); box-shadow:0 12px 34px rgba(20,18,12,.06);}
.cp-deck-blk-no{background:var(--cp-deck-ink2); color:#efe !important;}
.cp-deck-blk-tt{font-weight:850 !important; font-size:clamp(17px,2cqw,23px) !important; display:flex; align-items:center; gap:12px; margin-bottom:18px !important;}
.cp-deck-blk-yes .cp-deck-blk-tt{color:var(--cp-deck-verde) !important;}
.cp-deck-blk-no .cp-deck-blk-tt{color:var(--cp-deck-gold) !important;}
.cp-deck-ic{width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:19px !important; font-weight:900 !important; flex:0 0 auto;}
.cp-deck-ic-v{background:#e3f6e8; color:var(--cp-deck-verde) !important;}
.cp-deck-ic-x{background:#3a352b; color:var(--cp-deck-gold) !important;}
.cp-deck-blist{list-style:none; display:flex; flex-direction:column; gap:13px; margin:0 !important; padding:0 !important;}
.cp-deck-blist li{position:relative; padding-left:26px !important; font-size:clamp(14px,1.5cqw,18px) !important; line-height:1.4 !important; margin:0 !important;}
.cp-deck-blk-yes .cp-deck-blist li{color:var(--cp-deck-ink2) !important;}
.cp-deck-blk-no .cp-deck-blist li{color:#d6d2c4 !important;}
.cp-deck-blist li::before{content:""; position:absolute; left:0; top:7px; width:9px; height:9px; border-radius:50%;}
.cp-deck-blk-yes .cp-deck-blist li::before{background:var(--cp-deck-verde);}
.cp-deck-blk-no .cp-deck-blist li::before{background:var(--cp-deck-gold);}
.cp-deck-soon{margin-top:auto !important; padding-top:18px !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.08em; text-transform:uppercase; color:var(--cp-deck-gold) !important;}

/* ── Roadmap ── */
.cp-deck-rmap{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:5cqh !important; flex:1; border-top:2px solid var(--cp-deck-gold);}
.cp-deck-rstep{padding:32px 28px 28px !important; border-right:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column;}
.cp-deck-rstep:last-child{border-right:0;}
.cp-deck-rstep-gi{font-size:clamp(36px,4cqw,64px) !important; font-weight:850 !important; line-height:.9 !important; color:rgba(247,212,74,.22) !important; letter-spacing:-.03em;}
.cp-deck-rstep-n{font-size:12px !important; font-weight:800 !important; letter-spacing:.12em; text-transform:uppercase; color:var(--cp-deck-gold) !important; margin-top:14px !important;}
.cp-deck-rstep p{font-size:clamp(15px,1.5cqw,20px) !important; line-height:1.5 !important; margin-top:14px !important; color:#e6e2d6 !important;}
.cp-deck-rstep b{color:#fff !important; font-weight:850 !important;}
.cp-deck-rstep-when{margin-top:auto !important; padding-top:18px !important; font-size:12px !important; line-height:1.5 !important; color:#b8b3a4 !important; border-top:1px solid rgba(255,255,255,.12);}

/* ── Fechamento ── */
.cp-deck-close{justify-content:space-between !important;}
.cp-deck-cfoot{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:2px solid rgba(20,18,12,.25);}
.cp-deck-cf{padding:22px 24px 0 !important; border-right:1px solid rgba(20,18,12,.18);}
.cp-deck-cf:last-child{border-right:0;}
.cp-deck-cf b{display:block; font-size:clamp(18px,2.2cqw,32px) !important; font-weight:850 !important; color:var(--cp-deck-ink) !important; letter-spacing:-.02em;}
.cp-deck-cf span{display:block; margin-top:8px !important; font-size:clamp(12px,1.2cqw,15px) !important; color:#5a4600 !important; line-height:1.45 !important;}

/* ── Chrome (progresso, hud, notas) — absolutos dentro do stage ── */
.cp-deck-prog{position:absolute; top:0; left:0; height:5px; background:var(--cp-deck-gold); z-index:9; transition:width .3s;}
.cp-deck-hud{position:absolute; bottom:14px; left:0; right:0; display:flex; justify-content:space-between; padding:0 22px !important; font-size:11px !important; color:#9a958a !important; z-index:5; pointer-events:none; line-height:1.4 !important;}
.cp-deck-hud kbd{background:#222; color:#ddd !important; border-radius:4px; padding:1px 6px !important; font-size:10px !important; font-family:inherit;}
.cp-deck-notes{position:absolute; left:0; right:0; bottom:0; background:rgba(12,11,7,.97); color:#f3efe2 !important; padding:16px 26px !important; font-size:clamp(12px,1.2cqw,16px) !important; line-height:1.55 !important; display:none; z-index:10; border-top:3px solid var(--cp-deck-gold);}
.cp-deck-notes.cp-deck-on{display:block;}
.cp-deck-notes b{color:var(--cp-deck-gold) !important;}

/* ── Botões de controle (fullscreen) ── */
.cp-deck-ctrls{position:absolute; top:12px; right:14px; display:flex; gap:8px; z-index:8;}
.cp-deck-ctrl{background:rgba(20,18,12,.55); color:#fff !important; border:0; border-radius:8px; padding:6px 11px !important; font-size:12px !important; font-weight:700 !important; cursor:pointer; line-height:1.2 !important; font-family:inherit;}
.cp-deck-ctrl:hover{background:rgba(20,18,12,.78);}

/* ── Responsivo: em telas estreitas o stage cresce de altura para o texto caber ── */
@media (max-width:780px){
  .cp-deck-stage{aspect-ratio:3 / 4;}
  .cp-deck-cover{flex-direction:column !important;}
  .cp-deck-band{flex:0 0 auto;}
  .cp-deck-row,.cp-deck-stats,.cp-deck-three,.cp-deck-twoblk,.cp-deck-rmap,.cp-deck-cfoot{grid-template-columns:1fr !important;}
}