/* Clube BarberRicci: exclusivo para clientes. Classes "cl-". */
.cl-exclusivo{display:inline-flex;align-items:center;gap:8px}
.cl-exclusivo svg{width:14px;height:14px;color:var(--vermelho-vivo)}
.cl-botoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.cl-fora{font-size:.8125rem;color:var(--cinza);max-width:42ch}
.cl-botoes-fim{justify-content:center;margin-top:34px}

/* aulas trancadas */
.cl-aulas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.cl-aulas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cl-aulas{grid-template-columns:1fr}}
.cl-aula{display:flex;flex-direction:column;gap:6px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.cl-aula:hover{transform:translateY(-4px)}
.cl-capa{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid var(--borda);background:linear-gradient(135deg,#2a2f3a,#121419);isolation:isolate;margin-bottom:6px}
.cl-capa-dinheiro{background:linear-gradient(135deg,#3a2a14,#121419)}
.cl-capa-redes{background:linear-gradient(135deg,#3a1420,#121419)}
.cl-capa-tecnica{background:linear-gradient(135deg,#14303a,#121419)}
.cl-capa-dono{background:linear-gradient(135deg,#14361f,#121419)}
.cl-capa-saude{background:linear-gradient(135deg,#2a1d3a,#121419)}
.cl-capa img{position:absolute;right:-12%;top:-10%;width:70%;opacity:.12;filter:grayscale(1) blur(1px)}
.cl-capa::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-6deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);z-index:-1}
.cl-capa::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:cl-brilho 4.5s ease-in-out infinite;animation-delay:var(--cl-atraso,0ms)}
@keyframes cl-brilho{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.cl-play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}
.cl-play::after{content:"";position:absolute;left:21px;top:16px;border-left:14px solid rgba(255,255,255,.75);border-top:10px solid transparent;border-bottom:10px solid transparent}
.cl-cadeado{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);font:700 .625rem var(--corpo);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.cl-cadeado svg{width:12px;height:12px;color:var(--vermelho-vivo)}
.cl-aula small{font:700 .625rem var(--corpo);letter-spacing:.16em;text-transform:uppercase;color:var(--vermelho-vivo)}
.cl-aula b{font-size:.9375rem;line-height:1.3}

/* como entrar */
.cl-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.cl-passos{grid-template-columns:1fr}}
.cl-passo{padding:26px;display:flex;flex-direction:column;gap:8px}
.cl-passo em{font:400 2.4rem/1 var(--titulo);font-style:normal;color:var(--vermelho-vivo)}
.cl-passo h3{font:400 1.25rem var(--titulo);text-transform:uppercase}
.cl-passo p{color:var(--prata);font-size:.9375rem}
@media (prefers-reduced-motion:reduce){.cl-capa::after{animation:none}}