/* Cursos: só o que é desta página (o resto vem de estilo.css e dos componentes).

   Os cartões em arco são as âncoras da página (#criancas, #adolescentes, #adultos, #fluentes: a inicial aponta
   para elas). Quem chega por um desses endereços encontra o cartão com um anel na cor dele (o mesmo anel
   do foco) e um pulinho de chegada; no computador, os quatro ficam lado a lado, então a rolagem para um
   pouco acima, com o título da seção à vista. */
@media (min-width: 761px) {
  .cursos-turmas .porta[id] { scroll-margin-top: 200px; }
}
.cursos-turmas .porta:target { outline: 3px solid var(--cor); outline-offset: 3px; box-shadow: var(--sombra-alta); animation: porta-chegou .9s var(--mola) .35s; }
/* O anel de foco (o navegador foca o cartão de chegada) é o mesmo anel, na cor do cartão */
.cursos-turmas .porta:focus-visible { outline-color: var(--cor); }
@keyframes porta-chegou { 40% { transform: translateY(-10px); } }

/* Os fatos do curso (600 horas, ritmo, nivelamento): a faixa branca entre a trilha e o próximo passo.
   O do nivelamento é um cartão que responde ao toque e abre o WhatsApp; embaixo, o link para a página
   /nivelamento/ (01/10/2026), em azul, como os links de página. */
.cursos-fatos { padding: 80px 0 88px; }
.cursos-fatos .cartao--link .cartao__mais { color: var(--whats); }
.cursos-fatos .cartao--link .cartao__mais.link-por-cima { color: var(--azul); }
@media (max-width: 760px) {
  .cursos-fatos { padding: 48px 0 56px; }
}