/* ===========================================================
   Padrão da primeira dobra das páginas de curso
   · computador e tablet: menu do site (igual ao da home), caminho de pão,
     o topo do curso e a faixa de destaques rodando, tudo na primeira dobra
   · celular: sem menu e sem caminho de pão; o topo do curso, o botão de
     compra e a faixa cabem na primeira tela
   =========================================================== */
.cd-crumb{ position:relative; z-index:2; flex:none; }
.cd .page-hero.dobra > .wrap.cd-crumb{ display:block !important; flex:none !important; text-align:left; }
.cd .page-hero.dobra > .wrap.cd-crumb .crumb{ justify-content:flex-start; }
.cd-crumb .crumb{ margin:14px 0 0; }

/* faixa de destaques (as páginas antigas não tinham o estilo) */
.ticker{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(22,13,41,.55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); overflow:hidden; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.ticker-track{ display:flex; width:max-content; animation:cd-ticker 42s linear infinite; }
.ticker-set{ display:flex; align-items:center; }
.ticker-set span{ display:inline-flex; align-items:center; gap:14px; padding:15px 28px; font-family:var(--font-mono); font-size:12.5px; letter-spacing:.04em; color:var(--text-2); white-space:nowrap; }
.ticker-set span::after{ content:""; width:6px; height:6px; border-radius:50%; background:var(--verde); box-shadow:0 0 12px var(--verde-glow); }
@keyframes cd-ticker{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .ticker-track{ animation:none; } }

/* a primeira dobra ocupa a tela; a faixa fica no pé dela */
.cd .page-hero.dobra{ min-height:100vh; min-height:100svh; display:flex; flex-direction:column; position:relative; }
.cd .page-hero.dobra > .wrap:not(.cd-crumb){ flex:1; display:flex; align-items:center; justify-content:center; width:100%; }
.cd .page-hero.dobra .ticker.na-dobra{ margin-top:auto; flex:none; display:block; }
/* topo antigo: caminho de pão em cima e o conteúdo centralizado na altura que sobra */
.cd .page-hero.dobra.cd-velha > .wrap{ flex-direction:column; align-items:stretch; justify-content:center; }
.cd .page-hero.dobra.cd-velha > .wrap > .crumb{ margin:14px 0 0; flex:none; }
.cd .page-hero.dobra.cd-velha .course-hero{ flex:1; align-items:center; }

@media (min-width:761px){
  /* espaço do menu fixo do site */
  .cd .page-hero.dobra{ padding-top:74px !important; }
  /* topo centralizado com imagem (TikTok Shop, Combo): a imagem desconta o menu e o caminho de pão */
  .cd .page-hero.dobra:not(.hv-dobra) .hero-video{ max-width:min(780px, calc((100svh - 600px) * 16 / 9)) !important; min-width:min(100%, 280px); }
  .cd .page-hero.dobra:not(.hv-dobra) .colagem{ max-height:calc(100svh - 560px); }
}
@media (min-width:761px) and (max-aspect-ratio:1/1){
  /* tablet em pé: o caminho de pão agora fica junto do título, então a imagem cede um pouco mais */
  .cd .page-hero.dobra:not(.hv-dobra) .hero-video{ max-width:min(780px, calc((100svh - 680px) * 16 / 9)) !important; }
  .cd .page-hero.dobra:not(.hv-dobra) .colagem{ max-height:calc(100svh - 640px); }
}
@media (min-width:761px){
  .cd .page-hero.dobra:not(.hv-dobra) .course-hero{ padding-top:0; }
  /* topo antigo (texto à esquerda, foto à direita) */
  .cd .page-hero.dobra.cd-velha .course-hero{ padding:clamp(8px,2vh,24px) 0; }
  .cd .page-hero.dobra.cd-velha .meta-row{ margin-top:clamp(14px,2.4vh,28px); }
  .cd .page-hero.dobra.cd-velha .hero-cta{ margin-top:clamp(16px,2.6vh,30px) !important; }
  .cd .page-hero.dobra.cd-velha h1{ font-size:clamp(34px, min(4vw, 6.2vh), 64px); }
  .cd .page-hero.dobra.cd-velha .photo{ max-height:calc(100svh - 74px - 54px - 90px); }
  .cd .page-hero.dobra.cd-velha .photo img{ max-height:calc(100svh - 74px - 54px - 90px); width:auto; max-width:100%; margin:0 auto; display:block; object-fit:contain; }
}
@media (max-width:760px){
  .cd .site-header, .cd .mobile-menu, .cd .scrim, .cd .cd-crumb, .cd .page-hero.dobra .crumb{ display:none !important; }
  .cd .page-hero.dobra{ padding-top:14px !important; }
  /* topo antigo no celular: a foto sai para o botão de compra e a faixa caberem na tela */
  .cd .page-hero.dobra.cd-velha .course-hero > div:nth-child(2){ display:none; }
  .cd .page-hero.dobra.cd-velha .course-hero{ padding:6px 0 14px; }
  .cd .page-hero.dobra.cd-velha h1{ font-size:clamp(30px, 8.6vw, 40px); }
  .cd .page-hero.dobra.cd-velha .hero-cta{ margin-top:20px !important; }
  .cd .page-hero.dobra.cd-velha .hero-cta .btn{ flex:1 1 100%; justify-content:center; }
  .cd .page-hero.dobra.cd-velha .meta-row{ margin-top:18px; }
  .cd .ticker-set span{ padding:12px 20px; font-size:11.5px; }
}
/* tablet em pé, topo antigo: texto e foto empilhados não cabem; a foto fica menor */
@media (min-width:761px) and (max-width:860px){
  .cd .page-hero.dobra.cd-velha .photo, .cd .page-hero.dobra.cd-velha .photo img{ max-height:min(360px, calc(100svh - 640px)); }
  .cd .page-hero.dobra.cd-velha .course-hero{ gap:24px; }
}

/* caminho de pão logo acima do título, dentro do bloco de texto do curso */
.cd .crumb.cd-trilha{ display:flex; width:fit-content; max-width:100%; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 clamp(14px,2.2vh,22px); padding:7px 12px; border-radius:10px;
  background:rgba(255,255,255,.04); border:1px solid rgba(196,181,255,.12); font-size:13px; line-height:1.2; }
.cd .course-hero:not(.hv) > .crumb.cd-trilha{ align-self:center; }