/* Painel animado do hero — exemplo ilustrativo do painel JurisShield.
   Sem vídeo: CSS + SVG, ~9 KB. Respeita prefers-reduced-motion. */
.jp{position:relative;background:linear-gradient(160deg,#0d1b2a 0%,#071426 100%);border:1px solid rgba(201,168,76,.28);border-radius:20px;padding:26px 26px 22px;box-shadow:0 32px 96px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);color:#e2eaf5;font-family:'Inter',system-ui,sans-serif;overflow:hidden}
.jp::before{content:'';position:absolute;inset:auto -40% -60% auto;width:70%;height:70%;background:radial-gradient(closest-side,rgba(201,168,76,.18),transparent 70%);pointer-events:none}
.jp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.jp-title{font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#7a96b4}
.jp-chip{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#c9a84c;background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.28);padding:4px 10px;border-radius:999px}
.jp-top{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.jp-gauge{position:relative;width:150px;height:150px}
.jp-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.jp-gauge .trk{fill:none;stroke:rgba(255,255,255,.07);stroke-width:11}
.jp-gauge .arc{fill:none;stroke:url(#jpGold);stroke-width:11;stroke-linecap:round;stroke-dasharray:408;stroke-dashoffset:408;filter:drop-shadow(0 0 6px rgba(201,168,76,.55))}
.jp.on .jp-gauge .arc{transition:stroke-dashoffset 1.6s cubic-bezier(.22,.8,.3,1) .25s}
.jp-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif}
.jp-num b{font-size:2.6rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}
.jp-num small{font-size:.62rem;font-family:'Inter',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7a96b4;margin-top:4px}
.jp-pil{display:grid;gap:9px}
.jp-row{display:grid;grid-template-columns:96px 1fr 10px;gap:10px;align-items:center;font-size:.78rem;color:#c4cfe4;opacity:0;transform:translateX(8px)}
.jp.on .jp-row{transition:opacity .45s ease,transform .45s ease}
.jp.on .jp-row:nth-child(1){transition-delay:.9s}.jp.on .jp-row:nth-child(2){transition-delay:1.1s}.jp.on .jp-row:nth-child(3){transition-delay:1.3s}.jp.on .jp-row:nth-child(4){transition-delay:1.5s}
.jp.on .jp-row{opacity:1;transform:none}
.jp-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.jp-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--c,#c9a84c);box-shadow:0 0 8px var(--c,#c9a84c)}
.jp.on .jp-bar i{transition:width 1.1s cubic-bezier(.22,.8,.3,1)}
.jp.on .jp-row:nth-child(1) .jp-bar i{transition-delay:1.0s}.jp.on .jp-row:nth-child(2) .jp-bar i{transition-delay:1.2s}.jp.on .jp-row:nth-child(3) .jp-bar i{transition-delay:1.4s}.jp.on .jp-row:nth-child(4) .jp-bar i{transition-delay:1.6s}
.jp.on .jp-row:nth-child(1) .jp-bar i{width:82%}.jp.on .jp-row:nth-child(2) .jp-bar i{width:58%}.jp.on .jp-row:nth-child(3) .jp-bar i{width:49%}.jp.on .jp-row:nth-child(4) .jp-bar i{width:31%}
.jp-dot{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.jp-foot{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jp-act{font-size:.72rem;color:#7a96b4;display:flex;align-items:center;gap:8px;opacity:0}
.jp.on .jp-act{transition:opacity .5s ease}
.jp.on .jp-act:nth-child(1){transition-delay:2.0s}.jp.on .jp-act:nth-child(2){transition-delay:2.15s}
.jp.on .jp-act{opacity:1}
.jp-act::before{content:'';width:14px;height:14px;border-radius:4px;border:1px solid rgba(201,168,76,.5);flex:none}
.jp-act.ok::before{background:rgba(34,197,94,.18);border-color:#22c55e}
.jp-note{position:absolute;right:14px;bottom:12px;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:#7a96b4;background:rgba(7,20,38,.85);border:1px solid rgba(122,150,180,.25);padding:4px 9px;border-radius:999px}
.jp-disc{margin-top:10px;font-size:.62rem;color:#7a96b4;line-height:1.4}
@media (max-width:520px){.jp{padding:18px 16px 16px}.jp-top{grid-template-columns:120px 1fr;gap:14px}.jp-gauge{width:120px;height:120px}.jp-num b{font-size:2.1rem}.jp-row{grid-template-columns:82px 1fr 9px;font-size:.72rem}}
@media (prefers-reduced-motion:reduce){.jp *{transition:none!important}.jp .jp-gauge .arc{stroke-dashoffset:155!important}.jp .jp-row,.jp .jp-act{opacity:1!important;transform:none!important}}
/* hero: afasta o WhatsApp flutuante do painel enquanto o hero está visível */
.hero .hero-visual{margin-bottom:8px}
@media (min-width:900px){.hero-visual .jp{max-width:520px;margin-left:auto}}