.jn{--p:0;background:var(--background);color:var(--foreground);position:relative}.jn-palco{padding:clamp(3rem,8vw,6rem) 0;position:relative}.jn-topo{margin-bottom:clamp(1.5rem,4vw,3rem)}.jn-topo h2{max-width:22ch;font-family:var(--font-display,inherit);font-size:clamp(var(--t-3), 4.6vw, var(--t-5));letter-spacing:-.02em;text-wrap:balance;margin:.4em 0;line-height:1.08}.jn-lead{color:var(--muted-foreground);max-width:52ch;margin:0}.jn-cena{padding:clamp(1.2rem,3vw,2rem) 0}.jn-grade{align-items:center;gap:clamp(1.2rem,4vw,3rem);display:grid}@media (min-width:860px){.jn-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.jn-tag{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-m1);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 var(--e-2)}.jn-texto h3{font-family:var(--font-display,inherit);font-size:clamp(var(--t-2), 3.4vw, var(--t-4));margin:0 0 .5em;line-height:1.1}.jn-texto p{color:var(--muted-foreground);max-width:52ch}.jn-cta{min-height:48px;padding:0 var(--e-6);border:1px solid color-mix(in oklab, var(--primary) 60%, var(--border));color:var(--foreground);margin-top:var(--e-2);border-radius:999px;align-items:center;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.jn-cta:hover{background:var(--primary);color:var(--primary-foreground,#05070b)}.jn-cta:focus-visible{outline:3px solid var(--ring,var(--primary));outline-offset:3px}.jn-arte{background:color-mix(in oklab, var(--primary) 5%, var(--card));border:1px solid var(--border);min-height:240px;padding:var(--e-4);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.jn-svg{width:100%;height:auto;max-height:320px}.jn-exemplo{z-index:1;font-size:var(--t-m2);letter-spacing:.08em;color:var(--muted-foreground);margin:0;position:absolute;top:10px;left:14px}.jn-trilho,.jn-barra{display:none}.jn-contorno path{stroke:color-mix(in oklab, var(--primary) 80%, transparent);stroke-width:2px}.jn-contorno path:nth-child(2){opacity:.75}.jn-contorno path:nth-child(3){opacity:.55}.jn-contorno path:nth-child(4){opacity:.4}.jn-pino path{fill:none;stroke:var(--foreground);stroke-width:4px;stroke-linejoin:round}.jn-pino circle{fill:var(--primary)}.jn-fluxo rect{fill:var(--card);stroke:var(--border);stroke-width:1.5px}.jn-fluxo rect.jn-ok{stroke:var(--primary)}.jn-fluxo text{fill:var(--foreground)}.jn-fluxo path{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.jn-mesa-box{width:min(340px,90%);position:relative}.jn-tampo{fill:color-mix(in oklab, var(--primary) 14%, var(--card));stroke:var(--primary);stroke-width:2.5px}.jn-pe{fill:none;stroke:var(--foreground);stroke-width:4px;stroke-linecap:round}.jn-cad{fill:none;stroke:var(--muted-foreground);stroke-width:3px}.jn-aviso{padding:var(--e-3) var(--e-4);background:var(--card);border:1px solid var(--primary);white-space:nowrap;border-radius:14px;gap:2px;display:grid;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -16px #0009}.jn-aviso strong{font-family:var(--font-mono,monospace);color:var(--primary)}.jn-aviso span{font-size:var(--t-m1);color:var(--muted-foreground)}.jn-porta{aspect-ratio:3/4;border:1px solid var(--border);perspective:900px;border-radius:100px 100px 12px 12px;width:min(200px,60%);position:relative;overflow:hidden}.jn-interior{place-content:center;justify-items:center;gap:var(--e-2);text-align:center;background:color-mix(in oklab, var(--primary) 14%, var(--card));display:grid;position:absolute;inset:0}.jn-interior i{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground,#05070b);border-radius:50%;place-items:center;font-style:normal;font-weight:600;display:grid}.jn-interior span{font-size:var(--t-m1);font-weight:600}.jn-folha{background:linear-gradient(160deg, color-mix(in oklab, var(--card) 80%, var(--primary)), var(--card));width:50%;box-shadow:inset 0 0 0 1px var(--border);position:absolute;top:0;bottom:0}.jn-fe{transform-origin:0;left:0;transform:rotateY(0)}.jn-fd{transform-origin:100%;right:0}.jn.jn-on{height:420vh}.jn-on .jn-palco{contain:layout paint;grid-template-rows:auto 1fr;height:100svh;padding:0;display:grid;position:sticky;top:0;overflow:hidden}.jn-on .jn-topo{margin-bottom:0;padding-top:clamp(4.5rem,9vh,6rem)}.jn-on .jn-topo h2{font-size:clamp(var(--t-2), 3.6vw, var(--t-4))}.jn-on .jn-lead{font-size:var(--t-0)}.jn-on .jn-cena{visibility:hidden;align-content:center;padding:0;display:grid;position:absolute;inset:36% 0 8%}.jn-on .jn-cena.ativa{visibility:visible}.jn-on .jn-geo{opacity:calc(1 - clamp(0, (var(--p) - .3) * 14, 1))}.jn-on .jn-mesa-cena,.jn-on .jn-cena.jn-mesa{opacity:calc(clamp(0, (var(--p) - .34) * 14, 1) * (1 - clamp(0, (var(--p) - .62) * 14, 1)));transform:translateY(calc((1 - clamp(0, (var(--p) - .34) * 14, 1)) * 40px))}.jn-on .jn-libera{opacity:clamp(0, (var(--p) - .68) * 14, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .68) * 14, 1)) * 40px))}.jn-on .jn-arte{height:min(40vh,300px);min-height:0}.jn-on .jn-contorno path{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, var(--p) * 6, 1))}.jn-on .jn-pino{opacity:clamp(0, (var(--p) - .1) * 10, 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .1) * 10, 1)) * -40px));transform-box:fill-box}.jn-on .jn-fluxo{opacity:clamp(0, (var(--p) - .18) * 10, 1)}.jn-on .jn-aviso{transform:translateX(-50%) translateY(calc((1 - clamp(0, (var(--p) - .42) * 8, 1)) * 24px));opacity:clamp(0, (var(--p) - .4) * 8, 1)}.jn-on .jn-fe{transform:rotateY(calc(clamp(0, (var(--p) - .74) * 5, 1) * 82deg))}.jn-on .jn-fd{transform:rotateY(calc(clamp(0, (var(--p) - .74) * 5, 1) * -82deg))}.jn-on .jn-trilho{gap:var(--e-5);font-family:var(--font-mono,monospace);font-size:var(--t-m1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);z-index:3;margin:0;padding:0 max(20px,50% - 580px);list-style:none;display:flex;position:absolute;bottom:14px;left:0;right:0}.jn-ponto{opacity:.45;transition:opacity .3s,color .3s}.jn[data-etapa="1"] .jn-p-geo,.jn[data-etapa="2"] .jn-p-mesa,.jn[data-etapa="3"] .jn-p-libera{opacity:1;color:var(--primary)}.jn-on .jn-barra{background:var(--primary);transform-origin:0;height:3px;transform:scaleX(var(--p));z-index:3;display:block;position:absolute;bottom:0;left:0;right:0}@media (max-width:859px){.jn-on .jn-cena{top:30%}.jn-on .jn-texto p{font-size:var(--t-0)}.jn-on .jn-arte{height:min(26vh,200px)}.jn-on .jn-topo h2{font-size:var(--t-2)}.jn-on .jn-lead{display:none}}@media (prefers-reduced-motion:reduce){.jn.jn-on{height:auto}.jn-on .jn-palco{height:auto;position:relative}}.jn-on .jn-cena>.shell,.jn-on .jn-topo.shell{margin-inline:auto;width:min(1180px,100vw - 48px)!important}@media (max-width:640px){.jn-on .jn-cena>.shell,.jn-on .jn-topo.shell{width:min(1180px,100vw - 32px)!important}}
.hf{padding-block:clamp(3rem,8vw,6rem)}.hf h2{font-family:var(--font-display,inherit);font-size:clamp(var(--t-2), 3.6vw, var(--t-4));margin:0 0 var(--e-5)}.hf-lista{max-width:820px}.hf details{border-bottom:1px solid var(--border)}.hf summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--e-4);min-height:48px;padding:var(--e-2) 0;font-weight:500;list-style:none;display:flex}.hf summary::-webkit-details-marker{display:none}.hf summary:after{content:"+";color:var(--primary);font:var(--t-1) var(--font-mono,monospace);transition:transform .3s var(--ease-saida)}.hf details[open] summary:after{transform:rotate(45deg)}.hf summary:focus-visible{outline:3px solid var(--ring,var(--primary));outline-offset:3px}.hf details p{padding:0 0 var(--e-4);color:var(--muted-foreground);margin:0}@media (prefers-reduced-motion:reduce){.hf summary:after{transition:none}}
