/* v17 · capa da Naila no vídeo e vídeos "Alteração bloco 9" e "bloco 10" da Naila (09/11/2026) */

/* Bloco 4 · capa da Naila: ícone de play abaixo do título da capa (o bloco inteiro continua sendo o botão) */
.cr-video--thumb .cr-video__icone{position:absolute;left:20%;top:79%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(56px,7vw,88px);height:clamp(56px,7vw,88px);
  border-radius:50%;background:var(--ameixa);color:#fff;box-shadow:0 14px 30px -12px rgba(81,56,97,.7)}
.cr-video--thumb .cr-video__icone svg{width:42%;height:42%;margin-left:8%;fill:currentColor}

/* Bloco 8 · depoimentos em frases (como os da página do RD), sem nome e entre aspas, em cartões claros */
.cr-dep__textos{padding:var(--sec) 0 clamp(48px,5vw,72px);background:var(--off)}
.cr-dep__cab{gap:14px}
.cr-dep__selo{margin:0;padding:7px 14px;border-radius:999px;background:var(--lilas);color:var(--ameixa);font-weight:800;font-size:12.5px;letter-spacing:.16em}
.cr-dep__cab .cr-h2{max-width:none;text-wrap:balance}  /* v19: era 22ch */
.cr-dep__membro{background:#F6D35B;color:var(--tinta);padding:0 .22em .04em;border-radius:.28em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cr-dep__sub{margin:0;font-size:clamp(17px,.5vw + 15px,20px);color:var(--cinza);text-wrap:balance}
.cr-faixa--frases .cr-faixa__trilho{align-items:stretch}
.cr-frase{flex:none;display:flex;flex-direction:column;gap:14px;width:clamp(260px,23vw,320px);padding:26px 26px 28px;border-radius:22px;
  background:#fff;box-shadow:inset 0 0 0 1px rgba(81,56,97,.14)}  /* v20: sem a sombra de baixo, que saía cortada */
.cr-frase__aspas{width:30px;height:22px;fill:var(--ameixa);flex:none}
.cr-frase p{margin:0;font-size:16px;line-height:1.55;color:var(--tinta)}

/* Bloco 8 · os dois vídeos embaixo das frases */
.cr-dep .cr-dep__videos{padding:clamp(20px,3vw,40px) 0 var(--sec);background:var(--off)}
.cr-dep__videos-rotulo{margin:0 0 18px;text-align:center;font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ameixa)}
@media (min-width:600px){.cr-carrossel--dois .cr-carrossel__trilho{justify-content:center}}
/* v22: as setas voltaram no celular (v22.css); no computador, onde os dois cabem, a .cr-cabe da pagina.css as esconde */
.cr-dep__videos .cr-centro{margin-top:clamp(24px,3vw,36px)}

/* Bloco 9 · "Perguntas frequentes" grande e no centro, e as perguntas em duas listas */
@media (min-width:900px){
  .cr-faq .cr-faq__grade{grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,52px)}
  .cr-faq .cr-faq__cab{position:static;justify-items:center;text-align:center}
  .cr-faq__lista{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:20px}
}
.cr-faq .cr-faq__cab .cr-h2{font-size:clamp(38px,3.6vw + 16px,72px)}
@media (max-width:899px){.cr-faq .cr-faq__cab{justify-items:center;text-align:center}}
.cr-faq__col{display:grid;gap:12px;align-content:start}

/* Bloco 10 · o fim da página sem tanto espaço sobrando */
@media (min-width:900px){.v5-rod{min-height:min(640px,82svh)}}
@media (max-width:899px){.v5-rod{padding-bottom:max(46vw,190px)}}

/* Método · fundo lilás desde o topo, sem a passagem do creme para o lilás (envio 171841, item 7: "fundo lilás sem transição
   da parte superior"); substitui a faixa de creme da v16 e a passagem suave feita antes nesta v17 */
.cr-met{background:linear-gradient(180deg,rgba(233,225,240,.7) 0,rgba(233,225,240,.7) 200px,rgba(242,236,245,.35) 58%,rgba(248,245,240,0))}


/* ===== ajustes do usuário no editor (envio 2026-11-09-171841, marcados na v16 e aplicados aqui) ===== */

/* #1 · computador: uma coluna a mais de capas passa por baixo do texto da abertura, bem apagada, sem tirar a leitura */
.cr-col--extra{display:none}
.js .cr-col--extra .cr-col__trilho{animation-name:cr-desce;margin-top:-30%}
@media (min-width:1000px){
  .cr-hero__parede{width:70vw}
  .cr-hero__parede .cr-parede{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cr-col--extra{display:block;order:-1}
  .cr-col--extra .cr-poster>:not(.cr-poster__topo){opacity:.5}  /* os títulos dessa coluna ainda mais apagados, atrás do título */
  .cr-hero__parede{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 10%,rgba(0,0,0,.2) 24%,#000 42%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 10%,rgba(0,0,0,.2) 24%,#000 42%)}
}

/* #2 · setinha animada para baixo na passagem do Bloco 2 (WhatsApp) para o Bloco 3 (entregáveis) */
.cr-ent{position:relative}
.cr-seta-secao{position:absolute;left:50%;top:0;z-index:3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  transform:translate(-50%,-50%);background:#fff;color:var(--ameixa);pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(81,56,97,.12),0 16px 30px -16px rgba(81,56,97,.6)}
.cr-seta-secao svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  animation:cr-seta-desce 1.8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes cr-seta-desce{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.sem-movimento .cr-seta-secao svg{animation:none}
@media (prefers-reduced-motion:reduce){.cr-seta-secao svg{animation:none}}

/* #5 · trechos importantes do print grifados (o celular cresceu na v14.css); o marca-texto passa quando cada linha entra na tela */
.cr-grifa-print{position:absolute;inset:9px;z-index:1;overflow:hidden;border-radius:31px;pointer-events:none;mix-blend-mode:multiply}
.cr-grifa-print i{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:4px 7px 5px 8px/7px 5px 8px 4px;
  background:linear-gradient(100deg,rgba(184,146,214,.62),rgba(203,166,242,.5));transform-origin:0 50%;transform:rotate(var(--r))}
.js .cr-grifa-print i{transform:rotate(var(--r)) scaleX(0);transition:transform .75s cubic-bezier(.3,.7,.3,1) var(--d,0s)}
.js .cr-grifa-print i.cr-visto{transform:rotate(var(--r)) scaleX(1)}
.modo-print .cr-grifa-print i,.sem-movimento .cr-grifa-print i{transform:rotate(var(--r))!important;transition:none}

/* #3, #9 e #12 · celular: menos espaço vazio entre os blocos */
@media (max-width:599px){
  .cr-zap{padding-top:38px}                      /* #3 · da parede de capas ao "Já comprou cursos...": metade */
  .cr-ent{padding-bottom:44px}                   /* #9 · do botão do presente ao método */
  .cr-met{padding-top:44px}
  .cr-map{padding-bottom:40px}                   /* #12 · do cartão do mapeamento aos conteúdos */
  .cr-cont{padding-top:44px}
}

/* #10 · (v20: voltou ao centro, como o resto do cartão, a pedido do usuário no envio 184140) */