/* ==========================================================================
   LP do curso — curso.vendasja.com.br
   Mesma paleta e tipografia da marca, layout próprio de página de venda.
   Arquivo único e independente do site institucional.
   ========================================================================== */

@font-face{font-family:Nunito;src:url(../fonts/nunito-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url(../fonts/nunito-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url(../fonts/nunito-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url(../fonts/nunito-800.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Nunito;src:url(../fonts/nunito-900.woff2) format('woff2');font-weight:900;font-display:swap}

:root{
  --azul:#031625; --azul-esc:#061425; --laranja:#FF6500; --laranja-alt:#FF7417;
  --cinza-fundo:#F7F7F9; --cinza-texto:#50545A; --tinta:#202020; --claro:#B9C4CE;
  --fonte:Nunito,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --container:min(1080px, calc(100vw - 40px));
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--fonte);font-size:17px;line-height:1.65;color:var(--tinta);
  background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0 0 .5em;line-height:1.15;letter-spacing:-.02em;font-weight:800}
p{margin:0 0 1em}
.container{width:var(--container);margin-inline:auto}
.centro{text-align:center;margin-top:36px}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px}

.eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--laranja);margin-bottom:16px}
.eyebrow-escuro{color:var(--laranja)}

/* ---------- Botão ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;
  background:var(--laranja);color:#fff;font-weight:900;font-size:16px;
  letter-spacing:.02em;padding:19px 34px;border-radius:8px;min-height:58px;
  text-align:center;transition:background .25s ease,transform .12s ease}
.btn:hover{background:var(--laranja-alt)}
.btn:active{transform:translateY(1px)}
.btn-grande{font-size:17px;padding:21px 40px}

/* ---------- Herói ---------- */
.heroi{position:relative;background:var(--azul);color:#fff;padding:64px 0 76px;
  overflow:hidden;isolation:isolate;text-align:center}
.heroi-video{position:absolute;inset:0;z-index:-2}
.heroi-video video{width:100%;height:100%;object-fit:cover}
.heroi-veu{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(3,22,37,.9) 0%,rgba(3,22,37,.8) 42%,rgba(3,22,37,.94) 100%)}
.marca{width:190px;margin:0 auto 34px}
.heroi h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;max-width:17ch;
  margin-inline:auto;margin-bottom:28px}
.indicacao{color:#C8D3DC;font-size:15.5px;margin-bottom:22px}
.indicacao strong{color:#fff}
.heroi-nota{margin-top:20px;font-size:14px;color:#8FA1B0}

/* ---------- Seções ---------- */
.secao{padding:78px 0}
.secao-clara{background:var(--cinza-fundo)}
.secao h2{font-size:clamp(26px,3.2vw,38px);max-width:20ch}
.subtitulo{color:var(--cinza-texto);font-size:19px;margin-top:-.4em}

.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.card{background:#fff;border:1px solid #E4E7EB;border-radius:14px;padding:30px 26px}
.card-num{display:block;color:var(--laranja);font-weight:900;font-size:15px;margin-bottom:14px}
.card h3{font-size:20px;margin-bottom:.5em}
.card p{color:var(--cinza-texto);font-size:15.5px;line-height:1.6;margin:0}

/* ---------- Oferta ---------- */
.oferta{background:var(--azul-esc);color:#fff;padding:80px 0;text-align:center}
.oferta-chamada{color:var(--claro);font-size:18px;margin-bottom:14px}
.oferta-de{color:#8FA1B0;font-size:19px;margin-bottom:6px}
.oferta-de s{text-decoration-thickness:2px}
.oferta-por{font-size:clamp(46px,8vw,76px);font-weight:900;color:var(--laranja);
  line-height:1;margin:0 0 10px;letter-spacing:-.03em}
.oferta-parcela{color:#fff;font-size:19px;font-weight:700;margin-bottom:32px}
.oferta-nota{margin-top:20px;font-size:13.5px;color:#8FA1B0}

/* ---------- Galeria de alunos ---------- */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:14px;margin-top:36px}
.galeria figure{margin:0;border-radius:10px;overflow:hidden;background:#fff;
  border:1px solid #E4E7EB;aspect-ratio:3/4}
.galeria img{width:100%;height:100%;object-fit:cover}

/* ---------- Rodapé ---------- */
.rodape{background:var(--azul);color:#8FA1B0;padding:48px 0;text-align:center;font-size:14px}
.rodape img{width:160px;margin:0 auto 20px}
.rodape p{margin:0 0 6px}
.rodape-legal{font-size:12.5px;color:#6B7C8A}

@media (max-width:860px){ .grade{grid-template-columns:1fr} }
@media (max-width:680px){
  .secao{padding:56px 0}
  .heroi{padding:48px 0 60px}
  .marca{width:158px;margin-bottom:26px}
  .btn{width:100%}
  .galeria{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}