/* "Como posso ajudar" v9 (ajuda-carrossel.js): fotos lado a lado, a do centro em destaque, ficha de vidro fosco por cima */
.ajuda.has-cr .seletor,.ajuda.has-cr .mural,.ajuda.has-cr .pilha,.ajuda.has-cr .pilha-aviso,.ajuda.has-cr .telas{display:none}
.ajuda.has-cr{overflow:clip !important}
.cr{margin:clamp(30px,4vw,48px) calc(50% - 50vw) 0}
.cr-trilho{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px calc(50vw - min(190px,40vw)) 26px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.cr-trilho::-webkit-scrollbar{display:none}
.cr-trilho.arrastando{cursor:grabbing;scroll-snap-type:none}
.cr-trilho.arrastando .cr-item{pointer-events:none}
.cr-item{position:relative;flex:none;width:min(380px,80vw);aspect-ratio:3/4;border-radius:22px;overflow:hidden;scroll-snap-align:center;
  transform:scale(.88);opacity:.55;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease;box-shadow:0 30px 50px -30px rgba(29,20,36,.55)}
.cr-item.on{transform:none;opacity:1}
.cr-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.1) saturate(.95);-webkit-user-drag:none;user-select:none}
.cr-ficha{position:absolute;left:14px;right:14px;top:14px;padding:16px 16px 15px;border-radius:16px;background:rgba(255,250,242,.74);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 30px -14px rgba(0,0,0,.35);color:#241b2c}
.cr-tema{display:flex;align-items:center;gap:8px;margin:0;font:700 12.5px var(--font-body);color:#6b5a72}
.cr-tema b{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#fff;font-size:11px}
.cr-frase{margin:10px 0 0;font-family:var(--font-headline);font-weight:800;font-size:1.32rem;line-height:1.12;letter-spacing:-.015em;color:#241b2c;text-wrap:balance}
.ajuda .cr-wa{position:absolute;left:14px;bottom:14px;padding:12px 18px;font-size:14px;min-height:0}
.cr-nav{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.cr-seta{width:46px;height:46px;border-radius:50%;border:1px solid rgba(36,27,44,.25);background:transparent;cursor:pointer;position:relative;transition:background .3s}
.cr-seta::before{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;border-left:2px solid #241b2c;border-bottom:2px solid #241b2c;transform:translate(-30%,-50%) rotate(45deg)}
.cr-prox::before{transform:translate(-70%,-50%) rotate(-135deg)}
.cr-seta:hover{background:rgba(36,27,44,.07)}
.cr-pontos{display:flex;gap:6px}
.cr-pontos i{width:7px;height:7px;border-radius:50%;background:rgba(36,27,44,.2);transition:width .4s,background .4s}
.cr-pontos i.on{width:22px;border-radius:9px;background:#24122f}
.cr-pausa{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;border:1px solid rgba(36,27,44,.25);background:transparent;cursor:pointer;font:600 13.5px var(--font-body);color:#241b2c}
.cr-pausa i{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.cr.is-pausado .cr-pausa i{width:0;height:0;border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.cr-seta:focus-visible,.cr-pausa:focus-visible,.cr-wa:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media (max-width:760px){
  .cr-trilho{gap:12px;padding-top:6px}
  .cr-frase{font-size:1.18rem}
}
@media (prefers-reduced-motion:reduce){ .cr-item{transition:none} }

/* v10: a rolagem da página conduz o carrossel (ajuda-carrossel.js cria a pista e a parte que fica presa) */
.cr-pista{position:relative;height:calc(100svh + (var(--n,7) - 1) * 85svh)}   /* mais rolagem por tema: o cartão fica parado antes de passar */
.cr-cola{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(64px,9vh,90px);box-sizing:border-box}
.cr-rolando .cr{margin-top:clamp(14px,2.4vh,30px)}
.cr-rolando .cr-trilho{overflow-x:hidden;scroll-snap-type:none;cursor:default;padding-top:8px;padding-bottom:18px}
.cr-rolando .cr-item{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease;width:min(360px,80vw,calc((100svh - 460px) * .75))}
.cr-rolando .cr-pontos i{cursor:pointer}
.cr-rolando .ajuda-head h2{font-size:clamp(2rem,4.4vw,3.6rem)}
@media (max-width:760px){
  .cr-rolando .ajuda-head .lede{font-size:14.5px;margin-top:8px}
  .cr-rolando .cr-item{width:min(300px,74vw,calc((100svh - 430px) * .75))}
}
/* desempenho: o vidro fosco (backdrop-filter) só no cartão da frente; os outros com fundo claro simples */
.cr-rolando .cr-item:not(.on) .cr-ficha{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,250,242,.86)}
.cr-rolando .cr-item{will-change:transform}