/* v20 · ajustes do usuário no editor (envio 2026-11-09-184140, pelo link de revisão), sobre a Atual (= v19) */

/* #1 · computador: a caixa lilás do item 1 acompanha o celular maior (v14.css) */
@media (min-width:900px){
  .cr-ent__item:first-child .cr-ent__midia--zap{aspect-ratio:auto;padding:72px 0}  /* folga para o parallax do celular */
}

/* #2 · sem palavra sozinha na última linha: equilíbrio nos textos curtos do Bloco 2 e "pretty" nos parágrafos da página */
main p,main li{text-wrap:pretty}
.cr-zap__corpo p{text-wrap:balance}

/* #3 · o play da capa pulsa (dois anéis lilás saindo do botão, um depois do outro) */
.cr-video--thumb .cr-video__icone::before,.cr-video--thumb .cr-video__icone::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(184,146,214,.9);animation:cr-play-anel 2.4s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.cr-video--thumb .cr-video__icone::after{animation-delay:1.2s}
@keyframes cr-play-anel{from{transform:scale(1);opacity:.85}to{transform:scale(1.75);opacity:0}}
.sem-movimento .cr-video--thumb .cr-video__icone::before,.sem-movimento .cr-video--thumb .cr-video__icone::after{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){.cr-video--thumb .cr-video__icone::before,.cr-video--thumb .cr-video__icone::after{animation:none;opacity:0}}

/* #7 · o botão do suporte com mais largura no celular */
@media (max-width:480px){.cr-sup .cr-sup__caixa{padding-inline:16px}}

/* #8 · pôsteres da abertura com a capa nova atrás do título; um véu escuro no meio e nas pontas mantém o texto legível */
.cr-parede .cr-poster__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.82}
.cr-parede .cr-poster__veu{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(95% 42% at 50% 52%,rgba(16,9,20,.66),rgba(16,9,20,.3) 72%,rgba(16,9,20,.12)),
    linear-gradient(rgba(16,9,20,.6),transparent 26%,transparent 74%,rgba(16,9,20,.55))}

/* ===== Bloco 8 · depoimentos em vídeo (Marny e Samara): thumb com a frase dela e o play; o vídeo só carrega no clique ===== */
.cr-vid--real{background:var(--noite)}
.cr-vid--real::before{display:none}
.cr-vid__link{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;border-radius:inherit;overflow:hidden}
.cr-vid__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cr-vid__link::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(28,19,34,.94) 0,rgba(28,19,34,.7) 24%,rgba(28,19,34,.12) 52%,transparent 64%)}
.cr-vid__link:hover .cr-vid__thumb{transform:scale(1.04)}
.cr-vid__link:focus-visible{outline:3px solid #B892D6;outline-offset:-6px}
.cr-vid--real .cr-vid__play{z-index:2;top:69%;background:#fff;border-color:#fff;color:var(--ameixa);box-shadow:0 14px 30px -10px rgba(0,0,0,.55)}
.cr-vid--real .cr-vid__play::before,.cr-vid--real .cr-vid__play::after{content:"";position:absolute;inset:-2px;border-radius:50%;
  border:2px solid rgba(255,255,255,.85);animation:cr-play-anel 2.4s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.cr-vid--real .cr-vid__play::after{animation-delay:1.2s}
.sem-movimento .cr-vid--real .cr-vid__play::before,.sem-movimento .cr-vid--real .cr-vid__play::after{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){.cr-vid--real .cr-vid__play::before,.cr-vid--real .cr-vid__play::after{animation:none;opacity:0}}
.cr-vid__dur{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(28,19,34,.62);
  font-size:12px;font-weight:700;letter-spacing:.04em;color:#fff}
.cr-vid__texto{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;gap:8px}
.cr-vid__frase{font-weight:800;font-size:18px;line-height:1.18;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.cr-vid__quem{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#E3D1F3}
.cr-vid video{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;background:#000;border-radius:inherit}
.cr-vid--tocando .cr-vid__link{visibility:hidden}
/* só dois vídeos: cartões maiores para assistir no próprio cartão */
.cr-carrossel--dois .cr-vid{width:min(72vw,280px)}
@media (min-width:1000px){.cr-carrossel--dois .cr-vid{width:clamp(270px,22vw,310px)}}
/* a sombra dos cartões de vídeo não fica cortada pelo trilho (que rola na horizontal e corta o que passa da altura) */
.cr-carrossel--dois .cr-carrossel__trilho{padding-bottom:56px;margin-bottom:-38px}