/* PAS e PAR e Recursos e contrarrazões · complementa estilo.css e paginas-servico.css · traços da página de processo de sanção, na marca atual */

/* hero com card de fatos */
.sp-hero h1{font-size:clamp(2rem,4vw,3.6rem);max-width:none;line-height:1.04;letter-spacing:-.035em;word-spacing:.08em}
.sp-hero__grade{display:grid;gap:clamp(2rem,5vw,3rem);align-items:center}
.sp-fatos{position:relative;padding:2.25rem 1.5rem 1.75rem;background:var(--panel);border:1px solid var(--linha)}
.sp-fatos::before{content:'';position:absolute;left:0;top:0;width:44px;height:3px;background:var(--red)}
.sp-fatos__t{margin-bottom:.75rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sp-fatos li{position:relative;padding:.85rem 0 .85rem 1.5rem;border-top:1px solid var(--linha);font-family:var(--sora);font-weight:600;font-size:1.02rem;line-height:1.3;letter-spacing:-.015em}
.sp-fatos li::before{content:'';position:absolute;left:0;top:1.3rem;width:9px;height:9px;background:var(--red)}
@media (min-width:1000px){.sp-hero__grade{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}

/* pulso do ponto do selo */
.sv-selo::before{animation:sp-pulso 2.8s ease-out infinite}
@keyframes sp-pulso{0%{box-shadow:0 0 0 0 rgba(231,21,43,.55)}70%,100%{box-shadow:0 0 0 10px rgba(231,21,43,0)}}

/* prazo: números e citações */
.sp-numeros{display:grid;gap:2rem}
.sp-numeros .sv-dado__v{font-size:clamp(5rem,20vw,8.5rem)}
.sp-cits{display:grid;gap:1.25rem;margin:0 0 1.75rem}
.sp-cit{position:relative;padding:.2rem 0 .2rem 1.25rem;border-left:3px solid var(--red)}
.sp-cit .sv-cit{font-size:1.15rem}
.sp-cit .sv-fonte{margin-top:.5rem}
.sp-cit .sv-fonte a{border-bottom:1px solid currentColor}
.sv-prazo .sv-txt p:first-child{color:var(--muted);font-weight:400}
.sv-prazo .sv-txt{max-width:60ch}
@media (min-width:600px) and (max-width:899px){.sp-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* tabela comparativa: no celular cada linha vira um cartão */
.sp-tabela{width:100%;border-collapse:collapse;font-size:.98rem;line-height:1.5}
.sp-tabela thead th{padding:1rem 1.1rem;text-align:left;font-family:var(--sora);font-weight:700;font-size:1.05rem;letter-spacing:-.015em;border-bottom:2px solid var(--red)}
.sp-tabela tbody th,.sp-tabela td{padding:1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.sp-tabela tbody th{font-weight:700;color:var(--white);width:12rem}
.sp-tabela td{color:var(--muted)}
.sp-tabela tbody tr{transition:background-color .25s}
.sp-tabela tbody tr:hover{background:var(--panel)}
@media (max-width:899px){
  .sp-tabela,.sp-tabela tbody,.sp-tabela tr,.sp-tabela th,.sp-tabela td{display:block;width:auto}
  .sp-tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sp-tabela tbody tr{position:relative;margin-bottom:1rem;padding:1.25rem 1.25rem .5rem;background:var(--panel);border:1px solid var(--linha)}
  .sp-tabela tbody tr::before{content:'';position:absolute;left:0;top:0;width:44px;height:3px;background:var(--red)}
  .sp-tabela tbody th{padding:0 0 .75rem;border:0;font-family:var(--sora);font-size:1.15rem;width:auto}
  .sp-tabela td{padding:.75rem 0;border-bottom:0;border-top:1px solid var(--linha)}
  .sp-tabela td::before{content:attr(data-l);display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--white);opacity:.6}
}
.sp-tabela-nota{margin-top:1.5rem}
.sp-tabela-nota+.sv-ressalva{margin-top:.75rem}

/* situações em 6 cartões */
.sv-cards--6{grid-template-columns:1fr}
@media (min-width:720px){.sv-cards--6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.sv-cards--6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sp-sec-fim{margin-top:clamp(2rem,4vw,3rem)}

/* passos: barra vermelha que desenha ao entrar */
.sv-passo{position:relative}
.sv-passo::after{content:'';position:absolute;left:0;top:-1px;height:2px;width:44px;background:var(--red);transition:width .7s var(--ease)}
.js .sv-passo:not(.in)::after{width:0}

/* quem atende e programa de integridade */
.sp-texto{display:grid;gap:1.1rem;max-width:62ch;font-size:1.125rem;color:var(--muted)}
.sp-texto p:first-child{color:var(--white);font-weight:600}
.sp-duas{display:grid;gap:clamp(2rem,5vw,3rem)}
.sp-duas h2{max-width:20ch;text-wrap:balance}
.sp-lei{padding-left:1.25rem;border-left:3px solid var(--red)}
@media (min-width:900px){.sp-duas{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem;align-items:start}}
.sp-acao{margin-top:1.75rem}

/* veja também em grupos */
.sv-leia--grupos .wrap{display:grid;gap:1.5rem 3rem}
.sv-leia--grupos .grupo{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.75rem}
.sv-leia--grupos .grupo>p{flex:0 0 100%}
@media (min-width:900px){.sv-leia--grupos .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* o universo Priorizzi */
.sp-uni__grupo+.sp-uni__grupo{margin-top:clamp(2rem,4vw,3rem)}
.sp-uni__t{margin-bottom:1rem;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sp-uni__grade{display:grid;grid-template-columns:minmax(0,1fr);gap:0 2rem;overflow-wrap:anywhere}
.sp-uni__grade>li{border-top:1px solid var(--linha)}
.sp-uni__grade a.sp-uni__item{display:block;padding:1.1rem 0 1.25rem;transition:transform .25s var(--ease)}
.sp-uni__item strong{display:block;font-family:var(--sora);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;margin-bottom:.25rem;border-bottom:2px solid transparent;width:max-content;max-width:100%;transition:border-color .2s}
.sp-uni__item:hover strong,.sp-uni__item:focus-visible strong{border-color:var(--red)}
.sp-uni__item span:not(.sr){display:block;color:var(--muted);font-size:.98rem;line-height:1.5}
.sp-uni__bloco{padding:1.1rem 0 1.25rem}
.sp-uni__bloco strong{display:block;font-family:var(--sora);font-weight:700;font-size:1.1rem;letter-spacing:-.015em;margin-bottom:.25rem}
.sp-uni__bloco>span{display:block;color:var(--muted);font-size:.98rem;line-height:1.5}
.sp-uni__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.75rem}
.sp-uni__links a{font-weight:600;border-bottom:1px solid var(--linha-ink,var(--linha))}
.sp-uni__links a:hover{border-color:var(--red)}
@media (min-width:720px){.sp-uni__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.sp-uni__grade{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  .sv-selo::before{animation:none}
  .sv-passo::after,.sp-tabela tbody tr,.sp-uni__item strong{transition:none}
}

/* v2 · LP pela dor: o que está acontecendo, o que fazer e não fazer, passos e caixa */
.sp-linhas{display:grid;gap:0;max-width:62ch;margin-bottom:2rem}
.sp-linhas li{position:relative;padding:1rem 0 1rem 1.6rem;border-top:1px solid var(--linha);font-size:1.1rem}
.sp-linhas li::before{content:'';position:absolute;left:0;top:1.65rem;width:9px;height:9px;background:var(--red)}
.sp-linhas li:first-child{font-family:var(--sora);font-weight:600;font-size:1.25rem;line-height:1.35;letter-spacing:-.015em}
.sp-linhas+.sp-tabela,.sp-linhas+table{margin-top:1rem}
.sp-acoes{display:grid;gap:1.5rem}
.sp-acoes .sv-col{padding:2.5rem 1.5rem 2rem}
.sp-acoes h2,.sp-acoes h3{font-size:clamp(1.6rem,2vw + 1rem,2.4rem);margin-bottom:1.25rem}
.sp-lista{counter-reset:l}
.sp-lista li{counter-increment:l;display:grid;grid-template-columns:2.4rem minmax(0,1fr);padding:.9rem 0;border-top:1px solid var(--linha);font-size:1.05rem;line-height:1.5}
.sp-lista li::before{content:counter(l);font-family:var(--sora);font-weight:800;font-size:1.35rem;line-height:1.2;color:var(--red)}
.sp-nao .sp-lista li::before{content:'\00d7';font-size:1.7rem;line-height:1}
.sp-nao{border-color:rgba(231,21,43,.35)}
.sp-h2{max-width:22ch;text-wrap:balance;margin-bottom:clamp(2rem,5vw,3rem);font-size:clamp(1.9rem,2.6vw + .8rem,3.1rem)}
.sp-caixa{margin-top:clamp(2.5rem,6vw,4rem)}
.sp-caixa .sv-aviso{color:var(--white)}
.sp-uni__grade{margin-top:2rem}
@media (min-width:900px){.sp-acoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.sp-acoes .sv-col{padding:2.75rem 2.25rem 2.25rem}.sp-duas{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.sp-acoes .sv-col{border-color:var(--linha)}.sp-acoes .sp-nao{border-color:rgba(231,21,43,.35)}

/* v3 · frase de apoio, linha do tempo, alternativas */
.sp-frase{margin:1.5rem 0 1rem;padding-left:1.25rem;border-left:3px solid var(--red);font-family:var(--sora);font-weight:700;font-size:clamp(1.15rem,1vw + .95rem,1.55rem);line-height:1.3;letter-spacing:-.02em;max-width:34ch}
.sp-frase--grande{margin:0 0 1.75rem;font-size:clamp(1.5rem,2.4vw + .6rem,2.6rem);max-width:30ch}
.sp-hero__txt{max-width:56ch;margin-bottom:1.75rem;color:var(--muted)}
.sp-faixa-frase{padding:clamp(48px,7vw,88px) 0}
.sp-recebe{margin-top:2rem;max-width:62ch;font-size:1.1rem;color:var(--muted)}
.sp-recebe strong{color:var(--white)}
.sv-cards--4{grid-template-columns:1fr}
@media (min-width:720px){.sv-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sv-cards--4 .sv-card h3{font-size:1.35rem}
.sp-lts{display:grid;gap:clamp(2.5rem,5vw,3.5rem)}
.sp-lts__col h3{margin-bottom:.75rem;font-family:var(--sora);font-size:1.4rem;letter-spacing:-.02em}
.sp-lts__col>.sv-ressalva{margin:0 0 1.25rem}
.sp-lt{position:relative;counter-reset:t;display:grid;gap:1.75rem;padding:.5rem 0 0 3.5rem;margin-top:1.25rem}
.sp-lt::before{content:'';position:absolute;left:1.1rem;top:1rem;bottom:1rem;width:2px;background:var(--red);transform-origin:top;transition:transform 1.8s var(--ease)}
.js .sp-lt:not(.in)::before{transform:scaleY(0)}
.sp-lt li{position:relative;counter-increment:t}
.sp-lt li::before{content:counter(t);position:absolute;left:-3.5rem;top:-.1rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;background:var(--bg);font-family:var(--sora);font-weight:800;font-size:.95rem;color:var(--white)}
.sp-lt h4{font-family:var(--sora);font-size:1.15rem;letter-spacing:-.015em;margin-bottom:.3rem}
.sp-lt p{color:var(--muted);font-size:1rem;line-height:1.55}
.sp-dia{background:none;color:var(--white);font-weight:700;border-bottom:2px solid var(--red)}
.sp-lt__lei{display:block;margin-top:.35rem;font-size:.85rem;color:var(--muted);opacity:.85}
@media (min-width:1000px){.sp-lts:has(.sp-lts__col+.sp-lts__col){grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}
@media (prefers-reduced-motion:reduce){.sp-lt::before{transition:none}}

/* v5 · resposta direta logo abaixo do H2 e punições em palavras simples */
.sp-direta{max-width:62ch;margin:0 0 1.5rem;font-family:var(--sora);font-weight:600;font-size:clamp(1.05rem,.6vw + .95rem,1.25rem);line-height:1.45;letter-spacing:-.01em;color:var(--white)}
.sp-h2+.sp-direta{margin-bottom:2rem}
.sp-pun{display:grid;gap:.75rem;max-width:62ch;margin-top:1.5rem}
.sp-pun li{padding-left:1.25rem;border-left:3px solid var(--red);color:var(--muted)}
.sp-pun strong{color:var(--white)}
.sp-lts__col h3{font-size:1.25rem;max-width:34ch}