html.curso-apresentacao-aberta { overflow: hidden; }
.curso-apresentacao {
  width: calc(100% - 32px);
  max-width: 560px;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow-y: auto;
  border: 1px solid #065f46;
  border-radius: 20px;
  background: #fafaf9;
  color: #1c1917;
  font-family: 'Archivo', system-ui, sans-serif;
  box-shadow: 0 24px 80px #0005;
}
.curso-apresentacao::backdrop { background: #001c16bf; }
.curso-apresentacao-conteudo { padding: 32px; }
.curso-apresentacao .curso-apresentacao-selo {
  margin: 0 0 16px; color: #065f46; font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase;
}
.curso-apresentacao h2 { margin: 0 0 16px; color: #022c22; font-size: 28px; line-height: 1.15; }
.curso-apresentacao p { margin: 0 0 16px; font-size: 15px; line-height: 1.6; }
.curso-apresentacao ul { margin: 0 0 16px; padding-left: 22px; font-size: 15px; line-height: 1.6; }
.curso-apresentacao li { margin-bottom: 6px; }
.curso-apresentacao li::marker { color: #047857; }
.curso-apresentacao a { display: block; padding: 14px 16px; border-radius: 10px; text-align: center; text-decoration: none; font-size: 15px; font-weight: 600; line-height: 1.4; }
.curso-apresentacao .curso-apresentacao-oferta { background: #022c22; color: #fff; margin-bottom: 10px; }
.curso-apresentacao-oferta span { font-size: 12px; font-weight: 400; }
.curso-apresentacao .curso-apresentacao-prosseguir { border: 1px solid #047857; color: #022c22; background: #ecfdf5; }
.curso-apresentacao .curso-apresentacao-aviso { font-size: 12px; color: #57534e; margin: 16px 0 8px; }
.curso-apresentacao .curso-apresentacao-voltar { padding: 8px 0; border: 0; background: none; color: #57534e; text-decoration: underline; font: inherit; font-size: 13px; cursor: pointer; }
.curso-apresentacao :is(a, button):focus-visible { outline: 3px solid #10b981; outline-offset: 3px; }
@media (max-width: 540px) {
  .curso-apresentacao-conteudo { padding: 24px 20px; }
  .curso-apresentacao h2 { font-size: 24px; }
}