:root{
  --bg:           #080808;
  --bg2:          #111111;
  --bg3:          #1a1a1a;
  --bg4:          #242424;
  --text:         #f0ede8;
  --text-m:       #7a7a72;
  --text-s:       #aeaa9f;
  --accent:       #39FF14;
  --accent-dim:   #25c20d;
  --accent-sub:   rgba(57,255,20,.07);
  --accent-sub2:rgba(200,168,75,.06);
  --border:       rgba(255,255,255,.07);
  --border-g:     rgba(57,255,20,.18);
  --r:            12px;
  --rl:           20px;
  --tr:           .28s cubic-bezier(.4,0,.2,1);
  --shadow:0 8px 32px rgba(0,0,0,.55);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}


.lbl{font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.ttl{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;letter-spacing:2px;color:var(--text)}
.ttl span{color:var(--accent)}
.sub{font-size:.97rem;color:var(--text-m);max-width:560px;line-height:1.75}
.sec-center{text-align:center}
.sec-center .sub{margin:12px auto 0}
.container{max-width:1140px;margin:0 auto;padding:0 24px}


.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--r);font-weight:600;font-size:.88rem;transition:var(--tr);cursor:pointer;border:none;white-space:nowrap;letter-spacing:.3px}
.btn-g{background:var(--accent);color:#080808}
.btn-g:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 28px var(--accent-glow)}
.btn-lg{padding:16px 36px;font-size:1rem;border-radius:var(--r)}


.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}











.logo-topo{
  max-width: 10rem;
}

.curso-hero{
  position:relative;
  min-height:100svh;
  display:flex;align-items:center;
  background:var(--bg);
  overflow:hidden;
  padding-top:68px;
}
.ch-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 65% 50%,rgba(200,168,75,.07) 0%,transparent 70%),
    radial-gradient(ellipse 50% 80% at 10% 80%,rgba(200,168,75,.04) 0%,transparent 60%);
}

.ch-stripe{
  position:absolute;top:0;right:-80px;width:420px;height:100%;
  background:var(--bg2);
  clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);
  opacity:.55;
}
.ch-stripe-inner{
  position:absolute;top:0;right:-80px;width:420px;height:100%;
  clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);
  overflow:hidden;
}
.ch-stripe-inner::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(
    -45deg,
    rgba(200,168,75,.04) 0px,
    rgba(200,168,75,.04) 1px,
    transparent 1px,
    transparent 18px
  );
}
.ch-dots{
  position:absolute;bottom:80px;right:60px;
  display:grid;grid-template-columns:repeat(6,1fr);gap:12px;
  opacity:.15;
}
.ch-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent);display:block}
.curso-hero .container{position:relative;z-index:2;padding:0 24px}
.ch-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(3.2rem,9vw,6.5rem);
  line-height:.95;letter-spacing:3px;
  color:var(--text);
  margin-bottom:28px;
}
.ch-title .line2{color:var(--accent);display:block}
.ch-title .line3{font-size:clamp(1.6rem,4vw,3rem);color:var(--text-m);font-family:'Bebas Neue',sans-serif;display:block;margin-top:6px}
.ch-desc{max-width:520px;font-size:1.05rem;color:var(--text-m);line-height:1.8;margin-bottom:36px}
.ch-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}











.custom-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 70px;
  height: 70px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  color: white;
  font-size: 24px;
  cursor: pointer;
  
  backdrop-filter: blur(4px);
}













.sec-learn{padding:96px 0;background:var(--bg2);position:relative;overflow:hidden}
.sec-learn::before{
  content:'';position:absolute;
  top:-120px;right:-200px;
  width:600px;height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,168,75,.06) 0%,transparent 70%);
  pointer-events:none;
}
.learn-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  margin-top:52px;
  border:1px solid var(--border);
  border-radius:var(--rl);
  overflow:hidden;
}
.learn-card{
  background:var(--bg3);
  padding:36px 28px;
  position:relative;
  transition:var(--tr);
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.learn-card:nth-child(3n){border-right:none}
.learn-card:nth-last-child(-n+3){border-bottom:none}
.learn-card:hover{background:var(--bg4);z-index:1}
.learn-card:hover .lc-icon{background:var(--accent);color:#080808;transform:scale(1.1) rotate(-5deg)}
.lc-icon{
  width:52px;height:52px;border-radius:var(--r);
  background:var(--accent-sub);
  display:flex;align-items:center;justify-content:center;
  color:var(--accent);font-size:1.3rem;
  margin-bottom:18px;
  transition:var(--tr);
}
.learn-card h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}
.learn-card p{font-size:.85rem;color:var(--text-m);line-height:1.65}


.sec-info{padding:96px 0;background:var(--bg)}
.info-txt .sub{margin-top:14px;max-width:420px}
.info-checks{margin-top:28px;display:flex;flex-direction:column;gap:13px}
.ic-item{display:flex;align-items:flex-start;gap:13px}
.ic-item i{width:22px;height:22px;min-width:22px;background:var(--accent);color:#080808;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;margin-top:2px;flex-shrink:0}
.ic-item p{font-size:.9rem;color:var(--text-m);line-height:1.6}
.ic-item p strong{color:var(--text)}


.sec-gallery{padding:96px 0;background:var(--bg2)}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(2,220px);
  gap:10px;
  margin-top:48px;
  border-radius:var(--rl);
  overflow:hidden;
}
.gallery-item{
  position:relative;overflow:hidden;background:var(--bg3);
}
.gallery-item:first-child{grid-column:1/3;grid-row:1/3}
.gallery-ph{
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;color:var(--text-s);font-size:.78rem;text-align:center;padding:10px;
  background:var(--bg3);
  border:1px dashed var(--border);
}
.gallery-ph i{font-size:1.8rem;color:var(--border-g);opacity:.5}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery-item:hover img{transform:scale(1.06)}


.sec-cta-curso{
  position:relative;padding:100px 0;overflow:hidden;
  background:var(--bg2);
  text-align:center;
}
.sec-cta-curso::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 100% at 50% 50%,rgba(200,168,75,.08) 0%,transparent 70%);
}
.sec-cta-curso .container{position:relative;z-index:2}
.sec-cta-curso .ttl{margin:10px auto;max-width:700px}
.sec-cta-curso .sub{margin:14px auto 36px;font-size:1rem}
.cta-feats{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:20px}
.cta-feats span{display:flex;align-items:center;gap:7px;font-size:.84rem;color:var(--text-m)}
.cta-feats span i{color:var(--accent);font-size:.8rem}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}


.sec-faq{padding:96px 0;background:var(--bg)}
.faq-list{max-width:760px;margin:48px auto 0;display:flex;flex-direction:column;gap:4px}
.faq-item{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  overflow:hidden;
  transition:border-color .25s;
}
.faq-item.open{border-color:var(--border-g)}
.faq-q{
  width:100%;background:none;border:none;color:var(--text);
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 24px;cursor:pointer;text-align:left;gap:16px;
  font-family:inherit;font-size:.95rem;font-weight:600;
  transition:color .25s;
}
.faq-item.open .faq-q{color:var(--accent)}
.faq-q i{flex-shrink:0;color:var(--accent);font-size:.75rem;transition:transform .35s ease}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .45s cubic-bezier(.4,0,.2,1),padding .45s;
  padding:0 24px;
}
.faq-a p{font-size:.9rem;color:var(--text-m);line-height:1.75;padding-bottom:20px}
.faq-item.open .faq-a{max-height:260px;padding-top:0}


.wa-float{
  position:fixed;bottom:28px;right:24px;z-index:800;
  width:54px;height:54px;background:#25d366;color:#fff;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;box-shadow:0 4px 20px rgba(37,211,102,.45);
  transition:var(--tr);
}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.6)}







@media(max-width:1024px){
  .learn-grid{grid-template-columns:repeat(2,1fr)}
  .learn-card:nth-child(2n){border-right:none}
  .learn-card:nth-child(3n){border-right:1px solid var(--border)}
  .learn-card:nth-child(even){border-right:none}
}
@media(max-width:768px){
  .ch-stripe,.ch-stripe-inner{display:none}
  .gallery-grid{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(3,180px);
  }
  .gallery-item:first-child{grid-column:1/3;grid-row:auto}
  .learn-grid{grid-template-columns:1fr}
  .learn-card{border-right:none!important}
}
@media(max-width:500px){
  .ch-cta-row{flex-direction:column;align-items:flex-start}
  .ch-cta-row .btn{width:100%;justify-content:center}
  .cta-btns{flex-direction:column;align-items:center}
  .cta-btns .btn{width:100%;max-width:320px;justify-content:center}
  .gallery-grid{grid-template-rows:repeat(3,140px)}
}


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.curso-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.ch-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  position:relative;
  z-index:2;
  padding:80px 24px;
}
.ch-col-txt{display:flex;flex-direction:column}
.ch-col-vid{
  border-radius:var(--rl);
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.7);
  border:1px solid var(--border-g);
  aspect-ratio: 50%/100%;
  background:var(--bg3);
}
.ch-col-vid video{
  width:60%;height:60%;border:none;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;
  color:var(--text-m);font-size:.85rem;text-align:center;padding:2px;
}


.info-txt-centered{
  max-width:700px;
  margin:0 auto;
  text-align:center;
}
.info-txt-centered .info-checks{
  text-align:left;
  max-width:500px;
  margin:20px auto 0;
}
.info-txt-centered .btn{display:inline-flex}


@media(max-width:768px){
  .ch-layout{
    grid-template-columns:1fr;
    gap:28px;
    padding:28px 20px 48px;
    min-height:100svh;
    align-content:flex-start;
    padding-top:32px;
  }
  .curso-hero{padding-bottom: 60px;padding-top: 100px;}
  .ch-col-vid{
    aspect-ratio:9/16;
    width:100%;
  }
  .ch-title{font-size:clamp(2.8rem,11vw,5rem)}
  .ch-desc{font-size:.95rem;margin-bottom:20px}
}




.ch-col-vid {
  border-radius: var(--rl);
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,.7);
  border: 1px solid var(--border-g);
  background: var(--bg3);
  aspect-ratio: 9 / 16;
  max-height: 82vh;
  position: relative;
  justify-self: center;
}

.video-reel-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-reel-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.vid-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 20px 20px;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.vid-label span {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 4px;
  font-size: 1rem;
  color: rgba(255,255,255,.6);
  text-transform: uppercase;
}
.vid-label .vid-label-brand {
  font-size: 1.5rem;
  color: var(--text);
  letter-spacing: 5px;
}


.ch-layout {
  grid-template-columns: 1fr 1fr;
  align-items: center;
}


@media(max-width:768px) {
  .ch-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 20px 40px;
    align-content: start;
  }
  .curso-hero { min-height: unset; padding-top: 0; }

  .logo-topo {
    max-width: 9rem;
    margin: 0 auto; 
  }
  .ch-col-txt {
    align-items: center;
    text-align: center;
  }
  .ch-title { text-align: center; }
  .ch-desc { text-align: center; max-width: 100%; }
  .ch-cta-row { justify-content: center; }
  .ch-cta-row .btn { width: 100%; max-width: 280px; justify-content: center; }

  
  .ch-col-vid {
    max-height: 55vh;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .vid-label .vid-label-brand { font-size: 1.1rem; }
}


.price-card-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 32px auto 28px;
  max-width: 440px;
}

.price-badge {
  background: #e02020;
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 9px 24px;
  border-radius: 50px;
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
  box-shadow: 0 4px 20px rgba(224,32,32,.5);
}

.price-card {
  background: #1c1c1c;
  border: 1.5px solid rgba(224,32,32,.4);
  border-radius: 18px;
  padding: 36px 40px 28px;
  text-align: center;
  width: 50rem;
  box-shadow: 0 0 60px rgba(224,32,32,.12), 0 20px 60px rgba(0,0,0,.5);
}

@media(max-width:768px) {
  .price-card {
    width: 20.5rem;
    height: 14rem;
  }
}

.price-from {
  font-size: .92rem;
  color: var(--text-s);
  margin-bottom: 10px;
}
.price-from strong { color: var(--text); font-weight: 700; }

.price-value {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 4rem;
  color: var(--text);
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.price-value span {
  font-size: 5rem;
  color: var(--text);
}

.price-divider {
  height: 1px;
  background: rgba(255,255,255,.07);
  margin: 18px 0;
}

.price-cash {
  font-size: .8rem;
  color: var(--text-s);
  text-align: center;
  line-height: 1.5;
}

.price-cash i {
  color: var(--accent);
  margin-right: 4px;
}

.cta-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  width: 100%;
}

.btn-price-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  padding: 17px 28px;
  background: #25d366;
  color: #fff;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: 1px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: var(--tr);
  box-shadow: 0 6px 24px rgba(37,211,102,.35);
}
.btn-price-main:hover {
  background: #1ebe58;
  transform: translateY(-2px);
  box-shadow: 0 10px 32px rgba(37,211,102,.5);
}

@media(max-width:500px) {
  .price-card { padding: 28px 20px 22px; }
  .price-value { font-size: 3rem; }
  .price-value span { font-size: 4rem; }
}

@media(min-width:800px) {
  .price-cash {font-size: 1rem;}
}


.videos-provas {
  margin-top: 2.5rem;
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:14px;
}

@media(max-width:768px) {
  .videos-provas {
    grid-template-columns:1fr;
    gap: 18px;
  }
}
