/* ---------- 09/10 · "Já vai embora?" — ver sair-connect.js */
.sj-fundo{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.6);animation:sjFundo .25s ease both}
.sj-card{width:min(380px,100%);display:grid;justify-items:center;gap:6px;padding:28px 28px 22px;text-align:center;background:#0B0B0B;border:1px solid rgba(247,255,63,.3);box-shadow:0 24px 70px rgba(0,0,0,.6);
  animation:sjCard .45s cubic-bezier(.2,.9,.25,1.15) both}
.sj-rosto{width:200px;height:auto;margin-bottom:10px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}
.sj-rosto .sj-olho{transform-box:fill-box;transform-origin:center;animation:sjPiscar 4s ease 1.4s infinite}
.sj-card h3{margin:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;font-weight:800;color:#fff}
.sj-card p{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.sj-pe{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.sj-btn{height:44px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.sj-btn:hover{border-color:#fff}
.sj-btn.y{background:#F7FF3F;border-color:#F7FF3F;color:#0A0A0A}
.sj-btn.y:hover{background:#FBFF7A}
.sj-btn:focus-visible{outline:2px solid #F7FF3F;outline-offset:2px}
.sj-fundo.saindo{animation:sjSair .2s ease forwards}
@keyframes sjFundo{from{opacity:0}}
@keyframes sjCard{from{opacity:0;transform:translateY(16px) scale(.92)}}
@keyframes sjSair{to{opacity:0}}
@keyframes sjPiscar{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
.sj-rosto .sj-gota{opacity:0;transform-box:fill-box;transform-origin:50% 0;animation:sjGota 2.4s ease-in .9s infinite}
.sj-rosto .sj-gota.g2{animation-delay:2.1s}
@keyframes sjGota{0%{opacity:0;transform:translateY(-6px) scale(.35)}16%{opacity:1;transform:translateY(0) scale(1)}32%{transform:translateY(3px) scale(1)}82%{opacity:1;transform:translateY(46px) scale(.92,1.08)}100%{opacity:0;transform:translateY(54px) scale(.85)}}
html.tc-reduzir-anim .sj-rosto,html.tc-reduzir-anim .sj-rosto *{animation:none !important}
html.tc-reduzir-anim .sj-gota{opacity:1}
/* 14/10: a lágrima começa logo ao abrir (antes esperava ~0,9 s; a 2ª esperava ~2,1 s) */
.sj-rosto .sj-gota{animation-delay:.15s}
.sj-rosto .sj-gota.g2{animation-delay:.9s}
/* 14/10: lágrima mais rápida — já começa visível ao abrir e escorre em 1,3 s (antes 2,4 s) */
.sj-rosto .sj-gota{animation:sjGotaRapida 1.3s ease-in 0s infinite}
.sj-rosto .sj-gota.g2{animation-delay:.55s}
@keyframes sjGotaRapida{0%{opacity:0;transform:translateY(-4px) scale(.5)}8%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(46px) scale(.92,1.08)}100%{opacity:0;transform:translateY(54px) scale(.85)}}