/* ZEH0_001_SITE_INSTITUCIONAL, abertura.css. Abertura, cursor de luz e barra de progresso. Carregar na ordem das paginas. */

/* Abertura */
#abre{position:fixed;inset:0;z-index:100;background:var(--preto);display:grid;place-items:center;transition:opacity .9s ease,visibility .9s}
#abre.fim{opacity:0;visibility:hidden}
#abre svg{width:74px;overflow:visible}
#abre path{fill:none;stroke:var(--ouro);stroke-width:1.4;stroke-dasharray:300;stroke-dashoffset:300;animation:traco 1.5s var(--ease) forwards,enche .6s 1.4s forwards;filter:drop-shadow(0 0 10px rgba(201,169,106,.7))}
#abre .nome{margin-top:26px;font-family:var(--serif);font-size:1.5rem;letter-spacing:.7em;padding-left:.7em;opacity:0;animation:some .9s .7s forwards}
#abre .cx{text-align:center}
@keyframes traco{to{stroke-dashoffset:0}}
@keyframes enche{to{fill:var(--ouro)}}
@keyframes some{to{opacity:1}}

/* Cursor de luz (so computador) */
#luz{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,106,.13),transparent 62%);pointer-events:none;z-index:5;opacity:0;transition:opacity .6s;mix-blend-mode:screen}
#barra{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--ouro-escuro),var(--ouro-claro));transform:scaleX(0);transform-origin:left;z-index:60}