/* Próximos cursos (proximos-cursos.html, 21/10/2026) — uma tela só, no padrão das seções da home:
   cabeçalho + tela = exatamente a altura da janela, em computador e celular. Os cartões reaproveitam as
   classes da página do curso (cz-breve-*); aqui só a composição em tela cheia. */

/* "Cursos" no menu marca a seção atual (esta página não é a do curso de avaliação) */
.menu a[aria-current="true"]::after{transform:scaleX(1)}
.menu a[aria-current="true"]{font-weight:700}
.menu-cel nav a[aria-current="true"]{color:var(--laranja-esc)}

/* a tela: altura da janela menos o cabeçalho (--topo + fio de 1px) */
/* enquanto o aviso de cookies está aberto (classe cks-pendente, posta por js/transicoes.js antes do primeiro quadro),
   a tela termina acima dele — assim os cartões nunca ficam escondidos atrás do aviso */
.pc-tela{--pc-h:calc(100vh - var(--topo) - 1px - 75px);--pc-aviso:0px;--pc-th:calc(var(--pc-h) - var(--pc-aviso));height:var(--pc-th);min-height:380px;display:flex;flex-direction:column;background:#FFFFFF}
@supports (height:100svh){.pc-tela{--pc-h:calc(100svh - var(--topo) - 1px - 75px)}}   /* menos o rodapé reduzido: a tela inteira inclui o rodapé */
/* computador: a tela termina acima do aviso de cookies enquanto ele está aberto (no celular o aviso ocupa um terço
   da tela; lá a tela não encolhe e o aviso cobre por cima, até ser respondido) */
/* altura do aviso medida: 151 px a partir de 1180 px de largura, 175 px em ~1024, 199 px em ~901 */
@media (min-width:901px){html.cks-pendente .pc-tela{--pc-aviso:199px}}
@media (min-width:1000px){html.cks-pendente .pc-tela{--pc-aviso:175px}}
@media (min-width:1150px){html.cks-pendente .pc-tela{--pc-aviso:151px}}
.pc-corpo{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;
  justify-content:center;padding-block:clamp(10px,2.6svh,40px) clamp(12px,3svh,44px)}

.pc-trilha{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--meta);margin-bottom:clamp(8px,1.8svh,20px)}
.pc-trilha a{color:var(--noite);text-decoration:underline;text-decoration-color:var(--fio-2);text-underline-offset:4px}
.pc-trilha a:hover{text-decoration-color:var(--laranja)}
.pc-trilha [aria-current]{color:var(--meta)}
.pc-cabeca h1{margin:0}

/* grade ocupa o resto da tela; a foto absorve a sobra (cresce ou encolhe), o texto mantém o tamanho */
.pc .cz-breve-grade{flex:0 1 auto;min-height:0;margin-top:clamp(12px,2.6svh,30px)}
.pc .cz-breve-grade article{min-height:0}
/* chegada por âncora (/proximos-cursos#curso-incorporacao): a tela inteira já é o destino — não rola;
   o cartão só recebe o destaque de css/transicoes.css */
.pc .cz-breve-grade>article:nth-child(n){scroll-margin-top:100vh}  /* :nth-child(n) só para vencer as regras de folga de transicoes.css */
/* foto: a altura que sobra na tela depois dos textos (cerca de 360 px no computador), com piso e teto */
.pc .cz-breve-foto{flex:none;height:clamp(90px,calc(var(--pc-th) - 424px),480px)}
/* "Em breve": chapéu de texto do site, acima do título (não é etiqueta sobre a foto) */
.pc .cz-breve-grade .rv-chapeu{margin:clamp(4px,1svh,10px) 0 0}
.pc .cz-breve-foto img{position:absolute;inset:0;height:100%}
.pc .cz-breve-tit{margin-top:clamp(6px,1.4svh,14px)}
.pc .cz-breve-tit .cz-num{font-size:clamp(40px,min(5vw,8svh),76px)}
.pc .cz-breve-tit h2{font-family:var(--titulo);font-weight:300;font-size:clamp(24px,min(2.5vw,4.4svh),40px);line-height:1.06;letter-spacing:-.02em;margin:0}
.pc .cz-breve-grade article>p:not(.cz-breve-base){font-size:clamp(14px,min(1.1vw,2svh),16px);max-width:52ch}

/* abaixo da tela: só o atalho discreto para o curso aberto */
.pc-aberto{padding-block:0 clamp(8px,1.6svh,16px)}   /* dentro da tela, linha discreta */

/* celular e tablet: a página corre naturalmente (sem altura de tela forçada), cartões empilhados com o espaço normal */
@media (max-width:900px){
  .pc-tela{height:auto;min-height:0}
  .pc-corpo{justify-content:flex-start;padding-block:16px 20px}
  .pc .cz-breve-grade{flex:none}
  .pc .cz-breve-grade{grid-template-columns:minmax(0,1fr);gap:32px}
  .pc .cz-breve-foto{height:clamp(160px,46vw,240px)}
  .pc .cz-breve-tit{margin-top:2px}
  .pc .cz-breve-tit .cz-num{font-size:clamp(30px,5svh,44px)}
  .pc .cz-breve-tit h2{font-size:clamp(20px,3svh,26px)}
  .pc .cz-breve-grade article{gap:8px}
  .pc .cz-breve-grade article>p:not(.cz-breve-base){font-size:13.5px;line-height:1.45}
  .pc-cabeca{padding-bottom:8px}
}
/* janelas muito baixas (paisagem no celular): deixa rolar em vez de esmagar os cartões */
@media (max-height:520px){.pc-tela{height:auto}.pc .cz-breve-foto{flex:none;height:160px}}