/* Seção "Conteúdo do treinamento": capas verticais das aulas em carrossel contínuo. */
.cur-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 78%,#9759ff1c,transparent 70%),#100a1c;padding-bottom:96px}
.cur-section::before{content:'';position:absolute;left:50%;top:0;width:min(900px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#c7a7ff40,transparent)}

.cur-head{text-align:center;max-width:980px;margin:0 auto 20px}
.cur-section .cur-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:9px 16px;border-radius:999px;border:1px solid #c7a7ff3d;background:linear-gradient(135deg,#9759ff21,#9759ff08);font:700 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em;color:#dcc8ff;box-shadow:0 0 30px #9759ff1a}
.cur-badge-dot{width:7px;height:7px;border-radius:50%;background:#c7a7ff;box-shadow:0 0 12px #b78bff}
.cur-section .cur-head h2{font:700 clamp(38px,4.6vw,64px)/1.05 Syne,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 20px;color:#f5f0ff;text-wrap:balance}
.cur-section .cur-head h2 em{display:block;font:inherit;font-style:normal;letter-spacing:inherit;color:#bd8aff;padding:0}
.cur-section .cur-sub{max-width:560px;margin:0 auto;font:400 17px/1.65 Manrope,Arial,sans-serif;color:#b4a9c6;text-wrap:pretty}
.cur-section .cur-sub strong{display:block;font-weight:700;color:#f5f0ff}

/* Faixa das capas. Sem JavaScript (ou com movimento reduzido) é uma fileira rolável. */
.cur-rail{--cur-w:clamp(214px,18.2vw,262px);--cur-gap:clamp(14px,1.5vw,22px);position:relative;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(18px,calc((100% - 1200px) / 2));padding:48px max(18px,calc((100% - 1200px) / 2)) 76px;scrollbar-width:thin;scrollbar-color:#9759ff66 transparent;outline:none}
.cur-rail:focus-visible{box-shadow:inset 0 0 0 2px #c7a7ff;border-radius:18px}
.cur-track{display:flex;gap:var(--cur-gap);list-style:none;margin:0;padding:0;flex:none}
.cur-card{position:relative;flex:none;width:var(--cur-w);aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:#140c24;scroll-snap-align:start;box-shadow:0 22px 50px #03010a99,0 0 0 1px #c7a7ff24;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.cur-card img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}
.cur-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff1f 48%,transparent 60%) no-repeat;background-size:260% 100%;background-position:120% 0;transition:background-position .9s cubic-bezier(.2,.8,.2,1)}

/* Bônus: borda iluminada e brilho próprio. */
.cur-card--bonus{box-shadow:0 22px 60px #03010a99,0 0 0 1.5px #e2d2ff,0 0 44px #9759ff80,0 0 90px #9759ff2e}
.cur-card--bonus::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:1.5px;background:linear-gradient(160deg,#ffffff,#c7a7ff 30%,#9759ff00 55%,#9759ff 85%,#e8d9ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}

/* Respiro entre a AULA 10 e os bônus: linha de luz com uma estrela, marcando o nível avançado. */
.cur-gap{position:relative;flex:none;width:clamp(8px,1.2vw,18px);align-self:stretch;pointer-events:none}
.cur-gap::before{content:'';position:absolute;left:50%;top:9%;bottom:9%;width:1.5px;transform:translateX(-50%);background:linear-gradient(180deg,#c7a7ff00,#c7a7ffcc 30%,#ffffff 50%,#c7a7ffcc 70%,#c7a7ff00);box-shadow:0 0 14px #9759ffb3}
.cur-gap::after{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f6efff' d='M12 1.5c.6 5.6 3.3 8.4 9 9-5.7.6-8.4 3.4-9 9-.6-5.6-3.3-8.4-9-9 5.7-.6 8.4-3.4 9-9z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px #c7a7ff) drop-shadow(0 0 14px #9759ff)}

@media(hover:hover) and (pointer:fine){
 .cur-card:hover{transform:translateY(-10px) scale(1.035);box-shadow:0 34px 70px #03010acc,0 0 0 1px #c7a7ff80,0 0 50px #9759ff4d}
 .cur-card--bonus:hover{box-shadow:0 34px 80px #03010acc,0 0 0 1.5px #efe4ff,0 0 64px #9759ffa6}
 .cur-card:hover::after{background-position:-40% 0}
}

/* Modo carrossel contínuo (ativado pelo sec-cur.js). */
.cur-rail.is-marquee{--cur-fade:7%;overflow:hidden;scroll-snap-type:none;padding-inline:0;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--cur-fade),#000 calc(100% - var(--cur-fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--cur-fade),#000 calc(100% - var(--cur-fade)),transparent)}
.cur-rail.is-marquee .cur-track{will-change:transform}
.cur-rail.is-dragging{cursor:grabbing}
.cur-rail.is-dragging .cur-card{transition:none}

/* Controle de pausa. */
.cur-controls{position:relative;display:flex;justify-content:center;margin-top:-34px}
.cur-toggle{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #c7a7ff3d;background:#ffffff08;color:#e6d8ff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.cur-toggle:hover{background:#9759ff2e;border-color:#c7a7ff80}
.cur-toggle:focus-visible{outline:3px solid #c7a7ff;outline-offset:4px}
.cur-toggle svg{width:18px;height:18px}
.cur-toggle .cur-i-play{display:none}
.cur-toggle[aria-pressed=true] .cur-i-play{display:block}
.cur-toggle[aria-pressed=true] .cur-i-pause{display:none}
.cur-toggle[hidden]{display:none}

@media(max-width:760px){
 .cur-section{padding-bottom:70px}
 .cur-head{margin-bottom:4px}
 .cur-section .cur-badge{font-size:12px;letter-spacing:.1em;padding:8px 13px;margin-bottom:18px}
 .cur-section .cur-head h2{font-size:clamp(33px,9.4vw,42px);line-height:1.08;margin-bottom:16px}
 .cur-section .cur-head h2 em{display:inline}
 .cur-section .cur-sub{font-size:15px;max-width:440px}
 .cur-rail{--cur-w:min(58vw,236px);--cur-gap:12px;padding-top:38px;padding-bottom:62px}
 .cur-controls{margin-top:-30px}
 .cur-card{border-radius:16px}
 .cur-toggle{width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){
 .cur-card,.cur-card::after{transition:none}
 .cur-card:hover{transform:none}
}