.trilha__placar{display:flex;align-items:center;gap:var(--e5);flex-wrap:wrap;background:var(--bloco);color:var(--bloco-txt);padding:var(--e5) var(--e6);margin-bottom:var(--e8)}.trilha__numero{font-size:4.5rem;font-weight:800;line-height:.8;letter-spacing:-.06em;color:var(--bloco-realce)}.trilha__numero span{font-size:var(--t-h2);color:var(--bloco-fraco)}.trilha__barra-caixa{flex:1;min-width:240px}.trilha__barra-caixa .rubrica{color:var(--bloco-fraco)}.trilha__barra{height:14px;background:color-mix(in srgb,var(--bloco-txt) 18%,transparent);margin-top:var(--e3)}.trilha__barra i{display:block;height:100%;background:var(--bloco-realce);transition:width .35s}.trilha__zerar{font-family:var(--sans);font-weight:600;font-size:var(--t-nota);color:var(--papel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid var(--bloco-fraco);padding:4px 10px;transition:background var(--transicao),color var(--transicao)}.trilha__zerar:hover{background:var(--bloco-realce);color:var(--bloco);border-color:var(--bloco-realce)}.etapa{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:var(--e6);padding:var(--e6) 0;border-top:var(--fio) solid var(--filete-forte)}.etapa:last-of-type{border-bottom:var(--fio) solid var(--filete-forte)}.etapa__num{font-size:clamp(72px,8vw,116px);font-weight:800;line-height:.74;letter-spacing:-.07em;color:var(--vermelho-txt)}.etapa[data-completa] .etapa__num{color:var(--verde-txt)}.etapa__titulo{font-size:var(--t-h2);margin-bottom:var(--e3);letter-spacing:-.04em}.etapa__meta{color:var(--tinta-media);margin-bottom:var(--e5);max-width:var(--medida)}.etapa__itens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));border-top:1px solid var(--filete);border-left:1px solid var(--filete)}.item{display:flex;align-items:center;gap:var(--e3);padding:var(--e3) var(--e4);background:var(--papel);border-right:1px solid var(--filete);border-bottom:1px solid var(--filete)}.item:hover{background:var(--amarelo)}.item:hover,.item:hover .item__frase,.item:hover .item__nome{color:#111}.item__caixa{width:17px;height:17px;flex-shrink:0;align-self:center;border:var(--fio) solid var(--filete-forte);background:var(--papel);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--papel)}.item__caixa[data-checked]{background:var(--verde);border-color:var(--verde-txt)}.item__marca{display:inline-flex}.item__nome{font-weight:700;text-decoration:none;font-size:var(--t-corpo);letter-spacing:-.02em;border-bottom:2px solid transparent;white-space:nowrap}.item[data-familia=criacional] .item__nome{color:var(--cria-txt)}.item[data-familia=estrutural] .item__nome{color:var(--azul-txt)}.item[data-familia=comportamental] .item__nome{color:var(--comp-txt)}.item__nome:hover{border-bottom-color:currentColor}.item__linha{flex:0 1 var(--e5);min-width:var(--e4);height:0;margin-bottom:.35em;border-bottom:1px dotted var(--filete-forte)}.item__frase{font-size:var(--t-menor);color:var(--tinta-fraca);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}@media(max-width:860px){.etapa{grid-template-columns:1fr;gap:var(--e3)}.item__frase,.item__linha{display:none}}.principios{display:grid;gap:0}.principio{display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr) minmax(0,260px);gap:var(--e5);padding:var(--e5) 0;border-top:var(--fio) solid var(--filete-forte)}.principio:last-child{border-bottom:var(--fio) solid var(--filete-forte)}@media(max-width:900px){.principio{grid-template-columns:1fr;gap:var(--e3)}}.principio__n{font-size:3rem;font-weight:800;line-height:.8;letter-spacing:-.06em;color:var(--vermelho-txt)}.principio__titulo{font-size:var(--t-h3);margin-bottom:var(--e3);letter-spacing:-.03em}.principio__texto{color:var(--tinta-media);margin:0}.principio__lado{border-left:var(--fio) solid var(--filete-forte);padding-left:var(--e4)}@media(max-width:900px){.principio__lado{border-left:0;border-top:1px solid var(--filete);padding:var(--e3) 0 0}}.principio__fonte{display:block;font-family:var(--sans);font-weight:600;font-size:var(--t-nota);color:var(--tinta-fraca);letter-spacing:.06em;margin-bottom:var(--e3)}.principio__exemplos{font-family:var(--mono);font-size:var(--t-nota);margin:0;display:flex;flex-direction:column;gap:var(--e1)}.principio__exemplos a{text-decoration:none;border-bottom:1px solid transparent;width:fit-content}.principio__exemplos a:hover{border-bottom-color:currentColor}.principio__exemplos .sep{display:none}.principio__exemplos a[data-familia=criacional]{color:var(--cria-txt)}.principio__exemplos a[data-familia=estrutural]{color:var(--azul-txt)}.principio__exemplos a[data-familia=comportamental]{color:var(--comp-txt)}.principio__exemplos .sep{color:var(--filete-forte)}