/* AI Week: página Programação (cronograma.html), só o que é dela. As peças comuns estão em paginas.css.
   A agenda é uma tabela de três colunas (dia, palestras, hackathon); o hackathon desce pelos três dias como
   um fio de luz laranja, com um ponto em cada dia, o mesmo desenho do ingresso da home. */
.cr-lede{max-width:44ch}
/* a arte da abertura: o palco fica à direita; o lado das poltronas some no preto, sob o texto */
.cr-arte{object-position:80% 50%}
.cr-agenda{margin-top:clamp(32px,calc(3.5*var(--vw)),56px);border-bottom:1px solid rgba(255,255,255,.14)}
.cr-cab,.cr-dia{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,calc(3*var(--vw)),48px)}
.cr-cab{padding-bottom:14px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#B3B3B3}
.cr-dia{padding-block:clamp(24px,calc(2.6*var(--vw)),40px);border-top:1px solid rgba(255,255,255,.14)}
.cr-data{display:flex;align-items:center;gap:14px}
.cr-data b{font-family:var(--f-titulo);font-weight:800;font-size:clamp(56px,calc(5*var(--vw)),84px);line-height:.85;color:var(--laranja)}
.cr-data span{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:#B3B3B3}
.cr-item{font-size:clamp(17px,calc(1.3*var(--vw)),21px);font-weight:600}
.cr-nota{margin-top:6px;font-size:15px;line-height:1.5;color:#B3B3B3}
/* o fio do hackathon: atravessa as linhas de cima a baixo (passando pelas bordas) e some no último dia */
.cr-hack{position:relative;padding-left:28px}
.cr-hack::before{content:"";position:absolute;left:4px;top:calc(-1*clamp(24px,calc(2.6*var(--vw)),40px) - 1px);bottom:calc(-1*clamp(24px,calc(2.6*var(--vw)),40px) - 1px);width:2px;background:var(--laranja);box-shadow:0 0 12px rgba(255,106,26,.8),0 0 2px rgba(255,210,170,.9)}
.cr-dia:first-child .cr-hack::before{top:8px}
.cr-dia:last-child .cr-hack::before{background:linear-gradient(180deg,var(--laranja) 40%,rgba(255,106,26,0))}
.cr-hack::after{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--laranja);box-shadow:0 0 0 4px rgba(255,106,26,.18),0 0 14px rgba(255,106,26,.9)}
.cr-hack .cr-item{color:var(--laranja)}

/* níveis: a diferença vem da palavra e do selo (contorno x cheio), não só da cor */
.cr-niveis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,calc(2*var(--vw)),32px);margin-top:clamp(32px,calc(3.5*var(--vw)),56px)}
.cr-niveis li{padding:clamp(24px,calc(2.6*var(--vw)),40px);background:#141414;border:1px solid rgba(255,255,255,.08)}
.cr-niveis h3{margin-top:18px;font-family:var(--f-titulo);font-weight:800;font-size:clamp(26px,calc(2.2*var(--vw)),36px);line-height:1.05;text-transform:uppercase}
.cr-niveis p{margin-top:10px;max-width:42ch;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}

.cr-quem{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.cr-quem-txt{margin-top:18px;max-width:42ch;font-size:17px;line-height:1.55;color:rgba(255,255,255,.86)}
.cr-quem .pg-acoes{margin-top:0}

@media (max-width:1000px){
  .cr-cab{display:none}
  .cr-dia,.cr-niveis{grid-template-columns:1fr}
  .cr-hack::before{top:8px;bottom:0}
}