/* AURIFEX STUDIO :: revisão enxuta (10/11/2026 à noite, chave REVISAO_ENXUTA de gerador/montar.py)
   Pedido dele: "muita informação e muito poluído visualmente com textos" e "melhore a fluidez do site".
   Os textos curtos e o relógio que saiu estão em gerador/revisao_enxuta.py; aqui, só aparência e leveza. */

/* os ícones se revelam por opacidade e giro, e não pelo traço (stroke-dashoffset). O traço não anda na placa de vídeo:
   cada ícone redesenhava a linha principal a cada quadro durante a rolagem (medido em 10/11: tempo de estilo
   1,65 s -> 1,30 s numa rolagem inteira de Como trabalhamos, com o processador 4x mais lento) */
html.mov .revela .icone{stroke-dasharray:none;stroke-dashoffset:0;
  transition:opacity .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 80ms + .2s),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 80ms + .2s)}
html.mov .revela:not(.visto) .icone{stroke-dashoffset:0;opacity:0;transform:scale(.55) rotate(-25deg)}

/* Galeria: na grade, só o ramo e o nome da peça; a descrição aparece quando a peça abre (js/galeria.js lê o mesmo texto) */
.quadro-texto p{display:none}
.quadro-texto{gap:4px}

/* Recursos: as demonstrações sem a lista de detalhes embaixo do texto; a demonstração ao lado mostra o recurso */
.funcao .texto-f > ul{display:none}

/* cabeçalho de seção mais limpo: sem o rótulo, o título respira um pouco menos acima do texto de apoio */
.cabeca{gap:12px}
.cabeca > p:not(.rotulo){max-width:52ch}