/* Esteira PCE: uma linha de evolução com ícones próprios para cada nível. */
.pce-funnel-path{
  --path-progress:0%;
  width:min(100%,650px)!important;
  margin:24px auto 30px!important;
  padding:18px 18px 14px!important;
  overflow:visible!important;
  border:1px solid rgba(229,201,110,.17)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(12,19,18,.88),rgba(5,9,9,.74))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.25),inset 0 0 40px rgba(43,174,165,.035)!important;
}
.pce-funnel-path.pce-funnel-path ol{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pce-funnel-path ol::before,.pce-funnel-path ol::after{
  content:"";
  position:absolute;
  left:10%;
  top:18px;
  height:2px;
  border-radius:999px;
  pointer-events:none;
}
.pce-funnel-path ol::before{right:10%;background:linear-gradient(90deg,rgba(33,52,50,.8),rgba(46,67,64,.46));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.pce-funnel-path ol::after{
  width:var(--path-progress);
  background:linear-gradient(90deg,#2bc3b5,#e5c96e);
  box-shadow:0 0 12px rgba(229,201,110,.5);
  transition:width .6s cubic-bezier(.2,.8,.2,1);
}
.pce-funnel-path.pce-funnel-path li{position:relative!important;z-index:1!important;flex:1!important;min-width:0!important;padding:0!important;text-align:center!important}
.pce-funnel-path.pce-funnel-path li::before{display:none!important}
.pce-funnel-path.pce-funnel-path .nd{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  margin:0 auto 8px!important;
  border:1px solid #29413e!important;
  border-radius:50%!important;
  background:#08100f!important;
  color:#61736e!important;
  box-shadow:0 0 0 5px rgba(8,16,15,.92)!important;
  transform:none!important;
  transition:border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}
.pce-funnel-path .stage-symbol{width:17px;height:17px}
.pce-funnel-path li.done .nd{border-color:#3cb7ab!important;color:#72d8ce!important;background:linear-gradient(145deg,#0d2825,#07100f)!important}
.pce-funnel-path li.active .nd{
  border-color:#e5c96e!important;
  color:#f4dc8d!important;
  background:radial-gradient(circle,rgba(229,201,110,.22),#0b1715 72%)!important;
  box-shadow:0 0 0 6px rgba(229,201,110,.09),0 0 26px rgba(229,201,110,.36)!important;
  transform:scale(1.13)!important;
  animation:pce-path-pulse 3.2s ease-in-out infinite;
}
.pce-funnel-path .done-mark{position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;border:1px solid #e5c96e;border-radius:50%;background:#0b1715;color:#e5c96e;box-shadow:0 0 9px rgba(229,201,110,.36)}
.pce-funnel-path .done-symbol{width:9px;height:9px;stroke-width:3}
.pce-funnel-path.pce-funnel-path .cd{display:block!important;color:#8b968f!important;font:600 10px/1.2 var(--mono,'IBM Plex Mono',monospace)!important;letter-spacing:.04em!important}
.pce-funnel-path.pce-funnel-path li.done .cd{color:#b8d5cf!important}
.pce-funnel-path.pce-funnel-path li.active .cd{color:#e5c96e!important}
.pce-funnel-path.pce-funnel-path .nm{display:block!important;margin-top:3px!important;color:#e5c96e!important;font:500 7.5px/1.2 var(--mono,'IBM Plex Mono',monospace)!important;letter-spacing:.03em!important}
@keyframes pce-path-pulse{50%{box-shadow:0 0 0 9px rgba(229,201,110,.04),0 0 34px rgba(229,201,110,.46)}}

/* Ícones semânticos dos conteúdos. */
.pce-topic-icon{color:var(--gold-hi,#e5c96e)!important}
.pce-topic-icon svg{display:block;width:24px;height:24px;margin:auto}
.gift .mk.pce-topic-icon{font-size:0!important}
.valor-item>.pce-topic-icon{display:grid!important;place-items:center;width:42px;height:42px;margin:0 auto 15px;border:1px solid rgba(229,201,110,.26);border-radius:50%;background:rgba(229,201,110,.055);box-shadow:0 0 24px rgba(229,201,110,.055)}
.valor-item>.pce-topic-icon svg{width:22px;height:22px}
.viz-minicards .mc>.pce-topic-icon{display:grid!important;place-items:center;width:48px;height:48px;margin:0 auto 12px;border:1px solid rgba(200,162,77,.3);border-radius:50%;color:#e5c96e;background:radial-gradient(circle,rgba(200,162,77,.11),rgba(8,16,15,.88) 72%);box-shadow:0 0 0 5px rgba(200,162,77,.025),0 0 24px rgba(200,162,77,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.viz-minicards .mc>.pce-topic-icon svg{width:26px;height:26px;margin:0!important}
.viz-minicards .mc:hover>.pce-topic-icon{transform:translateY(-3px) scale(1.04);border-color:rgba(229,201,110,.58);box-shadow:0 0 0 7px rgba(200,162,77,.035),0 0 30px rgba(200,162,77,.16)}

/* Protocolo de tempo: cada SVG mostra dias acumulados no ciclo de 40. */
.viz-proto.pce-days-protocol{gap:18px!important;align-items:flex-start!important}
.viz-proto.pce-days-protocol .st{max-width:180px!important}
.viz-proto.pce-days-protocol .st::before{display:none!important}
.pce-day-cycle{display:block;width:98px;height:98px;margin:0 auto;color:#e5c96e;filter:drop-shadow(0 0 10px rgba(229,201,110,.12));transition:transform .25s ease,filter .25s ease}
.pce-days-protocol .st:hover .pce-day-cycle{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 0 18px rgba(229,201,110,.28))}
.pce-day-track{fill:rgba(7,16,15,.9);stroke:rgba(53,207,193,.18);stroke-width:3}
.pce-day-value{fill:none;stroke:#e5c96e;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(229,201,110,.46))}
.pce-day-calendar{fill:none;stroke:#66d8cd;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pce-day-number{font:600 28px/1 var(--disp,'Cinzel',serif);fill:#f1d77d;text-anchor:middle}
.pce-day-unit{font:600 6px/1 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.14em;fill:#91a39e;text-anchor:middle;text-transform:uppercase}

/* Leitura guiada compartilhada. Sem JavaScript, todos os blocos continuam visíveis. */
.guided-deck-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:8px;
  width:100%;
  margin:24px 0 18px;
  padding:6px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  border:1px solid rgba(229,201,110,.16);
  border-radius:14px;
  background:rgba(5,9,9,.68);
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.guided-deck-nav::-webkit-scrollbar{display:none}
.guided-deck-nav button{
  position:relative;
  flex:1 0 min(190px,72vw);
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:52px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--muted,#8b968f);
  font:500 13px/1.35 var(--sans,'Space Grotesk',system-ui,sans-serif);
  text-align:left;
  cursor:pointer;
  transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
}
.guided-deck-nav button::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg,var(--gold,#c8a24d),#35cfc1);
  opacity:0;
  transform:scaleX(.2);
  transform-origin:left;
  transition:opacity .22s ease,transform .22s ease;
}
.guided-deck-nav button>span{
  flex:0 0 auto;
  color:var(--gold-hi,#e5c96e);
  font:600 10px/1 var(--mono,'IBM Plex Mono',monospace);
  letter-spacing:.08em;
}
.guided-deck-nav button>b{min-width:0;font:inherit;color:inherit}
.guided-deck-nav button:hover,.guided-deck-nav button:focus-visible{color:var(--ink,#ede6d6);outline:none}
.guided-deck-nav button:focus-visible{box-shadow:0 0 0 2px rgba(229,201,110,.28)}
.guided-deck-nav button[aria-selected="true"]{
  color:var(--ink,#ede6d6);
  border-color:rgba(229,201,110,.34);
  background:linear-gradient(135deg,rgba(229,201,110,.12),rgba(15,61,62,.16));
  transform:translateY(-1px);
}
.guided-deck-nav button[aria-selected="true"]::after{opacity:.82;transform:scaleX(1)}
.guided-deck-panel[hidden]{display:none!important}
.guided-deck-panel.is-guided-active{animation:guided-panel-in .34s cubic-bezier(.2,.8,.2,1) both}
.guided-deck.gifts,.guided-deck.dor-blocks,.guided-deck.valores-grid,.guided-deck.split-filter{
  grid-template-columns:minmax(0,1fr)!important;
}
.guided-deck-nav,.guided-deck-panel{grid-column:1/-1!important}
.guided-deck .guided-deck-panel{width:100%;max-width:100%;margin-inline:auto}
.guided-deck.gifts .guided-deck-panel{min-height:210px}
.guided-deck.dor-blocks .guided-deck-panel{min-height:330px}
.guided-deck.valores-grid .guided-deck-panel{min-height:210px}
.guided-deck.split-filter .guided-deck-panel{min-height:220px}
@keyframes guided-panel-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

/* A navegação de capítulos do funil passa a ser um controle, não apenas decoração. */
.funil-section-rail{pointer-events:auto}
.funil-section-rail button{
  position:relative;
  display:block;
  width:10px;
  height:10px;
  padding:0;
  border:1px solid rgba(229,201,110,.46);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.funil-section-rail button::before{
  content:attr(data-label);
  position:absolute;
  right:18px;
  top:50%;
  width:max-content;
  max-width:240px;
  padding:7px 9px;
  border:1px solid rgba(229,201,110,.16);
  border-radius:7px;
  background:rgba(5,9,9,.94);
  color:var(--ink,#ede6d6);
  font:500 11px/1.25 var(--sans,'Space Grotesk',system-ui,sans-serif);
  opacity:0;
  pointer-events:none;
  transform:translate(6px,-50%);
  transition:opacity .2s ease,transform .2s ease;
}
.funil-section-rail button:hover::before,.funil-section-rail button:focus-visible::before{opacity:1;transform:translate(0,-50%)}
.funil-section-rail button:focus-visible{outline:2px solid var(--gold-hi,#e5c96e);outline-offset:4px}
.funil-section-rail button.is-active{transform:scale(1.45);background:#e5c96e;box-shadow:0 0 12px rgba(229,201,110,.9)}
.funil-mobile-chapters{display:none}

@media(max-width:820px){
  body.funil-motion-ready{padding-bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px))}
  .pce-funnel-path{margin:18px auto 24px!important;padding:14px 8px 12px!important;border-radius:13px!important}
  .pce-funnel-path ol::before,.pce-funnel-path ol::after{top:16px}
  .pce-funnel-path.pce-funnel-path .nd{width:32px!important;height:32px!important;margin-bottom:7px!important;box-shadow:0 0 0 4px rgba(8,16,15,.94)!important}
  .pce-funnel-path .stage-symbol{width:15px;height:15px}
  .pce-funnel-path.pce-funnel-path .cd{font-size:9px!important}
  .pce-funnel-path.pce-funnel-path .nm{font-size:6.5px!important}
  .viz-proto.pce-days-protocol{gap:2px!important}.pce-day-cycle{width:82px;height:82px}
  .guided-deck-nav{flex-wrap:nowrap;margin:20px 0 15px;padding:5px}
  .guided-deck-nav button{flex-basis:min(168px,70vw);min-height:50px;padding:9px 10px;font-size:12px}
  .guided-deck.gifts .guided-deck-panel,.guided-deck.dor-blocks .guided-deck-panel,.guided-deck.valores-grid .guided-deck-panel,.guided-deck.split-filter .guided-deck-panel{min-height:0}
  .funil-mobile-chapters{
    position:fixed;
    left:50%;
    bottom:max(12px,env(safe-area-inset-bottom));
    z-index:90;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    width:min(92vw,440px);
    min-height:48px;
    border:1px solid rgba(229,201,110,.22);
    border-radius:999px;
    background:rgba(5,9,9,.88);
    box-shadow:0 12px 34px rgba(0,0,0,.35);
    backdrop-filter:blur(12px);
    transform:translateX(-50%);
  }
  .funil-mobile-chapters button{width:44px;height:44px;border:0;background:transparent;color:var(--gold-hi,#e5c96e);font-size:20px;cursor:pointer}
  .funil-mobile-chapters button:disabled{opacity:.25}
  .funil-mobile-chapters span{min-width:0;overflow:hidden;color:var(--ink,#ede6d6);font:500 11px/1.2 var(--sans,'Space Grotesk',system-ui,sans-serif);text-align:center;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .guided-deck-nav button,.funil-section-rail button{transition:none}
  .guided-deck-panel.is-guided-active{animation:none}
  .pce-funnel-path li.active .nd{animation:none}
}
