/* ==========================================================================
   JurisPark | Segurança e privacidade (extras sobre site.css)
   Só o que a página precisa além do sistema de design da home.

   Índice
   01 Página e menu ativo      02 Hero e mostrador       03 Navegação interna
   04 Números e declaração     05 Cofre: caminho da senha 06 Cofre: registro
   07 Permissões (matriz)      08 Prazos de validade     09 Dados e privacidade
   10 IA com limites           11 Boas práticas          12 Movimento
   ========================================================================== */

/* ---------- 01 Página e menu ativo ---------- */
html{scroll-padding-top:8rem}
.nav a[aria-current="page"]{opacity:1}
.hdr__panel a.pl[aria-current="page"]{color:var(--sky)}
.foot a.fl[aria-current="page"]{opacity:1;color:var(--sky)}
.sg-cap{margin-top:1rem;text-align:center}
.sg-note{display:flex;gap:.65rem;align-items:flex-start;max-width:46rem;margin-top:1.25rem;font-size:.92rem;line-height:1.55;color:var(--fg-muted)}
.sg-note .ico{margin-top:.2rem;width:1.05em;height:1.05em;color:var(--accent)}
.sg-note a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sg-notes{display:grid;gap:.25rem;margin-top:1.5rem}

/* ---------- 02 Hero e mostrador ---------- */
.sg-hero{padding-bottom:clamp(5.5rem,10vw,8.5rem)}
.sg-hero__grid{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:center}
@media (min-width:980px){.sg-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
.sg-hero .crumbs{margin-bottom:1.25rem}
.sg-hero .display{font-size:clamp(2.7rem,5.4vw,5rem);max-width:11.5em;margin-top:1.4rem}
.sg-hero .lead{margin-top:1.5rem}
.sg-hero .btn-row{margin-top:2rem}
.sg-hero .hero__note{justify-content:flex-start}

.sg-dial{position:relative;width:min(100%,32rem);aspect-ratio:1;margin-inline:auto}
@media (min-width:980px){.sg-dial{width:100%;max-width:36rem;margin-right:0}}
.sg-dial__stage{position:absolute;inset:0;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;animation:sg-dial-in 1.7s .25s var(--ease) both}
.sg-dial svg:not(.ico){width:100%;height:100%;overflow:visible}
.sg-spin{transform-origin:260px 260px;transform-box:view-box}
.sg-spin--a{animation:sg-spin 140s linear infinite}
.sg-spin--b{animation:sg-spin 70s linear infinite reverse}
.sg-spin--c{animation:sg-spin 18s linear infinite}
.sg-pulse{transform-origin:260px 260px;transform-box:view-box;animation:sg-pulse 3.8s ease-out infinite}
html.js:not(.no-motion) .sg-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:sg-draw 1.5s .9s var(--ease) forwards}
html.js:not(.no-motion) .sg-draw--2{animation-delay:1.8s}
.sg-dial .float-chip{display:none;animation-delay:1.6s}
@media (min-width:640px){.sg-dial .float-chip{display:inline-flex}}
.sg-dial .sg-c1{left:-3%;top:9%}
.sg-dial .sg-c2{right:-3%;top:46%}
.sg-dial .sg-c3{left:3%;bottom:7%}
@keyframes sg-spin{to{transform:rotate(360deg)}}
@keyframes sg-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.75);opacity:0}}
@keyframes sg-draw{to{stroke-dashoffset:0}}
@keyframes sg-dial-in{from{opacity:0;scale:.84;rotate:-16deg}to{opacity:1;scale:1;rotate:0deg}}

/* ---------- 03 Navegação interna (fixa ao rolar) ---------- */
.sg-navwrap{position:sticky;top:calc(var(--hdr-h) + 2.4rem);z-index:60;height:0;pointer-events:none}
.sg-nav{pointer-events:auto;display:flex;gap:.15rem;width:fit-content;max-width:calc(100% - 2 * var(--gutter));margin:-1.7rem auto 0;padding:.3rem;border-radius:999px;background:rgba(14,16,19,.8);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 0 0 1px rgba(255,255,255,.13),0 22px 44px -18px rgba(0,0,0,.65);overflow-x:auto;scrollbar-width:none}
.sg-nav::-webkit-scrollbar{display:none}
.sg-nav a{flex:none;padding:.5rem .95rem;border-radius:999px;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.78);white-space:nowrap;transition:background-color .35s var(--ease),color .25s}
.sg-nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.sg-nav a[aria-current]{background:#fff;color:var(--carbon)}
.sg-nav a:focus-visible{outline:2px solid var(--blue-hi);outline-offset:1px}
/* No celular o menu não acompanha a rolagem: fica na emenda do topo e sai da frente do conteúdo */
@media (max-width:699px){.sg-navwrap{position:relative;top:auto}}

/* ---------- 04 Números e declaração ---------- */
.sg-proof{padding-top:calc(var(--sec-y) + var(--r-sec) * .4 + 1rem)}
.sg-proof .statement__t{margin-top:1.5rem}

/* ---------- 05 Cofre: o caminho da senha ---------- */
.pipe{position:relative;display:grid;gap:1rem;margin-top:clamp(2.5rem,5vw,4rem)}
.pipe__node{position:relative;display:grid;gap:.7rem;align-content:start;padding:1.4rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.pipe__node p,.pipe__key p{font-size:.92rem;color:var(--fg-muted)}
.pipe__node--hot{border-color:rgba(107,185,236,.5);background:linear-gradient(180deg,rgba(17,115,176,.26),rgba(17,115,176,.07));box-shadow:0 0 0 1px rgba(107,185,236,.12) inset,0 30px 60px -30px rgba(17,115,176,.75);animation:sg-breathe 4.2s ease-in-out infinite}
.pipe__scr{display:block;margin-top:.2rem;padding:.6rem .8rem;border-radius:.6rem;background:rgba(0,0,0,.35);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;letter-spacing:.04em;color:var(--blue-hi);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pipe__scr--plain{color:var(--on-dark-muted);letter-spacing:.2em}
.pipe__key{position:relative;display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:var(--r-lg);border:1px dashed rgba(107,185,236,.5);background:rgba(107,185,236,.06)}
.pipe__key::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:1rem;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--blue-hi) 0 4px,transparent 4px 8px)}
.pipe__line{position:relative;justify-self:center;width:2px;height:2.2rem;border-radius:2px;background:repeating-linear-gradient(180deg,var(--blue) 0 7px,transparent 7px 14px);background-size:2px 14px;animation:sg-dash-v 1s linear infinite}
.pipe__line::after{content:"";position:absolute;left:50%;top:0;width:.62rem;height:.62rem;margin:-.31rem 0 0 -.31rem;border-radius:50%;background:#fff;box-shadow:0 0 14px 3px rgba(107,185,236,.9);animation:sg-run-v 2.4s var(--ease-io) infinite}
@media (min-width:900px){
  .pipe{grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1.2fr) 4.5rem minmax(0,1fr)}
  .pipe>*{grid-row:1}
  .pipe>:nth-child(1){grid-column:1}
  .pipe>:nth-child(2){grid-column:2}
  .pipe>:nth-child(3){grid-column:3}
  .pipe>:nth-child(4){grid-column:3;grid-row:2}
  .pipe>:nth-child(5){grid-column:4}
  .pipe>:nth-child(6){grid-column:5}
  .pipe__line{align-self:center;justify-self:stretch;width:auto;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 7px,transparent 7px 14px);background-size:14px 2px;animation-name:sg-dash-h}
  .pipe__line::after{left:0;top:50%;margin:-.31rem 0 0 -.31rem;animation-name:sg-run-h}
}
@keyframes sg-dash-v{to{background-position:0 14px}}
@keyframes sg-dash-h{to{background-position:14px 0}}
@keyframes sg-run-v{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:100%;opacity:0}}
@keyframes sg-run-h{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes sg-breathe{0%,100%{box-shadow:0 0 0 1px rgba(107,185,236,.12) inset,0 30px 60px -30px rgba(17,115,176,.65)}50%{box-shadow:0 0 0 1px rgba(107,185,236,.3) inset,0 34px 70px -26px rgba(17,115,176,.95)}}

/* ---------- 06 Cofre: registro de uso ---------- */
.trail-box{margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line);display:grid;gap:1rem}
.trail-box__head p{color:var(--fg-muted);margin-top:.3rem}
.trail-box__head strong{color:var(--fg);font-weight:600}
.trail{display:flex;flex-wrap:wrap;gap:.6rem}
.trail li{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;font-size:.92rem;font-weight:500;background:var(--surface);color:var(--fg);animation:sg-scan 8.4s ease-in-out infinite;animation-delay:calc(var(--k) * 1.2s)}
.trail .ico{width:1.05rem;height:1.05rem;color:var(--sky)}
@keyframes sg-scan{0%,14%,100%{border-color:var(--line);background:var(--surface)}4%,10%{border-color:rgba(107,185,236,.75);background:rgba(17,115,176,.32)}}

/* ---------- 07 Permissões (matriz por papel) ---------- */
.rm.card{overflow:hidden}
.rm.card:hover{transform:none;box-shadow:var(--shadow-1);border-color:var(--line)}
.rm.card::before{display:none}
.rm__tabs{display:flex;gap:.3rem;padding:.9rem 1rem 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;background:var(--paper)}
.rm__tabs::-webkit-scrollbar{display:none}
html:not(.js) .rm__tabs{display:none}
.rm__tab{position:relative;flex:none;padding:.85rem 1.2rem;font-weight:600;font-size:.96rem;color:var(--muted);white-space:nowrap;border-radius:.7rem .7rem 0 0;transition:color .25s,background-color .25s}
.rm__tab:hover{color:var(--text);background:rgba(20,22,26,.04)}
.rm__tab[aria-selected="true"]{color:var(--text)}
.rm__tab::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-1px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transition:transform .5s var(--ease)}
.rm__tab[aria-selected="true"]::after{transform:scaleX(1)}
.rm__panel{display:grid;gap:1.75rem 2.5rem;padding:clamp(1.25rem,3vw,2.25rem)}
@media (min-width:980px){.rm__panel{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
html:not(.js) .rm__panel+.rm__panel{border-top:1px solid var(--line)}
.rm__ph{display:none;font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1}
html:not(.js) .rm__ph{display:block}
.rm__side{display:grid;gap:.9rem;align-content:start}
.rm__big{display:grid;gap:.1rem}
.rm__big b{font-family:var(--serif);font-weight:400;font-size:clamp(4.2rem,8vw,6.6rem);line-height:.9;letter-spacing:-.03em;color:var(--text)}
.rm__big span{font-size:.92rem;color:var(--muted)}
.rm__bar{height:6px;border-radius:99px;background:var(--paper-2);overflow:hidden}
.rm__bar i{display:block;height:100%;width:var(--pct);border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--sky));transform-origin:left;animation:sg-bar 1.2s .15s var(--ease) both}
.rm__desc{font-size:.95rem;color:var(--muted)}
.rm__detail{min-height:6.6rem;padding:1rem 1.1rem;border:1px dashed var(--line-strong);border-radius:.9rem;font-size:.86rem;line-height:1.5;color:var(--muted);transition:border-color .3s,background-color .3s}
.rm__detail b{display:block;margin-bottom:.35rem;color:var(--text);font-size:.92rem}
.rm__detail.is-set{border-style:solid;border-color:rgba(17,115,176,.4);background:color-mix(in srgb,var(--blue) 4%,#fff)}
.rm__detail ul{display:grid;gap:.15rem}
.rm__detail li{position:relative;padding-left:1.15rem}
.rm__detail li::before{content:"";position:absolute;left:0;top:.5em;width:.55rem;height:.55rem;border-radius:3px;background:linear-gradient(135deg,var(--blue),var(--sky))}
.rm__detail li.off{color:#6b717b;text-decoration:line-through;text-decoration-color:rgba(20,22,26,.28)}
.rm__detail li.off::before{background:transparent;border:1px solid var(--line-strong)}
.rm__rows{display:grid;gap:.5rem;align-content:start}
@media (min-width:1180px){.rm__rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.9rem}}
.rm__row{display:block;border:1px solid var(--line);border-radius:.85rem;background:#fff;transition:border-color .25s,box-shadow .4s var(--ease),transform .4s var(--ease)}
.rm__row:hover,.rm__row:focus-within,.rm__row.is-hot{border-color:var(--blue);box-shadow:0 14px 28px -16px rgba(17,115,176,.55);transform:translateY(-2px)}
.rm__btn{display:flex;align-items:center;gap:.8rem;width:100%;padding:.7rem .85rem;text-align:left;border-radius:.85rem;cursor:pointer}
.rm__more{display:grid;gap:.2rem;padding:.1rem .85rem .85rem;font-size:.86rem;line-height:1.45;color:var(--muted)}
.rm__more li{position:relative;padding-left:1.15rem}
.rm__more li::before{content:"";position:absolute;left:0;top:.5em;width:.55rem;height:.55rem;border-radius:3px;background:linear-gradient(135deg,var(--blue),var(--sky))}
.rm__more li.off{color:#6b717b;text-decoration:line-through;text-decoration-color:rgba(20,22,26,.28)}
.rm__more li.off::before{background:transparent;border:1px solid var(--line-strong)}
@media (min-width:980px){.rm__more{display:none!important}.rm__btn{cursor:default}}
.rm__g{flex:1;min-width:0;font-size:.9rem;font-weight:600;line-height:1.25}
.rm__cells{display:inline-flex;gap:.28rem;flex:none}
.rm__cells i{width:.95rem;height:.95rem;border-radius:.3rem;border:1px solid var(--line-strong);animation:sg-pop .55s var(--ease) both;animation-delay:calc(var(--r,0) * 32ms + var(--c,0) * 45ms)}
.rm__cells i.on{background:linear-gradient(135deg,var(--blue),var(--sky));border-color:var(--blue)}
.rm__n{flex:none;min-width:2.1rem;text-align:right;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
@keyframes sg-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes sg-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- 08 Prazos de validade ---------- */
.ttl{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem)}
@media (max-width:479px){.ttl{grid-template-columns:minmax(0,1fr)}}
@media (min-width:960px){.ttl{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ttl__i{position:relative;display:grid;gap:.6rem;align-content:start;padding:1.4rem 1.3rem 1.5rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);overflow:hidden}
.ttl__i p:not(.ttl__n){font-size:.92rem;color:var(--fg-muted)}
.ttl__n{display:flex;align-items:baseline;gap:.45rem;font-family:var(--serif);font-size:clamp(3.2rem,5.6vw,4.8rem);line-height:.9;letter-spacing:-.03em;color:var(--on-dark)}
.ttl__n b{font-weight:400}
.ttl__n small{font-family:var(--sans);font-size:1rem;font-weight:600;letter-spacing:0;color:var(--sky)}
.ttl__ring{position:absolute;right:-1.3rem;top:-1.3rem;width:6.6rem;height:6.6rem;transform:rotate(-90deg);pointer-events:none}
.ttl__ring circle{fill:none;stroke:rgba(107,185,236,.4);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round}
html.js:not(.no-motion) .ttl__ring circle{stroke-dashoffset:1;transition:stroke-dashoffset 1.9s var(--ease) .35s}
html.js:not(.no-motion) .ttl.live .ttl__ring circle{stroke-dashoffset:0}
.sg-card{padding:1.5rem;display:grid;gap:.8rem;align-content:start}
.sg-card p{font-size:.95rem;color:var(--fg-muted)}

/* ---------- 09 Dados e privacidade ---------- */
.xp{display:grid;gap:.95rem;width:100%}
.xp__file{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--paper);font-weight:600;font-size:.92rem}
.xp__file>.ico{color:var(--blue)}
.xp__file .badge{margin-left:auto}
.xp__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem 1rem;font-size:.9rem;color:var(--muted)}
.xp__list li{position:relative;padding-left:1.5rem}
.xp__list li::before{content:"";position:absolute;left:0;top:.35em;width:.9rem;height:.9rem;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/68% no-repeat}
.xp__list .xp__no{color:var(--text);font-weight:600}
.xp__list .xp__no::before{display:none}
.xp__no .ico{position:absolute;left:0;top:.2em;width:1.05rem;height:1.05rem;color:#b3392f}
html.js:not(.no-motion) .xp__list li{opacity:0;translate:-10px 0;transition:opacity .6s var(--ease),translate .7s var(--ease);transition-delay:calc(var(--k) * 70ms + 250ms)}
html.js:not(.no-motion) .live .xp__list li{opacity:1;translate:none}

.del{position:relative;display:grid;gap:1rem;width:100%}
.del li{position:relative;z-index:1;display:grid;grid-template-columns:2.1rem 1fr;gap:.9rem;align-items:start}
.del li:not(:last-child)::before{content:"";position:absolute;left:1.05rem;top:2.3rem;bottom:-1.05rem;width:2px;margin-left:-1px;border-radius:2px;background:var(--blue)}
.del li:nth-child(2)::before{background:linear-gradient(var(--blue),#c0392b)}
.del__n{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;border:1.5px solid var(--blue);font-weight:700;font-size:.85rem;color:var(--blue)}
.del__end .del__n{border-color:#c0392b;color:#c0392b}
.del li div b{display:block;font-size:.95rem;line-height:1.3}
.del li div span{display:block;margin-top:.1rem;font-size:.86rem;color:var(--muted)}
html.js:not(.no-motion) .del li{opacity:0;translate:0 10px;transition:opacity .6s var(--ease),translate .7s var(--ease);transition-delay:calc(var(--k) * 380ms + 200ms)}
html.js:not(.no-motion) .live .del li{opacity:1;translate:none}

.hs{display:grid;gap:.5rem;width:100%}
.hs__h,.hs__r{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr;gap:.6rem}
.hs__h{padding:0 .75rem}
.hs__h span{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hs__r{align-items:center;padding:.7rem .75rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}
.hs__r i{display:block;height:.5rem;border-radius:99px;background:var(--paper-2)}
.hs__r i:nth-child(3){background:#f3d6d2}
.hs__r i:nth-child(4){background:#d3ead7}
.hs__r--hot{border-color:var(--blue);box-shadow:0 12px 26px -14px rgba(17,115,176,.6)}
.hs__r--hot i{background:linear-gradient(90deg,#dfe4ea 30%,#b9dcf3 50%,#dfe4ea 70%);background-size:220% 100%;animation:sg-shimmer 2.8s linear infinite}
.hs__r--hot i:nth-child(3){background:linear-gradient(90deg,#f3d6d2 30%,#f0b3ab 50%,#f3d6d2 70%);background-size:220% 100%}
.hs__r--hot i:nth-child(4){background:linear-gradient(90deg,#d3ead7 30%,#9fd3aa 50%,#d3ead7 70%);background-size:220% 100%}
@keyframes sg-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
html.js:not(.no-motion) .hs__r{opacity:0;translate:0 8px;transition:opacity .6s var(--ease),translate .7s var(--ease)}
html.js:not(.no-motion) .hs__r:nth-of-type(2){transition-delay:.2s}
html.js:not(.no-motion) .hs__r:nth-of-type(3){transition-delay:.4s}
html.js:not(.no-motion) .hs__r:nth-of-type(4){transition-delay:.6s}
html.js:not(.no-motion) .live .hs__r{opacity:1;translate:none}

.iso{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:stretch;width:100%}
.iso__box{display:grid;gap:.45rem;align-content:start;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:#fff}
.iso__box b{font-size:.78rem;line-height:1.2}
.iso__box i{display:block;height:.45rem;border-radius:99px;background:var(--paper-2)}
.iso__box i:nth-of-type(2){width:80%}
.iso__box i:nth-of-type(3){width:55%}
.iso__box--b{background:var(--paper)}
.iso__wall{display:grid;place-items:center;width:2.5rem;border-radius:.75rem;border:1px dashed var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,transparent)}
.iso__wall .ico{width:1.2rem;height:1.2rem;animation:sg-bob 3.2s ease-in-out infinite}
@keyframes sg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
html.js:not(.no-motion) .iso__box{opacity:0;transition:opacity .8s var(--ease),translate .9s var(--ease)}
html.js:not(.no-motion) .iso__box:first-child{translate:-18px 0}
html.js:not(.no-motion) .iso__box--b{translate:18px 0;transition-delay:.15s}
html.js:not(.no-motion) .live .iso__box{opacity:1;translate:none}
.bc .fine{font-size:.82rem}
.sg-links{display:grid;gap:.7rem;justify-items:start}

/* ---------- 10 IA com limites ---------- */
.sg-paper{--fg:var(--text);--fg-muted:var(--muted);--line:rgba(20,22,26,.1);--line-strong:rgba(20,22,26,.2);--accent:var(--blue);--surface:#fff;color:var(--text)}
.sg-ia{display:grid;gap:1.15rem;padding:clamp(1.4rem,3vw,2rem)}
.sg-ia__h{margin-top:.4rem}
.nev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.nev li{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.8rem;background:var(--paper);font-weight:600;font-size:.9rem}
.nev .ico{flex:none;color:var(--blue);width:1.05rem;height:1.05rem}
@media (max-width:419px){.nev{grid-template-columns:minmax(0,1fr)}}
.sg-warn{display:flex;gap:.6rem;align-items:flex-start;padding:.85rem 1rem;border-radius:.85rem;border-left:3px solid var(--blue);background:var(--paper-2);font-size:.84rem;line-height:1.5;color:var(--muted)}
.sg-warn .ico{flex:none;margin-top:.15rem;width:1.05em;height:1.05em;color:var(--blue)}

/* ---------- 11 Boas práticas ---------- */
.bp{display:grid;gap:clamp(2rem,5vw,4rem)}
@media (min-width:980px){.bp{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start}.bp__aside{position:sticky;top:7.5rem}}
.bp__aside{display:grid;gap:1.25rem;align-content:start}
.ckring{position:relative;width:9.5rem;height:9.5rem}
.ckring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ckring circle{fill:none;stroke-width:7;stroke-linecap:round}
.ckring__bg{stroke:rgba(20,22,26,.09)}
.ckring__fg{stroke:var(--blue);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s var(--ease)}
.ckring__t{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ckring__t b{font-family:var(--serif);font-weight:400;font-size:3rem;line-height:1}
.ckring__t span{font-size:.8rem;color:var(--muted)}
.ck{display:grid;gap:.6rem}
.ck label{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:start;padding:1.05rem 1.15rem;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;cursor:pointer;transition:border-color .3s,background-color .3s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.ck label:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-1)}
.ck b{display:block;font-weight:600;line-height:1.35}
.ck small{display:block;margin-top:.2rem;font-size:.9rem;line-height:1.5;color:var(--muted)}
.ck input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:1.55rem;height:1.55rem;margin:.05rem 0 0;border:1.5px solid var(--line-strong);border-radius:.5rem;background:#fff;cursor:pointer;transition:background-color .3s,border-color .3s}
.ck input::after{content:"";width:.95rem;height:.95rem;transform:scale(0);transition:transform .4s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.ck input:checked{background:var(--blue);border-color:var(--blue)}
.ck input:checked::after{transform:scale(1)}
.ck input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.ck label:has(input:checked){border-color:rgba(17,115,176,.45);background:color-mix(in srgb,var(--blue) 5%,#fff)}

/* ---------- 12 Movimento ---------- */
/* Preferência por menos movimento: pausa só o que roda em loop; as entradas continuam. */
@media (prefers-reduced-motion:reduce){
  .sg-spin,.sg-pulse,.pipe__node--hot,.pipe__line,.pipe__line::after,.trail li,.hs__r--hot i,.iso__wall .ico{animation-play-state:paused!important}
  .pipe__line::after{opacity:0}
  .trail li{animation:none}
}
/* ?sem-movimento: tudo parado e visível (o site.css já zera animações e transições) */
.no-motion .pipe__line::after{opacity:0}
.no-motion .rm__cells i,.no-motion .rm__bar i{opacity:1;transform:none}
.no-motion .sg-dial__stage{opacity:1;scale:1;rotate:0deg}
@media print{
  .sg-navwrap{display:none!important}
  .rm__panel[hidden]{display:grid!important}
  .rm__tabs{display:none}
  .rm__ph{display:block}
}