.u-hero>.u-esboco{position:absolute;z-index:-1;pointer-events:none;display:block;padding:0;margin:0}
.u-hero .u-esboco .hero-sketch{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;opacity:1;display:block!important}
.u-esboco-rotulos{position:absolute;inset:0;pointer-events:none}

.u-hero .u-esboco .u-rot{display:block;position:absolute;left:calc(var(--x) + var(--dx,0px));top:var(--y);margin:0;
  font-family:var(--u-serif);font-style:normal;font-weight:500;font-size:var(--rot-fs,20px);line-height:1;letter-spacing:.01em;
  color:rgba(42,42,42,.7);white-space:nowrap;translate:0 -82%}
.u-hero .u-esboco .u-rot-middle{translate:-50% -82%}
.u-hero .u-esboco .u-rot-end{translate:-100% -82%}
.u-hero .u-esboco .u-rot.hs-eixor{font-size:calc(var(--rot-fs,20px) * .84);color:rgba(82,79,74,.78)}
.u-rot.hs-patrimonio{--x:4.68%;--y:4.23%}
.u-rot.hs-tempo{--x:97.1%;--y:96.15%}
.u-rot.hs-jurisdicoes{--x:37.9%;--y:96.15%}
.u-rot.hs-tributaria{--x:59.03%;--y:96.15%}
.u-rot.hs-acumulacao{--x:20.97%;--y:84.6%}
.u-rot.hs-protecao{--x:7.26%;--y:22%}

.u-rot.hs-aposentadoria{--x:62.097%;--dx:2rem;--y:17%}
.u-hero .u-esboco .u-rot.hs-aposentadoria{translate:0 -82%}

.u-rot.hs-legado{--x:93.548%;--dx:.85rem;--y:46%}
.u-hero .u-esboco .u-rot.hs-legado{translate:-50% -50%;rotate:-90deg}

.u-hero .u-esboco .sk{stroke:var(--u-muted);stroke-width:1.15;stroke-opacity:.38}
.u-hero .u-esboco .hs-ret{stroke-width:.9;stroke-opacity:.13}
.u-hero .u-esboco .hs-curva{stroke-width:1.6;stroke-opacity:.58}
.u-hero .u-esboco .hs-divisa{stroke-opacity:.3}
.u-hero .u-esboco .hs-sublinha,.u-hero .u-esboco .hs-sublinha2{stroke-width:1.05;stroke-opacity:.42}

@media (prefers-reduced-motion:no-preference){
  .js .u-hero .u-esboco .sk{stroke-dasharray:var(--r,1) var(--r,1);stroke-dashoffset:var(--r,1);animation:uLapisReserva .9s ease 4s forwards}
  .js .u-hero .u-esboco .sk-rot{clip-path:none;opacity:0;animation:uRotReserva .8s ease 4.4s forwards}
  .js .u-hero.u-desenha .u-esboco .sk{animation:uLapis var(--d) cubic-bezier(.45,.05,.4,1) var(--w) forwards}
  .js .u-hero.u-desenha .u-esboco :is(.hs-curva,.hs-curva2,.hs-reta-protecao,.hs-divisa,.hs-borda){animation-timing-function:cubic-bezier(.5,.08,.45,.95)}
  .js .u-hero.u-desenha .u-esboco .sk-rot{animation:uRotulo .8s ease var(--w) forwards}
}
@keyframes uLapis{to{stroke-dashoffset:0}}
@keyframes uLapisReserva{to{stroke-dashoffset:0}}
@keyframes uRotReserva{to{opacity:1}}
.js .u-hero .hs-eixo,.js .u-hero .hs-base{--w:1s;--d:.9s}
.js .u-hero .hs-eixo2,.js .u-hero .hs-base2{--w:1.16s;--d:.9s}
.js .u-hero .hs-pontay,.js .u-hero .hs-pontax{--w:1.8s;--d:.25s}
.js .u-hero .hs-reta-protecao,.js .u-hero .hs-borda,.js .u-hero .hs-divisa{--w:1.4s;--d:1.1s}
.js .u-hero .hs-curva{--w:1.9s;--d:1.6s}
.js .u-hero .hs-curva2{--w:2.06s;--d:1.5s}
.js .u-hero .hs-reta-aposentadoria{--w:2.9s;--d:.7s}
.js .u-hero .u-canto{--w:2.3s;--d:.3s}
.js .u-hero .hs-sublinha{--w:3.05s;--d:.4s}
.js .u-hero .hs-sublinha2{--w:3.25s;--d:.45s}
.js .u-hero .hs-patrimonio,.js .u-hero .hs-tempo{--w:2s}
.js .u-hero .hs-protecao{--w:2.4s}
.js .u-hero .hs-acumulacao{--w:2.5s}
.js .u-hero .hs-jurisdicoes{--w:2.95s}
.js .u-hero .hs-tributaria{--w:3.15s}
.js .u-hero .hs-aposentadoria{--w:3.3s}
.js .u-hero .hs-legado{--w:3.5s}
@media (prefers-reduced-motion:reduce){
  .js .u-hero .u-esboco .sk-rot{animation:none;opacity:1}
}

.u-hero h1 .u-mask-linha-mask{overflow-x:visible!important;overflow-y:clip!important}

.u-hero h1.display,.u-hero p,.u-hero .hero-cred{text-shadow:none}
.u-hero>.u-esboco,.u-hero-texto>h1{transform:none!important}
.u-hero h1.display{text-align:left;max-width:none;margin:0;text-wrap:balance}
.u-hero-texto{width:auto;aspect-ratio:auto;padding:0}

.u-hero{padding-block:0}

@media (min-width:1180px){
  .u-hero{
    --cx:max(var(--u-gutter),calc((100% - var(--u-larg)) / 2 + var(--u-gutter)));

    --cw:calc((100% - var(--cx) - var(--u-gutter-d)) / 1.039286);
    --h-pt:clamp(124px,16svh,170px);

    --h-fs:min(6.1vw,6.2rem,10.4svh,calc((100vw - max(var(--u-gutter),(100vw - var(--u-larg)) / 2 + var(--u-gutter)) - var(--u-gutter-d)) / 16.1));
    --sk-gap:clamp(10px,2svh,24px);
    --sk-b:clamp(14px,3svh,34px);
    --sk-t:calc(var(--h-pt) + 2.04 * var(--h-fs));
    --rot-fs:clamp(17px,1.3vw,23px);
    align-items:stretch}
  .u-hero>.u-esboco{inset:auto;top:calc(var(--sk-t) + var(--sk-gap));bottom:var(--sk-b);
    left:calc(var(--cx) - var(--cw) * .035714);width:calc(var(--cw) * 1.107143);translate:none}

  .u-hero-wrap{display:flex;flex-direction:column;max-width:none;margin:0;box-sizing:border-box;min-height:max(680px,100svh);
    padding:var(--h-pt) calc(100% - var(--cx) - var(--cw)) calc(.1 * (max(680px,100svh) - var(--sk-t) - var(--sk-gap)) + .9 * var(--sk-b) + 1.1rem) var(--cx)}
  .u-hero-copia{flex:1;display:grid;grid-template-columns:minmax(0,65.18fr) minmax(0,34.82fr);
    grid-template-rows:auto 1fr auto auto auto;text-align:left;align-items:start;justify-items:start}
  .u-hero-texto{grid-column:1/-1;grid-row:1/4;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}
  .u-hero h1.display{grid-column:1/-1;grid-row:1;font-size:var(--h-fs);line-height:1;letter-spacing:-.012em;margin-left:-.035em}
  .u-hero h1.display>span{white-space:nowrap}
  .u-hero-texto>p{grid-column:2;grid-row:3;margin:0;padding:0 1.6rem 0 2rem;max-width:36rem;text-align:left}
  .u-hero-copia>.btn{grid-column:2;grid-row:4;margin:1.5rem 0 0 2rem}
  .u-hero-copia>.hero-cred{grid-column:2;grid-row:5;margin:1.15rem 0 0 2rem;white-space:nowrap}
}

@media (max-width:1179px){
  .u-hero{min-height:max(620px,100svh);align-items:flex-start;
    --h-pt:clamp(96px,13svh,132px);
    --plate-h:clamp(200px,min(36svh + 6vw,80vw),520px);
    --sk-gap:clamp(14px,2.2svh,22px);
    --sk-t:calc(var(--h-pt) + 3.2 * 2.1rem);
    --rot-fs:clamp(12.5px,3.4vw,17px)}
  .u-hero-wrap{max-width:none;padding-top:var(--h-pt);padding-bottom:2.2rem}
  .u-hero-copia{display:block;text-align:left}
  .u-hero-texto{display:block}
  .u-hero-texto>p{margin:calc(var(--plate-h) + 2 * var(--sk-gap)) 0 0;max-width:36rem;text-align:left}
  .u-hero p .hero-line{display:inline}
  .u-hero-copia>.btn{margin-top:1.5rem}
  .u-hero-copia>.hero-cred{margin-top:1.1rem}
  .u-hero>.u-esboco{inset:auto;top:calc(var(--sk-t) + var(--sk-gap));height:var(--plate-h);
    left:calc(var(--u-gutter) - (100% - var(--u-gutter) - var(--u-gutter-d)) * .035714);
    width:calc((100% - var(--u-gutter) - var(--u-gutter-d)) * 1.107143);translate:none}
  .u-rot.hs-protecao{--y:20%}
  .u-rot.hs-acumulacao{--x:22%;--y:85%}
  .u-rot.hs-aposentadoria{--dx:.6rem;--y:18%}
  .u-rot.hs-jurisdicoes{--x:22%;--y:97%}
  .u-rot.hs-tributaria{--x:60%;--y:97%}
  .u-rot.hs-tempo{--y:97%}
  .u-rot.hs-legado{--dx:.55rem}
  .u-hero .u-esboco .hs-sublinha,.u-hero .u-esboco .hs-sublinha2{display:none}
}

@media (min-width:1024px) and (max-width:1179px){
  .u-hero{--h-pt:clamp(116px,14.5svh,150px);--plate-h:clamp(190px,27svh,320px)}
}
@media (max-width:680px){
  .u-hero-wrap{padding-top:var(--h-pt)}
  .u-hero h1.display{font-size:clamp(2.05rem,8.6vw,2.6rem);line-height:1.06}
  .u-hero .btn{margin-top:1.5rem}
}

body:is([data-pagina]) .u-fecho :is(h2,p){text-shadow:none}