/* --- antes injetado pelo app.js --- */
html.intro-on,html.intro-on body{overflow:hidden}
.wlintro{position:fixed;inset:0;z-index:200;background:#000;display:grid;place-items:center;transition:opacity .8s ease,visibility .8s}
.wlintro.out{opacity:0;visibility:hidden}
.wli-in{display:flex;flex-direction:column;align-items:center;gap:34px;transition:transform .9s cubic-bezier(.7,0,.2,1)}
.wlintro.out .wli-in{transform:scale(1.15)}
.wli-logo{position:relative;width:clamp(120px,16vw,180px);aspect-ratio:116/136}
.wli-svg{position:absolute;left:0;top:0;width:100%;aspect-ratio:1;fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;animation:wlFade .5s ease 1.8s forwards}
.wli-svg .c{stroke-dasharray:302;stroke-dashoffset:302;animation:wlDraw 1.1s cubic-bezier(.6,0,.2,1) .1s forwards}
.wli-svg .b{stroke-dasharray:50;stroke-dashoffset:50;animation:wlDraw .5s cubic-bezier(.6,0,.2,1) forwards}
.wli-svg .b1{animation-delay:.7s}.wli-svg .b2{animation-delay:.82s}.wli-svg .b3{animation-delay:.94s}
.wli-svg .l{stroke-dasharray:90;stroke-dashoffset:90;animation:wlDraw .6s cubic-bezier(.6,0,.2,1) 1.05s forwards}
@keyframes wlDraw{to{stroke-dashoffset:0}}
.wli-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:blur(8px);animation:wlImg .7s ease 1.7s forwards}
@keyframes wlImg{to{opacity:1;filter:none}}@keyframes wlFade{to{opacity:0}}
.wli-row{display:flex;align-items:center;gap:14px;font-family:var(--disp);font-weight:800;font-variation-settings:'wdth' 72;font-size:clamp(28px,4vw,46px);text-transform:uppercase;color:#fff;opacity:0;transform:translateY(14px);animation:wlUp .7s cubic-bezier(.16,1,.3,1) 2.2s forwards}
@keyframes wlUp{to{opacity:1;transform:none}}
.wli-sw{position:relative;width:96px;height:46px;border-radius:99px;border:2px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;font:600 13px var(--mono);text-transform:uppercase;color:#fff;transition:background .3s,border-color .3s}
.wli-sw i{position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#fff;transition:transform .45s cubic-bezier(.7,0,.2,1)}
.wli-sw .off,.wli-sw .on{position:absolute;top:50%;translate:0 -50%;transition:opacity .3s}.wli-sw .off{right:14px}.wli-sw .on{left:16px;opacity:0}
.wlintro.lit .wli-sw{background:var(--accent);border-color:var(--accent)}
.wlintro.lit .wli-sw i{transform:translateX(50px)}
.wlintro.lit .wli-sw .off{opacity:0}.wlintro.lit .wli-sw .on{opacity:1}
.wli-m{max-width:0;overflow:hidden;opacity:0;margin-left:-14px;transition:max-width .6s cubic-bezier(.7,0,.2,1),opacity .4s,margin .6s}
.wlintro.lit .wli-m{max-width:4em;opacity:1;margin-left:0}
.wli-skip{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);background:none;border:0;cursor:pointer;opacity:0;animation:wlUp .6s ease 2.6s forwards}
/* --- acessibilidade --- */
.wli-sw:focus-visible{outline:2px solid #fff;outline-offset:4px}