.hero--iss{min-height:auto;padding-block:130px 70px}
.hero--iss .hero__g{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:center;gap:clamp(30px,4vw,64px)}

.pilha-env{position:relative}
.pilha{position:relative;display:flex;flex-direction:column;
  justify-content:flex-end;gap:8px;padding:26px 74px 26px 26px;
  min-height:520px;border:1px solid var(--fio-2);border-radius:12px;
  background:linear-gradient(180deg,rgba(13,42,49,.5),rgba(2,20,26,.72));
  box-shadow:var(--sombra-1);overflow:hidden}
.pilha::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 42% at 50% 100%,var(--luz-1),transparent 70%)}
.pilha__c{position:relative;z-index:1;height:var(--alt);display:grid;
  align-content:center;padding:14px 20px;border-radius:8px;
  border:1px solid var(--fio-2);
  opacity:0;transform:translateY(26px) scaleY(.86);transform-origin:bottom;
  transition:opacity .5s ease,transform .6s cubic-bezier(.22,.9,.3,1.1)}
.pilha.viu .pilha__c{opacity:1;transform:none}

.pilha.viu .pilha__c--base{transition-delay:.05s}
.pilha.viu .pilha__c--tronco{transition-delay:.45s}
.pilha.viu .pilha__c--multa{transition-delay:.9s}
.pilha.viu .pilha__c--juros{transition-delay:1.3s}
.pilha__t{font:600 15px/1.25 var(--texto);color:var(--tinta)}
.pilha__d{margin-top:5px;font-size:13px;line-height:1.5;color:var(--tinta-2)}

.pilha__c--base{background:linear-gradient(180deg,#0F3038,#0B242B);
  border-color:var(--fio-2)}
.pilha__c--tronco{background:linear-gradient(180deg,#123C46,#0D2E36);
  border-color:rgba(201,174,107,.34)}
.pilha__c--tronco .pilha__t{color:var(--ouro-vivo)}
.pilha__c--multa,.pilha__c--juros{
  background:repeating-linear-gradient(-48deg,rgba(255,255,255,.05) 0 3px,
    transparent 3px 11px),linear-gradient(180deg,#7E2E23,#5E2119);
  border-color:rgba(224,112,92,.4)}
.pilha__c--multa .pilha__t,.pilha__c--juros .pilha__t{color:#FFD9D0}
.pilha__c--multa .pilha__d,.pilha__c--juros .pilha__d{color:#F0C4BA}
[data-tema="claro"] .pilha{background:linear-gradient(180deg,#EFEADD,#E4DDCC)}
[data-tema="claro"] .pilha__c--base{background:linear-gradient(180deg,#DCD5C4,#D2CAB6)}
[data-tema="claro"] .pilha__c--base .pilha__t,
[data-tema="claro"] .pilha__c--base .pilha__d,
[data-tema="claro"] .pilha__c--tronco .pilha__d{color:#22302E}
[data-tema="claro"] .pilha__c--tronco{background:linear-gradient(180deg,#D8C99E,#CBB983)}
[data-tema="claro"] .pilha__c--tronco .pilha__t{color:#4A3A12}

.pilha__regua{position:absolute;right:26px;top:26px;bottom:26px;width:26px;
  border-left:1px dashed var(--fio-2)}
.pilha__marca{position:absolute;left:-5px;bottom:0;width:9px;height:9px;
  border-radius:50%;background:var(--ouro);
  box-shadow:0 0 0 4px var(--ouro-fundo);
  transition:bottom 1.6s cubic-bezier(.3,.8,.3,1) .3s}
.pilha__regua::after{content:"a conta";position:absolute;right:-2px;top:0;
  writing-mode:vertical-rl;font:600 9.5px/1 var(--texto);letter-spacing:.24em;
  text-transform:uppercase;color:var(--tinta-3)}
.pilha__pe{margin-top:16px;display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;line-height:1.55;color:var(--tinta-2)}
.pilha__pe .ico{margin-top:2px;flex:none;color:var(--ouro)}

.cap--alt{background:linear-gradient(180deg,rgba(13,42,49,.34),transparent)}
.o-badge{margin-bottom:6px}
.casa__cab{margin-bottom:4px}

.cred-faixa{padding-block:0}
.cred-iss{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-block:1px solid var(--fio-2)}
.cred-iss__i{display:grid;grid-template-columns:22px 1fr;gap:14px;
  align-items:start;padding:26px 28px 28px;font-size:15.5px;line-height:1.55;
  color:var(--tinta-2);border-left:1px solid var(--fio-2)}
.cred-iss__i:first-child{border-left:0;padding-left:0}
.cred-iss__i .ico{width:20px;height:20px;color:var(--ouro);margin-top:2px}
.cred-iss__i b{color:var(--tinta)}

.tronco{position:relative;margin-top:34px;padding:clamp(26px,3.2vw,38px);
  border:1px solid rgba(201,174,107,.3);border-radius:10px;
  background:linear-gradient(150deg,rgba(18,60,70,.6),rgba(2,20,26,.5));
  box-shadow:var(--sombra-2)}
.tronco::before{content:"";position:absolute;left:0;top:22px;bottom:22px;
  width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--ouro),transparent)}
.tronco__r{display:inline-flex;align-items:center;gap:9px;
  font:600 11px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;
  color:var(--ouro)}
.tronco__r .ico{width:15px;height:15px}
.tronco__t{margin-top:14px;font:400 clamp(1.4rem,2.6vw,2rem)/1.22 var(--serifa);
  color:var(--tinta);max-width:26ch;text-wrap:balance}
.tronco__p{margin-top:16px;font-size:17px;line-height:1.65;color:var(--tinta-2);
  max-width:66ch}
.tronco__v{margin-top:14px;padding-top:14px;
  border-top:1px dashed var(--fio-2);font-size:16px;line-height:1.65;
  color:var(--tinta-2);max-width:66ch}
.tronco__p strong,.tronco__v strong{color:var(--tinta)}

.agrav__r{margin-top:30px;font:600 11px/1 var(--texto);letter-spacing:.2em;
  text-transform:uppercase;color:var(--tinta-3);text-align:center}
.agrav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.agrav__i{position:relative;padding:26px 22px 24px;border:1px solid var(--fio-2);
  border-radius:9px;background:var(--vidro);
  transition:transform .3s ease,border-color .3s ease}
.agrav__i:hover{transform:translateY(-4px);border-color:var(--fio)}
.agrav__n{position:absolute;top:-1px;right:18px;padding:5px 9px 6px;
  border:1px solid var(--fio-2);border-top:0;border-radius:0 0 4px 4px;
  background:var(--fundo);font:600 10px/1 var(--texto);letter-spacing:.18em;
  color:var(--tinta-3)}
.agrav__i h4{margin-top:8px;font:400 1.2rem/1.3 var(--serifa);color:var(--tinta)}
.agrav__i p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--tinta-2)}
.agrav__i em{color:var(--tinta-3);font-style:italic}
.remate{margin:30px auto 0;max-width:62ch;text-align:center;font-size:17px;
  line-height:1.65;color:var(--tinta-2)}
.remate strong{color:var(--tinta)}
.remate em{color:var(--ouro-vivo);font-style:italic}

.vale-iss{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(26px,4vw,56px);align-items:start}

.vale-iss > div:first-child{position:sticky;top:96px}
.vale-iss__p{margin-top:14px;font-size:16px;line-height:1.6;
  color:var(--tinta-2);max-width:32ch}
.vale-iss .passo__acao{margin-top:24px}
.vale-iss ul{display:grid;border:1px solid var(--fio-2);border-radius:9px;
  overflow:hidden}
.vale-iss li{display:grid;grid-template-columns:24px 1fr;gap:15px;
  align-items:center;padding:19px 22px;border-bottom:1px solid var(--fio-2);
  font-size:16.5px;line-height:1.55;color:var(--tinta-2);
  background:var(--vidro);transition:background-color .25s ease}
.vale-iss li:last-child{border-bottom:0}
.vale-iss li:nth-child(even){background:transparent}
.vale-iss li:hover{background:var(--ouro-fundo)}
.vale-iss li strong{color:var(--tinta)}
.vale-iss li a{color:var(--ouro-vivo)}
.tick{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--fio);
  display:grid;place-items:center;background:var(--vidro)}
.tick::after{content:"✓";font:700 13px/1 var(--texto);color:var(--ouro)}

.agora{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(26px,3.4vw,40px);
  border:1px solid var(--fio-2);border-radius:10px;
  background:linear-gradient(150deg,rgba(13,42,49,.55),transparent)}
.agora h2{margin-top:12px;font:400 clamp(1.45rem,2.8vw,2.1rem)/1.2 var(--serifa);
  color:var(--tinta);text-wrap:balance}
.agora h2 em{color:var(--ouro-vivo);font-style:italic}
.agora__dir p{font-size:16.5px;line-height:1.68;color:var(--tinta-2)}
.agora__dir p + p{margin-top:12px}
.agora__dir strong{color:var(--tinta)}

.passos-iss{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:36px;background:var(--fio-2);border:1px solid var(--fio-2);
  border-radius:9px;overflow:hidden;list-style:none;padding:0}
.passos-iss > li::marker{content:""}
.passos-iss > li{padding:28px 24px 30px;background:var(--fundo)}
.passos-iss__n{display:grid;place-items:center;width:38px;height:38px;
  border:1px solid var(--fio);border-radius:50%;background:var(--ouro-fundo);
  color:var(--ouro);font:600 12.5px/1 var(--texto)}
.passos-iss h3{margin-top:15px;font:400 1.2rem/1.3 var(--serifa);
  color:var(--tinta)}
.passos-iss p{margin-top:9px;font-size:15px;line-height:1.6;
  color:var(--tinta-2)}

.casos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}

.caso{display:flex;flex-direction:column;padding:28px 26px 26px;
  border:1px solid var(--fio-2);border-radius:9px;background:var(--vidro);
  transition:transform .3s ease,border-color .3s ease}
.caso__q{align-self:flex-start}
.caso__d{margin-top:auto}
.caso:hover{transform:translateY(-4px);border-color:var(--fio)}
.caso__q{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;
  border:1px solid var(--fio-2);border-radius:999px;
  font:600 10.5px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;
  color:var(--ouro)}
.caso__q .ico{width:14px;height:14px}
.caso__f{margin-top:16px;font:400 clamp(1.05rem,1.6vw,1.2rem)/1.45 var(--serifa);
  color:var(--tinta)}
.caso__d{padding-top:14px;border-top:1px dashed var(--fio-2);
  font-size:15px;line-height:1.6;color:var(--tinta-2)}
.caso__f{margin-bottom:16px}
.casos__nota{margin-top:26px;font-size:14px;color:var(--tinta-3);max-width:70ch}

.gente-iss{display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(20px,3vw,34px);margin-top:40px}

.gente-iss__c{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;
  align-items:start;padding:22px;border:1px solid var(--fio-2);
  border-radius:9px;background:var(--vidro);height:100%}
.gente-iss > article{display:grid}
.gente-iss__f{margin:0;border-radius:7px;overflow:hidden;aspect-ratio:.75;
  background:var(--quadro)}
.gente-iss__f img{width:100%;height:100%;object-fit:cover;
  object-position:50% 12%}
.gente-iss__n{font:400 1.22rem/1.25 var(--serifa);color:var(--tinta)}
.gente-iss__c hr{margin:11px 0;border:0;border-top:1px solid var(--fio-2)}
.gente-iss__oab{font:600 10.5px/1.5 var(--texto);letter-spacing:.14em;
  text-transform:uppercase;color:var(--tinta-3)}
.gente-iss__b{margin-top:11px;font-size:15px;line-height:1.62;
  color:var(--tinta-2)}

.fecho-iss{padding-block:clamp(56px,7vw,92px);
  background:linear-gradient(165deg,#0C2B33,#04171D);
  border-top:1px solid var(--fio-2)}
.fecho-iss h2{margin-top:14px;max-width:24ch;
  font:400 clamp(1.6rem,3.2vw,2.4rem)/1.18 var(--serifa);color:#F2F7F6;
  text-wrap:balance}
.fecho-iss h2 em{color:var(--ouro-vivo);font-style:italic}
.fecho-iss > .env > p{margin-top:18px;max-width:60ch;font-size:17px;
  line-height:1.68;color:rgba(240,247,246,.78)}
.fecho-iss strong{color:#F2F7F6}
.fecho-iss__g{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cruz-iss{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:clamp(38px,5vw,62px);background:rgba(240,247,246,.14)}
.cruz-iss a{display:grid;gap:7px;padding:22px 20px;background:#0A242B;
  text-decoration:none;color:#F2F7F6;transition:background-color .2s ease}
.cruz-iss a:hover{background:#123640}
.cruz-iss b{font:600 10.5px/1 var(--texto);letter-spacing:.2em;
  text-transform:uppercase;color:var(--ouro-vivo)}
.cruz-iss span{font-size:15.5px;line-height:1.5;color:rgba(240,247,246,.82)}

.hero__selo .ico{width:15px;height:15px;flex:none}
.pilha__pe .ico{width:17px;height:17px}
.faq__b .ico{width:17px;height:17px;flex:none}
.flutua .ico{width:17px;height:17px}

.fecho-iss .kick{color:#C9AE6B}
.cruz-iss b{color:#D9C48A}
.fecho-iss h2 em{color:#E3CD96}
.fecho-iss .bt--linha{border-color:rgba(240,247,246,.34);color:#F2F0E9}
.fecho-iss .bt--linha:hover{border-color:#C9AE6B;color:#fff}

.agrav .sobe:nth-child(2),.passos-iss .sobe:nth-child(2),
.casos .sobe:nth-child(2),.gente-iss .sobe:nth-child(2){transition-delay:.1s}
.agrav .sobe:nth-child(3),.passos-iss .sobe:nth-child(3),
.casos .sobe:nth-child(3){transition-delay:.2s}
.casos .sobe:nth-child(4){transition-delay:.3s}
.passos-iss > li{opacity:0;transform:translateY(14px);
  transition:opacity .6s ease,transform .6s ease}
.passos-iss.viu > li{opacity:1;transform:none}
.passos-iss.viu > li:nth-child(2){transition-delay:.1s}
.passos-iss.viu > li:nth-child(3){transition-delay:.2s}

[data-tema="claro"]{--tinta-2:#37433F;--tinta-3:#55645F}

.apoio--lgpd{margin-top:14px;padding-top:12px;border-top:1px dashed var(--fio-2);
  font-size:13.5px;color:var(--tinta-3)}

@media (max-width:980px){
  .hero--iss .hero__g,.vale-iss,.agora{grid-template-columns:1fr}
  .vale-iss > div:first-child{position:static}
  
  .hero--iss .pilha-env{order:3}
  .hero--iss .hero__selo{order:6}
  
  .hero--iss .hero__g > *,.hero--iss .fila > *{min-width:0}
  .pilha{padding:20px 54px 20px 20px}
  .pilha__c{padding:12px 15px}
  .cred-iss,.agrav,.passos-iss,.casos,.gente-iss,.cruz-iss{
    grid-template-columns:1fr}
  .cred-iss__i{border-left:0;border-top:1px solid var(--fio-2);padding:22px 0}
  .cred-iss__i:first-child{border-top:0}
  .pilha{min-height:440px;padding-right:62px}
}
@media (max-width:620px){
  .gente-iss__c{grid-template-columns:1fr}
  .gente-iss__f{width:132px;aspect-ratio:.8}
  .pilha__d{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .pilha__c{transition:none;opacity:1;transform:none}
  .pilha__marca{transition:none}
}

.rodape__fontes{margin-top:18px;max-width:78ch}
.rodape__fontes summary{cursor:pointer;font:600 12px/1 var(--texto);
  letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.rodape__fontes summary:hover{color:var(--tinta-2)}
.rodape__fontes p{margin-top:12px;font-size:14px;line-height:1.65;
  color:var(--tinta-3)}