/* v8 · PÔSTERES DE CINEMA (Bloco 1), cenas geradas no Codex a partir das fotos da Naila (07/11).
   Só o pôster vertical; o carrossel do Bloco 6 fica como está. Cada pôster tem cor, contexto e tipografia próprios;
   o padrão é só o topo (símbolo + "CLUBE DA REPROGRAMAÇÃO"). O título fica num <template class="cr-cartaz"> no <li>. */

/* ---------- base: a arte manda, o degradê (no tom escuro de cada pôster) só segura o título ---------- */
.cr-poster[data-arte]{--escuro:26,8,20;background:rgb(var(--escuro))}
.cr-poster[data-arte]>img{inset:auto;top:0;left:0;width:100%;height:100%;filter:none;-webkit-mask-image:linear-gradient(transparent,#000 10%);mask-image:linear-gradient(transparent,#000 10%)}
/* Autoestima veio com a cabeça perto do topo: a cena desce 8% para sair de baixo do selo */
.cr-poster[data-arte]:has(.cr-cartaz--serifa)>img{top:8%}
.cr-poster[data-arte]::before{background:linear-gradient(to top,rgba(var(--escuro),.95) 2%,rgba(var(--escuro),.62) 28%,transparent 54%),linear-gradient(rgba(var(--escuro),.55),transparent 20%)}
.cr-poster[data-arte]::after{background:radial-gradient(95% 65% at 50% 40%,transparent 60%,rgba(0,0,0,.3))}
.cr-poster .cr-poster__topo img{position:static;display:inline-block;width:9cqw;height:9cqw;margin:-2.4cqw 1cqw -1.6cqw 0;vertical-align:middle;object-fit:contain;filter:none;-webkit-mask-image:none;mask-image:none}

/* ---------- cartaz: estrutura comum ---------- */
.cr-cartaz{display:flex;flex-direction:column;align-items:center}
.cr-cartaz .cr-poster__linha{align-self:stretch;margin-top:3.4cqw}

/* Quebrando a dependência emocional (vidro que se parte, prata e azul-gelo): a palavra parte ao meio e a luz passa pela fresta */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--quebra){--escuro:6,20,36}
.cr-cartaz--quebra .cr-quebra__a{text-shadow:0 .4cqw 2.4cqw rgba(3,26,50,.6)}
.cr-quebra{position:relative;display:grid;width:100%;font:400 18cqw/.86 "Anton","Oswald","Arial Narrow",sans-serif;letter-spacing:.01em;color:#FFFFFF;text-align:center}
.cr-quebra>span{grid-area:1/1}
.cr-quebra__a{clip-path:polygon(0 0,100% 0,100% 41%,88% 51%,74% 40%,60% 56%,46% 46%,30% 61%,17% 50%,0 60%);transform:translate(-1.2cqw,-.9cqw) rotate(-1.2deg)}
.cr-quebra__b{clip-path:polygon(0 60%,17% 50%,30% 61%,46% 46%,60% 56%,74% 40%,88% 51%,100% 41%,100% 100%,0 100%);transform:translate(1.6cqw,1.3cqw) rotate(1.4deg);color:#BFE9FF}
.cr-quebra__luz{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cr-quebra__luz polyline{fill:none;stroke:#F4FCFF;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #DDF6FF) drop-shadow(0 0 7px rgba(150,220,255,.95))}
.cr-cartaz__meio{margin-top:2.4cqw;font:italic 500 8.6cqw/1 "Playfair Display",Georgia,serif;color:#D2EFFF;letter-spacing:.01em}
.cr-cartaz__fim{margin-top:1.4cqw;font:600 5.2cqw/1 var(--fonte);letter-spacing:.42em;margin-right:-.42em;color:#FFFFFF}

/* Mentalidade de emagrecimento e saúde (laranja): itálico leve, serifa fina e um aro de prato */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--prato){--escuro:42,14,4}
.cr-prato__de{font:italic 500 7.6cqw/1 "Playfair Display",Georgia,serif;color:#FFD3B4}
.cr-prato__emag{margin-top:1.6cqw;font:700 10.2cqw/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.03em;color:#FFF3EA}
.cr-prato__aro{position:relative;width:70%;height:7cqw;margin-top:1.2cqw;background:linear-gradient(#FFB585,#FFB585) left center/40% 1px no-repeat,linear-gradient(#FFB585,#FFB585) right center/40% 1px no-repeat}
.cr-prato__aro::after{content:"";position:absolute;left:50%;top:50%;width:6.4cqw;height:6.4cqw;margin:-3.2cqw 0 0 -3.2cqw;border:1px solid #FFB585;border-radius:50%;box-shadow:inset 0 0 0 1.2cqw rgba(255,181,133,.18)}
.cr-prato__saude{margin-top:-.6cqw;font:400 15cqw/1 "Allura",cursive;color:#FFA066}

/* Identidade e autoimagem (violeta): a identidade em contorno, a autoimagem preenchida */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--contorno){--escuro:16,8,36}
.cr-contorno__vazio,.cr-contorno__cheio{font:400 11.2cqw/1 "Archivo Black","Arial Black",sans-serif;letter-spacing:-.005em}
.cr-contorno__vazio{color:transparent;-webkit-text-stroke:.3cqw #E3D4FF}
.cr-contorno__e{margin:.6cqw 0 .4cqw;font:italic 500 7cqw/1 "Playfair Display",Georgia,serif;color:#C7AEFF}
.cr-contorno__cheio{background:linear-gradient(90deg,#FFFFFF,#D7C4FF 60%,#B192FF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Hábitos e rotina (verde-água): a palavra se repete até firmar; sete dias marcados */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--repete){--escuro:3,26,23}
.cr-repete{display:grid;font:700 14.2cqw/.8 "Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.cr-repete>span:nth-child(1){color:transparent;-webkit-text-stroke:1px rgba(170,245,222,.35)}
.cr-repete>span:nth-child(2){color:transparent;-webkit-text-stroke:1px rgba(170,245,222,.75)}
.cr-repete>span:nth-child(3){color:#E6FFF7}
.cr-repete__dias{width:52%;margin-top:2.6cqw;fill:none;stroke:#7FE0C2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cr-repete__rotina{margin-top:.8cqw;font:600 11cqw/1 "Caveat",cursive;color:#8FE6CB;transform:rotate(-4deg)}

/* Alta performance (cobalto): letra larga e inclinada, com rastro de movimento */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--rastro){--escuro:3,9,30}
.cr-rastro__alta{font:400 5.6cqw/1 "Unbounded",sans-serif;letter-spacing:.62em;margin-right:-.62em;color:#FFC56B}
.cr-rastro{margin-top:2cqw;font:800 8.8cqw/1 "Unbounded",sans-serif;letter-spacing:-.02em;color:#F2F8FF;transform:skewX(-12deg);text-shadow:-1.1cqw 0 0 rgba(80,190,255,.5),-2.3cqw 0 0 rgba(80,190,255,.26),-3.6cqw 0 0 rgba(80,190,255,.12)}

/* Padrões financeiros (dourado): serifa clássica com ouro, entre fios art déco.
   O ouro é pintado só dentro da caixa da palavra: o padding de cima cobre o til do Õ */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--ouro){--escuro:24,18,4}
.cr-ouro__fio{width:46%;height:1.4cqw;border-top:1px solid rgba(245,210,122,.85);border-bottom:1px solid rgba(245,210,122,.45)}
.cr-ouro{margin-top:-1cqw;padding-top:3.6cqw;font:700 16.4cqw/.95 "Bodoni Moda",Didot,serif;letter-spacing:.01em;background:linear-gradient(180deg,#FFF3C9 0%,#F0C25A 46%,#A8741A 54%,#F7D888 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-ouro__fin{margin:.4cqw 0 2cqw;font:italic 500 8.4cqw/1 "Bodoni Moda",Didot,serif;color:#F3DCA6}

/* Autossabotagem (vermelho): as letras desalinhadas vão se alinhando, e o risco se apaga */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--alinha){--escuro:30,4,6}
.cr-alinha__auto{font:400 10cqw/1 "Bebas Neue","Oswald",sans-serif;letter-spacing:.5em;margin-right:-.5em;color:#FFB3A8}
.cr-alinha{position:relative;display:flex;margin-top:.6cqw;font:400 20cqw/.9 "Bebas Neue","Oswald",sans-serif;letter-spacing:.01em;color:#FFF1EC}
.cr-alinha i{font-style:normal;display:inline-block;transform:translateY(calc(var(--y,0) * .32cqw)) rotate(calc(var(--r,0) * 1deg))}
.cr-alinha i:nth-child(-n+5){color:#FF9C8E}
.cr-alinha::after{content:"";position:absolute;left:-2%;top:46%;width:62%;height:.7cqw;background:linear-gradient(90deg,rgba(255,80,70,.85),rgba(255,80,70,0));transform:rotate(-2deg)}

/* Anti-ansiedade (azul-petróleo): letra fina e espaçada, brilho de luar, pontos de luz que se acomodam */
:is(.cr-poster,.cr-thumb,.cr-plat__capa):has(.cr-cartaz--calma){--escuro:2,18,24}
.cr-calma__pontos{width:46%;height:5cqw;margin-bottom:1.6cqw;background:radial-gradient(circle,#CFF7FF 0 .5cqw,transparent .9cqw) 6% 70%/8cqw 5cqw no-repeat,radial-gradient(circle,#CFF7FF 0 .35cqw,transparent .8cqw) 32% 20%/8cqw 5cqw no-repeat,radial-gradient(circle,#CFF7FF 0 .6cqw,transparent 1.1cqw) 55% 60%/8cqw 5cqw no-repeat,radial-gradient(circle,#CFF7FF 0 .3cqw,transparent .7cqw) 78% 25%/8cqw 5cqw no-repeat,radial-gradient(circle,#CFF7FF 0 .45cqw,transparent .9cqw) 96% 75%/8cqw 5cqw no-repeat;filter:drop-shadow(0 0 1.2cqw rgba(140,230,255,.9))}
.cr-calma__anti{font:italic 500 9cqw/1 "Cormorant Garamond",Georgia,serif;color:#9FE3EE}
.cr-calma{margin-top:1.4cqw;font:200 9.6cqw/1 "Josefin Sans",sans-serif;letter-spacing:.3em;margin-right:-.3em;color:#EAFBFF;text-shadow:0 0 2.2cqw rgba(120,225,255,.7)}

/* ---------- Ajustes de 07/11 (noite) ---------- */
/* ícone do Clube na barra da plataforma (Bloco 3) */
.cr-plat__barra span{display:inline-flex;align-items:center;gap:7px}
.cr-plat__logo{width:22px;height:22px;margin:-5px 0;object-fit:contain}

/* ---------- o mesmo título nos três lugares: pôster (Bloco 1), carrossel (Bloco 6) e trilhas (Bloco 3) ---------- */
.cr-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cr-cartaz__titulo{display:flex;flex-direction:column;align-items:center;width:100%}
/* Autoestima e autoconfiança (magenta): serifa clássica creme */
.cr-serifa{font:700 9.6cqw/.96 "Cinzel",Georgia,serif;letter-spacing:.01em;color:#FBEBD3;text-transform:uppercase;text-align:center;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.45)}

/* carrossel: a cena do pôster em paisagem ocupa o cartão; o título do pôster fica à esquerda, no tom escuro da cena */
.cr-thumb--arte{--escuro:26,8,20;background:rgb(var(--escuro))}
.cr-thumb--arte::before{z-index:1;background:linear-gradient(90deg,rgba(var(--escuro),.94) 0%,rgba(var(--escuro),.72) 34%,transparent 64%)}
.cr-thumb--arte .cr-thumb__foto{inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;box-shadow:none;object-position:right center;filter:none}
.cr-thumb__cartaz{position:absolute;z-index:2;left:2cqw;top:4cqw;bottom:3cqw;width:52cqw;container-type:inline-size}
.cr-thumb__cartaz .cr-poster__base{left:5cqw;right:5cqw;bottom:6cqw}
.cr-thumb__cartaz .cr-poster__linha{font-size:max(10px,6cqw)}

/* trilhas da plataforma: a mesma capa, só com o título */
.cr-plat__trilha:has(.cr-plat__capa)::before{display:none}
.cr-plat__capa{--escuro:26,8,20;position:relative;display:block;container-type:inline-size;border-radius:8px;overflow:hidden}
.cr-plat__capa>img{display:block}
.cr-plat__capa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--escuro),.9),rgba(var(--escuro),.55) 38%,transparent 66%)}
.cr-plat__cartaz{position:absolute;z-index:2;left:1cqw;top:0;bottom:0;width:54cqw;container-type:inline-size;display:grid;align-items:center}
.cr-plat__cartaz .cr-poster__base{position:static}
/* a cena do vidro é clara à esquerda: o degradê vai mais longe para o título branco não sumir */
.cr-thumb--arte:has(.cr-cartaz--quebra)::before{background:linear-gradient(90deg,rgba(var(--escuro),.96) 0%,rgba(var(--escuro),.86) 42%,transparent 72%)}
.cr-plat__capa:has(.cr-cartaz--quebra)::after{background:linear-gradient(90deg,rgba(var(--escuro),.95),rgba(var(--escuro),.8) 45%,transparent 75%)}

/* carrossel das capas (Bloco 6): sem esmaecer as laterais; espaço para a sombra inteira e para a capa crescer no hover
   (a margem negativa devolve o espaço extra, então a seção não muda de altura); a faixa já pausa com o mouse */
.cr-faixa--capas.cr-corre{-webkit-mask-image:none;mask-image:none;margin:-22px 0 -62px}
.cr-faixa--capas.cr-corre .cr-faixa__trilho{padding:32px 0 80px}
.cr-faixa--capas .cr-thumb{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
@media (hover:hover){
  .cr-faixa--capas .cr-thumb:hover{transform:scale(1.07);z-index:2;box-shadow:0 34px 60px -28px rgba(28,19,34,.72)}
}
@media (prefers-reduced-motion:reduce){.cr-faixa--capas .cr-thumb{transition:none}}