:root{
  --verde-claro: #2f8e3c;
  --verde-escuro: #1f6f2b;
  --escuro: #0c0c0c;
  --cinza: #7c7c7c;
  --branco: #ffffff;
  --sombra-cartao: 0 20px 30px rgba(0,0,0,0.35);
  --borda-arredondada: 14px;
  --largura-maxima: 1100px;
}

*{
  box-sizing:border-box
}
html,body{
  height:100%
}
body{
  margin:0;
  font-family: 'Poppins', sans-serif;
  color:#111;
  background:var(--branco);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

.container{
  width:90%;
  max-width:var(--largura-maxima);
  margin:0 auto;
}


.botao{
  display:inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight:600;
  border:0;
  padding:12px 22px;
  border-radius:999px;
  cursor:pointer;
}
.botao-principal{
  background:var(--branco);
  color:var(--verde-claro);
  box-shadow: 0 6px 0 rgba(0,0,0,0.08);
}
.botao-principal:hover{
  transform:translateY(-2px)
}
.botao-ghost{
  background:transparent;
  border:1px solid #eee;
}
.botao-hero {
  background-color: var(--branco);
  color: var(--verde-claro);
}

.botao-cta {
  background-color: var(--verde-escuro);
  color: var(--branco);
  box-shadow: 0 6px 0 rgba(0,0,0,0.08);
}

.botao-cta:hover{
transform:translateY(-2px)
}

.botao-preco {
  background-color: var(--branco);
  color: var(--verde-escuro);
  box-shadow: 0 6px 0 rgba(0,0,0,0.08);
}

.botao-preco:hover{
  transform:translateY(-2px)
}

a.botao {
  text-decoration: none; 
  display: inline-block; 
}

a {
  text-decoration: none;
}


.secao-principal{
  background: linear-gradient(180deg, var(--verde-claro), var(--verde-escuro));
  color: var(--branco);
  padding:56px 0;
}
.layout-principal{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:40px;
  align-items:center;
}
.conteudo-principal h1{
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  font-size:30px;
  margin:0 0 16px;
}
.subtitulo-principal{
  max-width:520px;
  color:rgba(255,255,255,0.95);
  margin-bottom:18px;
}
.capa-curso{
  background:linear-gradient(135deg,#00000033, transparent);
  border-radius:18px;
  padding:28px;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}
.capa-curso img{
  width:100%;
  max-width:320px;
  border-radius:10px;
  display:block;
}

.fundo-escuro{
  background:#0b0b0b;
  color:#fff;
  padding:48px 0;
  padding-top: 100px; 
}
.layout-sobre{
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 40px;
  align-items: center;
}
.imagem-sobre .quadro-imagem{
  background:#fff;
  padding:8px;
  border-radius:16px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.5);
}
.imagem-sobre .quadro-imagem img{
  display:block;
  width:100%;
  border-radius:10px;
}
.conteudo-sobre{
  margin-left:50px;
}

.secao-autor{
  background:var(--verde-claro);
  color:var(--branco);
  padding:56px 0;
}
.layout-autor{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:40px;
  align-items:center;
}
.nome-autor{
  margin:8px 0 16px;
  font-weight:700;
  font-family:'Montserrat',sans-serif;
  display: inline-block;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 10px;
}
.imagem-autor{
  width:100%;
  border-radius:8px;
  box-shadow: var(--sombra-cartao);
}

.secao-cta{
  background:var(--branco);
  padding:24px 0;
  border-top:4px solid rgba(0,0,0,0.04);
  border-bottom:4px solid rgba(0,0,0,0.04);
}
.layout-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nota-cta{
  color:#333;
  font-weight:600;
}

.secao-garantia{
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-garantia{
  display: flex;
  align-items: center;
  gap: 40px;
}
.selo-garantia img{
  width: 120px;
  margin-left: 140px;
}
.informacoes-garantia{
  margin-left: 500px;
  max-width: 500px;
}
.informacoes-garantia h3{
  margin: 0 0 6px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.secao-preco{
  background:var(--verde-escuro);
  padding:60px 0;
  color:#fff;
}
.layout-preco{
  display:flex;
  justify-content:center;
}
.cartao-preco{
  background:var(--verde-claro);
  width:380px;
  border-radius:18px;
  padding:28px;
  box-shadow:var(--sombra-cartao);
  text-align:center;
}
.topo-preco{
  border-bottom:1px solid rgba(255,255,255,0.06);
  padding-bottom:12px;
  margin-bottom:16px;
}
.detalhes-preco h2{font-size:28px;margin:6px 0}
.texto-pequeno{font-size:12px;color:rgba(255,255,255,0.9)}
.texto-claro{font-size:13px;color:rgba(255,255,255,0.75)}
.texto-muito-pequeno{font-size:11px;color:white;margin-top:12px}

.fundo-claro{background:#fff;padding:48px 0}
.layout-faq h2{
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  margin-bottom:24px;
  text-align:center
}
.grid-faq{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:12px;
}
.cartao-faq h4{margin:0 0 8px;font-weight:700}
.cartao-faq p{margin:0;color:var(--cinza)}

.secao-rodape{
  padding:18px 0;
  text-align:center;
  border-top:1px solid rgba(0,0,0,0.04);
}

@media (max-width:1000px){
  .layout-principal{grid-template-columns:1fr}
  .layout-sobre{grid-template-columns:1fr}
  .layout-autor{grid-template-columns:1fr}
  .layout-cta{flex-direction:column;gap:12px}
  .grid-faq{grid-template-columns:1fr}
  .capa-curso{padding:18px}
}