/* v13 · ajustes dos vídeos da equipe da cliente (09/11/2026), blocos 1 e 2 */

/* Bloco 2 · "nunca" circulado à mão, desenhado quando aparece */
.cr-circulo{position:relative;display:inline-block;margin:0 .14em;font-style:normal;color:var(--ameixa)}
.cr-circulo__traco{position:absolute;left:-15%;top:-14%;width:130%;height:132%;overflow:visible;pointer-events:none}
.cr-circulo__traco path{fill:none;stroke:#B892D6;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.js .cr-circulo__traco path{stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.3,.7,.3,1) .35s}
.js .cr-circulo.cr-visto .cr-circulo__traco path{stroke-dashoffset:0}

/* Bloco 2 · "Aqui, a reprogramação vai até você." com marca-texto lilás, passado quando aparece */
.cr-zap__sub .cr-marca{display:inline;color:var(--ameixa);font-weight:700;padding:.14em .42em;border-radius:.4em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background:linear-gradient(100deg,rgba(184,146,214,.55),rgba(216,200,231,.8)) no-repeat 0 0/100% 100%}
.js .cr-zap__sub .cr-marca{background-size:0% 100%;transition:background-size 1s cubic-bezier(.3,.7,.3,1) .55s}
.js .cr-zap__sub .cr-marca.cr-visto{background-size:100% 100%}

.modo-print .cr-circulo__traco path,.sem-movimento .cr-circulo__traco path{stroke-dashoffset:0!important;transition:none}
.modo-print .cr-zap__sub .cr-marca,.sem-movimento .cr-zap__sub .cr-marca{background-size:100% 100%!important;transition:none}

/* Celular · abertura compacta (como Breno e Sofia): selo, título e texto menores e os pôsteres subindo até o botão */
@media (max-width:599px){
  .cr-hero__grade{padding-top:26px}
  .cr-hero__texto{gap:12px}
  .cr-hero .cr-selo{font-size:10.5px;letter-spacing:.14em}
  .cr-hero .cr-selo__simbolo{width:34px;height:34px;margin:-8px -2px -8px -4px}
  .cr-hero__titulo{font-size:27px;line-height:1.1}
  .cr-hero__sub{font-size:15px;line-height:1.45;max-width:36ch}
  .cr-hero .cr-bt{margin-top:2px}
  .cr-hero__parede{height:clamp(300px,84vw,350px);margin-top:-14px}
  .cr-hero__parede::before{height:30%}

  /* Bloco 2 · celular menor, para mostrar mais em uma tela */
  .cr-zap__grade{gap:26px}
  .cr-zap__palco{zoom:.72}
}

/* Bloco 1 · capas da abertura só com o texto (09/11): sem imagem, fundo liso no tom escuro de cada capa com um
   brilho leve da cor dela, título e frase centralizados no meio; o "Clube da Reprogramação" continua no topo */
.cr-parede .cr-poster{background:radial-gradient(85% 55% at 50% 50%,color-mix(in srgb,var(--c) 38%,transparent),transparent 78%),rgb(var(--escuro,28,19,34));
  box-shadow:0 22px 44px -22px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.07)}
.cr-parede .cr-poster::before{display:none}
.cr-parede .cr-poster .cr-poster__base{top:50%;bottom:auto;transform:translateY(-50%)}