.trilho .trilho-secao{letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}@media (min-width:761px){html[data-trilho=largo] .casca:has(.trilho) .trilho-secao{margin:16px 0 4px}}.pagina-linha{max-width:68ch;color:var(--apagado);margin:6px 0 0;font-size:14px;line-height:1.5}.ini-topo .pagina-linha{max-width:1440px;margin-inline:auto}
@property --abertura-furo{syntax:"<length>";inherits:false;initial-value:0}.abertura{display:none}html[data-abertura="1"] .abertura,html[data-abertura=abrindo] .abertura{z-index:10000;cursor:pointer;background:radial-gradient(circle at var(--abertura-cx) var(--abertura-cy), color-mix(in srgb, var(--marca-inicio) 14%, transparent), transparent 40%), var(--fundo);--abertura-cx:calc(50% - 35px);--abertura-cy:calc(50% - 8px);-webkit-mask:radial-gradient(circle at var(--abertura-cx) var(--abertura-cy), transparent var(--abertura-furo), #000 calc(var(--abertura-furo) + 1px));-webkit-mask:radial-gradient(circle at var(--abertura-cx) var(--abertura-cy), transparent var(--abertura-furo), #000 calc(var(--abertura-furo) + 1px));mask:radial-gradient(circle at var(--abertura-cx) var(--abertura-cy), transparent var(--abertura-furo), #000 calc(var(--abertura-furo) + 1px));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}html[data-abertura=abrindo] .abertura{pointer-events:none;animation:.62s cubic-bezier(.7,0,.3,1) forwards abertura-furo}html[data-abertura] body{overflow:hidden}.abertura-simbolo{transform-origin:26.5% 41.6%;display:block}.abertura-simbolo .simbolo{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--marca-inicio) 45%, transparent));display:block}.abertura-simbolo .simbolo g:first-of-type>*{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:.76s cubic-bezier(.65,0,.35,1) 80ms forwards abertura-traco}.abertura-simbolo .simbolo g:last-of-type{opacity:0;animation:.42s cubic-bezier(.2,.8,.2,1) .52s forwards abertura-seta;transform:translate(-60px)}html[data-abertura=abrindo] .abertura-simbolo{animation:.62s cubic-bezier(.7,0,.3,1) forwards abertura-passa}html:is([data-abertura=abrindo],[data-abertura=entrando]) .trilho{animation:.64s cubic-bezier(.2,.8,.2,1) both abertura-trilho}html:is([data-abertura=abrindo],[data-abertura=entrando]) .painel{animation:.7s cubic-bezier(.2,.8,.2,1) both abertura-painel}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna{animation:.72s cubic-bezier(.2,.8,.2,1) both abertura-coluna}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna:nth-child(2){animation-delay:50ms}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna:nth-child(3){animation-delay:.1s}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna:nth-child(4){animation-delay:.15s}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna:nth-child(5){animation-delay:.2s}html:is([data-abertura=abrindo],[data-abertura=entrando]) .quadro>.coluna:nth-child(n+6){animation-delay:.25s}@keyframes abertura-traco{to{stroke-dashoffset:0}}@keyframes abertura-seta{to{opacity:1;transform:none}}@keyframes abertura-furo{to{--abertura-furo:150vmax}}@keyframes abertura-passa{to{opacity:0;transform:scale(14)}}@keyframes abertura-trilho{0%{opacity:0;transform:translate(-24px)}}@keyframes abertura-painel{0%{opacity:.4;transform:scale(.985)}}@keyframes abertura-coluna{0%{opacity:0;transform:translateY(18px)}}
