/* v23–v27 · Tudo abre dentro do universo: o site se abre de dentro do ponto onde você tocou, por cima do espaço, e o menos fecha */
#jw{position:fixed;inset:0;z-index:20;display:none;--ox:50%;--oy:50%}
#jw.on{display:block}
#jw .jw-ceu{position:absolute;inset:0;background:radial-gradient(circle at var(--ox) var(--oy),rgba(5,6,15,.35),rgba(5,6,15,.82) 70%);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);opacity:0;transition:opacity .6s ease}
#jw.aberto .jw-ceu{opacity:1}
#jw .jw-q{position:absolute;left:max(18px,3vw,env(safe-area-inset-left,0px));right:max(18px,3vw,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 62px);bottom:calc(env(safe-area-inset-bottom,0px) + 92px);border-radius:26px;overflow:hidden;background:#0a0c1e;
 box-shadow:0 0 0 1px rgba(255,246,220,0),0 0 80px rgba(232,180,74,.18),0 30px 90px rgba(0,0,0,.6);
 clip-path:circle(0% at var(--qx,50%) var(--qy,50%));transition:clip-path .9s cubic-bezier(.2,.8,.2,1)}
#jw.aberto .jw-q{clip-path:circle(150% at var(--qx,50%) var(--qy,50%))}
#jw.fecha .jw-q{clip-path:circle(0% at 50% 100%);transition:clip-path .55s cubic-bezier(.7,0,.95,.3)}
#jw.fecha .jw-ceu{opacity:0}
#jw .jw-telas{position:absolute;inset:0}
/* cada janela continua viva atrás; só a da frente aparece */
#jw iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease}
#jw iframe.viva{visibility:visible}
#jw.carregou iframe.viva{opacity:1}
#jw .jw-x{all:unset;flex:none;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#ece5d8;font:300 22px/1 "Jost",sans-serif;background:rgba(10,12,30,.6);box-shadow:0 0 18px rgba(232,180,74,.18)}
#jw .jw-x:hover,#jw .jw-x:focus-visible{color:#fff6dc;box-shadow:0 0 28px rgba(232,180,74,.4)}
#jw .jw-luz{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6dc,#e8b44a 45%,rgba(232,180,74,0) 72%);filter:blur(1px);animation:jwrespira 2.4s ease-in-out infinite;transition:opacity .4s}
#jw.carregou .jw-luz{opacity:0}
@keyframes jwrespira{0%,100%{transform:scale(.7);opacity:.55}50%{transform:scale(1.05);opacity:1}}
#jw .jw-cartao{position:absolute;inset:0;display:none;place-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 40%,rgba(232,180,74,.14),transparent 60%),#0a0c1e;color:#ece5d8}
#jw.recusa .jw-cartao{display:grid}
#jw.recusa .jw-luz,#jw.recusa iframe{display:none}
.jw-cartao b{display:block;font:400 13px "Michroma","Jost",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#f6d98a;margin-bottom:12px}
.jw-cartao p{margin:0 auto 20px;max-width:34ch;font:300 15px/1.55 "Jost",sans-serif;color:#cfc7b8}
.jw-cartao a{display:inline-block;padding:12px 22px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff6dc,#e8b44a 70%);color:#16120a;text-decoration:none;font:500 12px "Jost",sans-serif;letter-spacing:.08em;box-shadow:0 0 30px rgba(232,180,74,.45)}
#jw .jw-topo{position:absolute;left:max(22px,3vw,env(safe-area-inset-left,0px));right:max(22px,3vw,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 14px);height:38px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-8px);transition:opacity .5s .25s,transform .5s .25s}
#jw.aberto .jw-topo{opacity:1;transform:none}
.jw-topo b{font:400 10px "Michroma","Jost",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#f6d98a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.jw-topo span{font:400 10px "IBM Plex Mono",monospace;letter-spacing:.08em;color:rgba(236,229,216,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.jw-topo a{flex:none;font:500 9.5px "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#ece5d8;text-decoration:none;padding:9px 14px;border-radius:999px;background:rgba(10,12,30,.6);box-shadow:0 0 18px rgba(232,180,74,.18)}
.jw-topo a:hover,.jw-topo a:focus-visible{color:#fff6dc;box-shadow:0 0 28px rgba(232,180,74,.4)}
#jw .jw-menos{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translateX(-50%);width:120px;height:46px;border-radius:999px;border:0;background:rgba(5,6,15,.7);box-shadow:0 0 30px rgba(232,180,74,.25);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .5s .3s,box-shadow .3s}
#jw.aberto .jw-menos{opacity:1}
#jw .jw-menos i{display:block;width:38px;height:7px;border-radius:999px;background:#000;box-shadow:0 0 16px rgba(232,180,74,.45),inset 0 2px 3px rgba(0,0,0,.95)}
#jw .jw-menos:hover,#jw .jw-menos:focus-visible{box-shadow:0 0 44px rgba(246,217,138,.55)}
@media (max-width:599px){#jw .jw-q{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 56px);bottom:calc(env(safe-area-inset-bottom,0px) + 84px);border-radius:20px}.jw-topo span{display:none}}
@media (prefers-reduced-motion:reduce){#jw .jw-q{transition:none;clip-path:none}#jw .jw-luz{animation:none}}
