

.historia{
 --hx-ink:var(--ink,#14201B); --hx-dim:var(--dim,#5B6B63); --hx-green:var(--green-deep,#0E7A4A); --hx-green-l:var(--green,#0E9D5E);
 --hx-line:var(--line,#E2EAE6); --hx-line-2:var(--line-2,#CFDCD6); --hx-mist:var(--mist,#F3F7F5); --hx-tint:var(--tint,#EAF7F0);
 --hx-bg:var(--white,#FFFFFF); --hx-gold:#E0A84E; --hx-red:#F0683C;
 --hx-disp:var(--disp,"Libre Franklin",system-ui,sans-serif); --hx-body:var(--body,"Source Sans 3",system-ui,sans-serif); --hx-mono:var(--mono,"JetBrains Mono",ui-monospace,monospace);
 --hx-glow:var(--glow,#EEF6F1); --hx-shadow:var(--shadow-panel,0 1px 2px rgba(20,32,27,.06),0 12px 24px -8px rgba(20,32,27,.12),0 40px 80px -24px rgba(20,32,27,.22));
 --hx-top:var(--nav-h,72px);
 --hx-out:cubic-bezier(.16,1,.3,1);
 position:relative; background:var(--hx-bg); border-top:1px solid var(--hx-line); padding:var(--s-9,96px) 0 var(--s-8,64px); overflow-x:clip;
}
.historia *{box-sizing:border-box}
.historia .hx-defs{position:absolute;width:0;height:0;overflow:hidden}
.historia .hx-wrap{width:100%;max-width:var(--wrap,1200px);margin:0 auto;padding:0 var(--gutter,32px)}


.historia .hx-head{max-width:720px}
.historia .hx-eyebrow,.historia .hx-k{font:500 .875rem/1.4 var(--hx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hx-green)}
.historia h2{font-family:var(--hx-disp);font-weight:var(--w-head,600);font-size:var(--t-h2,clamp(2rem,3.4vw,2.75rem));line-height:1.08;letter-spacing:var(--ls-h2,-.016em);text-wrap:balance;margin-top:16px;color:var(--hx-ink)}
.historia .hx-lead{font-size:var(--t-b,1.0625rem);line-height:1.5;color:var(--hx-dim);margin-top:16px;max-width:56ch}


.historia .hx-tipos{display:none;flex-wrap:wrap;align-items:center;gap:var(--s-2,8px) var(--s-3,12px);margin-top:var(--s-5,24px)}
.historia .hx-tipos-k{font:500 .875rem/1.4 var(--hx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-dim)}
.historia .hx-tipos-g{display:flex;flex-wrap:wrap;gap:var(--s-2,8px)}
.historia .hx-tipo{min-height:max(44px,var(--target,44px));padding:0 var(--s-4,16px);border-radius:var(--r-pill,999px);border:1px solid var(--hx-line-2);background:var(--hx-bg);
 font:600 var(--t-s,.9375rem)/1 var(--hx-body);color:var(--hx-ink);cursor:pointer;transition:background-color 180ms var(--hx-out),border-color 180ms var(--hx-out),color 180ms var(--hx-out)}
.historia .hx-tipo:hover{border-color:var(--hx-ink)}
.historia .hx-tipo[aria-checked="true"]{background:var(--hx-ink);border-color:var(--hx-ink);color:#FFFFFF}
.historia .hx-tipo:focus-visible{outline:2px solid var(--hx-green);outline-offset:3px}
.historia .hx-nota{font-size:var(--t-b,1.0625rem);line-height:1.5;color:var(--hx-ink);font-weight:500;margin-top:8px;max-width:56ch}
.historia .hx-try{font-size:var(--t-b,1.0625rem);line-height:1.4;color:var(--hx-ink);margin-top:8px}
.historia .hx-tel-link{display:inline-block;padding:12px 0;line-height:20px;min-height:max(44px,var(--target,44px));font-weight:600;color:var(--hx-green);text-decoration:underline;text-underline-offset:4px}
.historia .hx-tel-link:focus-visible{outline:2px solid var(--hx-green);outline-offset:2px;border-radius:4px}


.historia .hx-beats{list-style:none;margin:0;padding:0}
.historia .hx-k{margin:0 0 8px}
.historia .hx-copy h3{font-family:var(--hx-disp);font-weight:var(--w-head,600);font-size:clamp(1.375rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.015em;color:var(--hx-ink);text-wrap:balance;max-width:20ch}
.historia .hx-p{font-size:var(--t-b,1.0625rem);line-height:1.5;color:var(--hx-dim);margin-top:12px;max-width:38ch}
.historia .hx-copy h3.hx-fecho{font-size:var(--t-h2,clamp(2rem,3.4vw,2.75rem));line-height:1.08;max-width:16ch}
.historia .hx-link{display:inline-flex;align-items:center;gap:8px;min-height:max(48px,var(--target,44px));margin-top:16px;font:600 var(--t-b,1.0625rem)/1.2 var(--hx-body);color:var(--hx-green);text-decoration:none}
.historia .hx-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms var(--hx-out)}
.historia .hx-link:hover svg{transform:translateX(4px)}
.historia .hx-link:hover{text-decoration:underline;text-underline-offset:4px}
.historia .hx-link:focus-visible{outline:2px solid var(--hx-green);outline-offset:4px;border-radius:4px}


.historia .hx-palco{display:none}
.historia .hx-beats{margin-top:48px;display:grid;gap:64px}
.historia .hx-beat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.historia .hx-beat-fecho{display:block}
.historia .hx-still{position:relative;margin:0;--pw:236px;height:calc(var(--pw)*2.41181);justify-self:center;width:calc(var(--pw)*1.51049)}
.historia .hx-still-2{width:calc(var(--pw)*2.62);height:calc(var(--pw)*2.5)}


.historia .hx-tel{position:absolute;left:50%;bottom:var(--hx-chao,0px);width:calc(var(--pw)*1.51049);height:calc(var(--pw)*2.41181);margin-left:calc(var(--pw)*-.755245)}
.historia .hx-tel img,.historia .hx-sup img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.historia .hx-tel-corpo{position:absolute;inset:0;transform-origin:50% 44.901%}
.historia .hx-sombra{position:absolute;left:18%;top:4%;width:66.2%;height:84%;border-radius:calc(var(--pw)*.14);background:rgba(20,32,27,.34);filter:blur(calc(var(--pw)*.06));transform:translate(calc(var(--pw)*.07),calc(var(--pw)*.1));opacity:0}
.historia .hx-ecra{position:absolute;left:calc(19.028% - 1px);top:calc(3.613% - 1px);width:calc(61.944% + 2px);height:calc(82.577% + 2px);
 border-radius:calc(var(--pw)*.1147 + 1px);overflow:hidden;background:#FFFFFF;font-size:calc(var(--pw)*.93566/13.2);line-height:1.3;
 font-family:var(--hx-body);color:var(--hx-ink);-webkit-font-smoothing:antialiased;contain:layout paint}
.historia .hx-sup{position:absolute;left:50%;bottom:var(--hx-chao,0px);width:calc(var(--pw)*2.29371);height:calc(var(--pw)*2.03574);margin-left:calc(var(--pw)*-1.146855)}
.historia .hx-tel-vazia{opacity:0}


.historia .hx-ui{position:absolute;inset:0;padding:0 .7em;background:#FFFFFF;overflow:hidden}
.historia :where(.hx-ui) p{margin:0}
.historia .hx-sb{display:flex;align-items:center;justify-content:space-between;height:1.78em;margin:0 -.7em;padding:0 .95em 0 1.25em}
.historia .hx-sb-h{display:grid;font:600 .92em/1 var(--hx-body);letter-spacing:.01em}
.historia .hx-sb-h>span{grid-area:1/1}
.historia .hx-h2{opacity:0}
.historia .hx-sb-ic{display:flex;align-items:center;gap:.3em}
.historia .hx-sb-rede{width:1em;height:.62em;background:linear-gradient(90deg,currentColor 0 18%,transparent 18% 27%,currentColor 27% 45%,transparent 45% 54%,currentColor 54% 72%,transparent 72% 81%,currentColor 81%);
 -webkit-mask:linear-gradient(to top right,#000 50%,transparent 50%);mask:linear-gradient(to top right,#000 50%,transparent 50%)}
.historia .hx-sb-bat{width:1.35em;height:.66em;border:.09em solid currentColor;border-radius:.2em;position:relative;opacity:.9}
.historia .hx-sb-bat::after{content:"";position:absolute;inset:.08em;right:30%;background:currentColor;border-radius:.08em}
.historia .hx-sb-claro{color:#FFFFFF}

.historia .hx-stars{display:flex;gap:.12em;height:1em}
.historia .hx-stars svg{width:1em;height:1em;fill:var(--hx-gold)}
.historia .hx-stars-s{height:.86em}
.historia .hx-stars-s svg{width:.86em;height:.86em}
.historia .hx-chip{display:inline-flex;align-items:center;height:2.5em;padding:0 1.05em;border-radius:999px;border:.07em solid var(--hx-line-2);font:600 .92em/1 var(--hx-body);color:var(--hx-ink);background:#FFFFFF;transform-origin:50% 50%}
.historia .hx-chip-ink{background:var(--hx-ink);border-color:var(--hx-ink);color:#FFFFFF}
.historia .hx-res-b{display:flex;gap:.5em;margin-top:.75em}


.historia .hx-q{display:flex;align-items:center;gap:.35em;height:2.6em;margin-top:.4em;padding:0 .55em;border-radius:.8em;background:var(--hx-mist);border:.07em solid var(--hx-line)}
.historia .hx-q span{font-size:1.06em;color:var(--hx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.historia .hx-q-ic{width:1em;height:1em;flex:0 0 auto;fill:none;stroke:var(--hx-dim);stroke-width:2;stroke-linecap:round}
.historia .hx-mapa{position:relative;height:6.6em;margin-top:.55em;border-radius:.9em;overflow:hidden}
.historia .hx-mapa-svg{display:block;width:100%;height:100%}

.historia .hx-res{position:relative;margin-top:.55em;padding:.6em .8em .65em;border-radius:.9em;border:.07em solid var(--hx-line);background:#FFFFFF;box-shadow:0 .1em .25em rgba(20,32,27,.06),0 .4em 1em -.4em rgba(20,32,27,.12)}
.historia .hx-res-n{font:600 1.06em/1.25 var(--hx-body)}
.historia .hx-res-l{display:flex;align-items:center;gap:.45em;margin-top:.25em}
.historia .hx-res-m{font-size:.92em;color:var(--hx-dim)}
.historia .hx-res-o{font-size:.92em;font-weight:600;color:var(--hx-green);margin-top:.2em}


.historia .hx-site-top{position:relative;z-index:1;margin:0 -.7em;padding:0 .9em 1.1em;background:var(--hx-ink);color:#FFFFFF}
.historia .hx-site-top .hx-sb{margin:0 -.9em}
.historia .hx-site-n{font:600 1.75em/1.06 var(--hx-disp);letter-spacing:-.02em;margin-top:.55em}
.historia .hx-site-k{font:500 .92em/1 var(--hx-mono);letter-spacing:.08em;text-transform:uppercase;color:#C2D2CB;margin-top:.7em}
.historia .hx-site-c{padding:.95em .2em 0}
.historia .hx-site-h{font-size:1.06em;line-height:1.35}
.historia .hx-site-h b{display:block;color:var(--hx-green);font-weight:600}
.historia .hx-site-t{font:500 .92em/1 var(--hx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-dim);margin-top:1.05em}
.historia .hx-site-s{list-style:none;margin:.35em 0 0;padding:0}
.historia .hx-site-s li{font-size:1.06em;padding:.5em 0;border-bottom:.066em solid var(--hx-line)}
.historia .hx-book{display:flex;align-items:center;justify-content:center;height:2.9em;margin-top:1em;border-radius:999px;background:var(--hx-green);color:#FFFFFF;font:600 1.06em/1 var(--hx-body)}


.historia .hx-l-avaliar{background:transparent;padding:0}
.historia .hx-veu{position:absolute;inset:0;background:rgba(20,32,27,.4)}
.historia .hx-folha{position:absolute;left:0;right:0;bottom:0;height:17.2em;padding:.55em .9em 0;border-radius:1.4em 1.4em 0 0;background:#FFFFFF;text-align:center;display:flex;flex-direction:column;align-items:center}
.historia .hx-pega{display:block;width:2.6em;height:.3em;border-radius:.15em;background:var(--hx-line-2)}
.historia .hx-av-n{font:600 1.2em/1.2 var(--hx-disp);margin-top:.75em}
.historia .hx-av-k{font-size:.92em;color:var(--hx-dim);margin-top:.2em}
.historia .hx-av-e{display:flex;gap:.3em;margin:.8em 0 .9em}
.historia .hx-e{position:relative;width:1.85em;height:1.85em}
.historia .hx-e svg{position:absolute;inset:0;width:100%;height:100%}
.historia .hx-e-v{fill:none;stroke:var(--hx-line-2);stroke-width:7;stroke-linejoin:round}
.historia .hx-e-c{fill:var(--hx-gold)}
.historia .hx-av-txt{width:100%;min-height:3.3em;padding:.55em .75em;border-radius:.7em;border:.07em solid var(--hx-line-2);text-align:left;font-size:1.06em}
.historia .hx-post{display:flex;align-items:center;justify-content:center;height:2.6em;padding:0 2.2em;margin-top:.8em;border-radius:999px;background:var(--hx-ink);color:#FFFFFF;font:600 1.06em/1 var(--hx-body)}


.historia .hx-pf-n{font:600 1.45em/1.12 var(--hx-disp);letter-spacing:-.015em;margin:.55em 0 .35em}
.historia .hx-pf-m{font-size:.92em;color:var(--hx-dim);margin-top:.35em}
.historia .hx-pf-t{font:500 .92em/1 var(--hx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-dim);margin-top:1em;padding-top:.9em;border-top:.066em solid var(--hx-line)}
.historia .hx-revs{position:relative;margin-top:.55em}
.historia .hx-rev{padding:.6em .75em;border-radius:.8em;border:.07em solid var(--hx-line);margin-bottom:.5em;background:#FFFFFF}
.historia .hx-rev-novo{background:var(--hx-tint);border-color:#CFE9DB}
.historia .hx-rev-h{display:flex;align-items:center;gap:.5em}
.historia .hx-rev-h span:not(.hx-stars){font-size:.92em;color:var(--hx-dim)}
.historia .hx-rev-t{font-size:1.06em;margin-top:.25em}


.historia .hx-ch-top{text-align:center;margin-top:.7em}
.historia .hx-av{display:grid;place-items:center;flex:0 0 auto;width:2.3em;height:2.3em;border-radius:50%;background:var(--hx-mist);font:600 1.1em/1 var(--hx-disp)}
.historia .hx-ch-n{font:600 1.2em/1.18 var(--hx-disp)}
.historia .hx-ch-r{margin-top:.4em}
.historia .hx-ch-t{display:grid;justify-items:center;font-size:.92em;color:var(--hx-dim);margin-top:.55em;padding-bottom:.5em;border-bottom:.07em solid var(--hx-line)}
.historia .hx-ch-t>span{grid-area:1/1}
.historia .hx-ch-fim{opacity:0}
.historia .hx-nw{white-space:nowrap}
.historia .hx-badge{display:inline-block;white-space:nowrap;font:500 .92em/1 var(--hx-mono);letter-spacing:.02em;color:var(--hx-green);background:var(--hx-tint);padding:.32em .6em;border-radius:999px}
.historia .hx-conv{position:absolute;left:.7em;right:.7em;top:9.3em;bottom:4.7em;overflow:hidden}
.historia .hx-conv-c{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:.45em}
.historia .hx-msg{max-width:90%;font-size:1.06em;line-height:1.34;padding:.42em .68em;border-radius:.95em;margin:0}
.historia .hx-ai{align-self:flex-start;background:var(--hx-mist);border-top-left-radius:.25em}
.historia .hx-eu{align-self:flex-end;background:var(--hx-ink);color:#FFFFFF;border-bottom-right-radius:.25em}
.historia .hx-desligar{position:absolute;left:50%;bottom:1.05em;width:3em;height:3em;margin-left:-1.5em;border-radius:50%;background:var(--hx-red);display:grid;place-items:center}
.historia .hx-desligar svg{width:1.55em;height:1.55em;fill:#FFFFFF}


.historia .hx-th-top{display:flex;align-items:center;gap:.6em;margin:0 -.7em;padding:.45em .9em .65em;border-bottom:.066em solid var(--hx-line)}
.historia .hx-av-q{width:2.2em;height:2.2em;border-radius:.6em;font-size:1em;flex:0 0 auto;background:var(--hx-ink);color:#FFFFFF}
.historia .hx-th-n{font:600 1.12em/1.2 var(--hx-disp)}
.historia .hx-th-s{font-size:.92em;color:var(--hx-dim)}
.historia .hx-th-c{display:flex;flex-direction:column;padding-top:.8em}
.historia .hx-dia{align-self:center;font-size:.92em;color:var(--hx-dim);margin-bottom:.7em}
.historia .hx-conf{max-width:94%;font-size:1.06em}
.historia .hx-card{border-radius:.25em 1.05em 1.05em 1.05em;background:var(--hx-mist);padding:.65em .7em .75em}
.historia .hx-card-de{display:flex;align-items:center;gap:.45em;font-size:.92em;color:var(--hx-dim);margin-bottom:.35em}
.historia .hx-card-de .hx-badge{font-size:1em;padding:.22em .5em}
.historia .hx-card-t{font:600 1.15em/1.25 var(--hx-disp)}
.historia .hx-card-l{font-size:1.06em;line-height:1.32}
.historia .hx-acao{display:grid;margin-top:.7em}
.historia .hx-acao>*{grid-area:1/1;align-self:start}
.historia .hx-take{display:flex;align-items:center;justify-content:center;height:2.7em;border-radius:999px;background:var(--hx-green);color:#FFFFFF;font:600 1.06em/1 var(--hx-body);transform-origin:50% 50%}
.historia .hx-horas-k{font-size:.92em;color:var(--hx-dim);margin-bottom:.35em}
.historia .hx-horas-c{display:flex;gap:.35em}
.historia .hx-horas-c .hx-chip{flex:1 1 0;justify-content:center;padding:0;background:#FFFFFF}
.historia .hx-feito b,.historia .hx-tomado b{display:block;font:600 1.25em/1.2 var(--hx-disp)}
.historia .hx-feito b{color:var(--hx-green)}
.historia .hx-tomado b{color:var(--hx-ink)}
.historia .hx-feito span,.historia .hx-tomado span{display:block;font-size:1.06em;color:var(--hx-dim);margin-top:.15em}
.historia .hx-acao>[data-hx-s]{opacity:0}
.historia [data-hx-estado="0"] [data-hx-s="0"],.historia [data-hx-estado="1"] [data-hx-s="1"],
.historia [data-hx-estado="2"] [data-hx-s="2"],.historia [data-hx-estado="3"] [data-hx-s="3"]{opacity:1}
.historia .hx-compor{position:absolute;left:.7em;right:.7em;bottom:.9em;display:flex;align-items:center;justify-content:space-between;height:2.5em;padding:0 .35em 0 .9em;border-radius:999px;border:.07em solid var(--hx-line-2);background:#FFFFFF}
.historia .hx-compor span{font-size:.92em;color:var(--hx-dim)}
.historia .hx-compor i{width:1.85em;height:1.85em;border-radius:50%;background:var(--hx-mist)}

.historia .hx-nome{position:absolute;left:0;right:0;bottom:calc(var(--pw)*.155);margin:0;text-align:center;font:500 calc(var(--pw)*.066)/1 var(--hx-mono);letter-spacing:.06em;color:var(--hx-dim);text-transform:uppercase}


.historia .hx-fantasma{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--hx-ink);border-radius:1em;transform-origin:0 0;opacity:0}
.historia .hx-tel-c .hx-fantasma{background:var(--hx-mist)}
.historia .hx-toque{position:absolute;left:0;top:0;width:2.6em;height:2.6em;border-radius:50%;background:rgba(20,32,27,.24);box-shadow:0 0 0 .12em rgba(255,255,255,.85);opacity:0}


.historia .hx-still .hx-tel{--hx-chao:0px}
.historia .hx-still .hx-l-avaliar .hx-e-v{opacity:0}
.historia .hx-still-2 .hx-sup{left:34%;bottom:calc(var(--pw)*.62)}
.historia .hx-still-2 .hx-tel-mao{left:70%;bottom:0}
.historia .hx-still-2 .hx-tel-corpo{transform:rotate(-16deg)}
.historia .hx-still-2 .hx-sombra{opacity:.8}
.historia .hx-still .hx-conv-c{top:auto;bottom:0}
.historia .hx-still .hx-msg[data-hx-m="1"],.historia .hx-still .hx-msg[data-hx-m="2"],.historia .hx-still .hx-desligar{display:none}
.historia .hx-still .hx-conv{bottom:1em}
.historia .hx-beat[data-hx-beat="4"]{grid-template-columns:minmax(0,1fr)}
.historia .hx-still-4{--pw:220px}
.historia .hx-still-4{display:flex;gap:var(--s-5,24px);width:auto;height:auto;justify-content:center}
.historia .hx-still-4 .hx-tel{position:relative;left:auto;bottom:auto;margin:0;flex:0 0 auto;margin-inline:calc(var(--pw)*-.2)}


@media (max-width:759px){
 .historia{padding:var(--s-8,64px) 0 var(--s-7,48px)}
 .historia .hx-wrap{padding:0 20px}
 .historia .hx-beats{gap:48px;margin-top:32px}
 .historia .hx-beat{grid-template-columns:1fr;gap:24px}
 .historia .hx-still{--pw:min(214px,56vw)}
 
 .historia .hx-still-2{width:100%;max-width:400px;height:calc(150px*1.75291 + var(--pw)*2.0)}
 .historia .hx-still-2 .hx-sup{--pw:150px;left:0;top:0;bottom:auto;margin-left:0}
 .historia .hx-still-2 .hx-tel-mao{left:auto;right:calc(var(--pw)*-.12);bottom:calc(var(--pw)*-.3);margin-left:0}
 .historia .hx-still-2 .hx-tel-corpo{transform:rotate(-12deg)}
 .historia .hx-still-4{--pw:min(214px,56vw);flex-direction:column;align-items:center;gap:var(--s-5,24px)}
 .historia .hx-still-4 .hx-tel{margin-inline:0}
}

@media (max-width:860px){.historia{--hx-top:64px}}


@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px){
 .historia{padding-bottom:0}
 .historia .hx-still{display:none}
 .historia .hx-trilho{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;margin-top:24px}
 .historia .hx-palco{display:block;grid-column:2;grid-row:1;align-self:start;position:sticky;top:var(--hx-top);height:calc(100svh - var(--hx-top));
  container-type:size;overflow:clip;pointer-events:none;--hx-chao:max(32px,calc((100cqh - var(--pw) * 2.41181) / 2));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);
  --pw:clamp(200px,min(calc((100cqh - 64px) / 2.41181),58cqw),300px)}
 .historia .hx-mundo{position:absolute;inset:0;transform-origin:50% calc(100% - var(--hx-chao))}
 .historia .hx-beats{grid-column:1;grid-row:1;display:block;margin:0}
 .historia .hx-beat{display:block;height:calc(var(--hx-len,100)*1svh)}
 .historia .hx-beat[data-hx-beat="0"]{--hx-len:100}
 .historia .hx-beat[data-hx-beat="1"]{--hx-len:90}
 .historia .hx-beat[data-hx-beat="2"]{--hx-len:160}
 .historia .hx-beat[data-hx-beat="3"]{--hx-len:170}
 .historia .hx-beat[data-hx-beat="4"]{--hx-len:220}
 .historia .hx-beat[data-hx-beat="5"]{--hx-len:120}
 .historia .hx-copy{position:sticky;top:calc(var(--hx-top) + 26svh);padding:8px 0}
 .historia .hx-beat-fecho .hx-copy{top:calc(var(--hx-top) + 20svh)}

 .historia .hx-tipos{display:flex;visibility:hidden}
 
 .historia .hx-palco .hx-conv{-webkit-mask-image:linear-gradient(transparent 0,#000 1.4em);mask-image:linear-gradient(transparent 0,#000 1.4em)}
 .historia.hx-vivo .hx-tipos{visibility:visible}
 .historia .hx-nota{display:none}
 .historia .hx-beat[data-hx-beat="4"]{grid-template-columns:none}
 
 .historia .hx-sup,.historia .hx-tel-t,.historia .hx-tel-c{opacity:0}
 .historia .hx-tel-a .hx-ui:not(.hx-l-busca){opacity:0}
 .historia .hx-tel-c .hx-l-chamada,.historia .hx-tel-c .hx-l-mensagens{opacity:0}
 .historia .hx-palco .hx-e-c,.historia .hx-palco .hx-av-txt span,.historia .hx-palco [data-hx-novo]{opacity:0}

 
 .historia .hx-k,.historia .hx-copy h3{overflow:clip;padding-bottom:.24em;margin-bottom:-.16em}
 .historia .hx-k>span,.historia .hx-copy h3>span{display:inline-block;transition:transform 760ms var(--hx-out)}
 .historia .hx-p,.historia .hx-link{transition:opacity 480ms var(--hx-out) 140ms}
 .historia.hx-vivo .hx-beat:not(.is-on) .hx-k>span,.historia.hx-vivo .hx-beat:not(.is-on) .hx-copy h3>span{transform:translateY(112%)}
 .historia.hx-vivo .hx-beat:not(.is-on) .hx-p,.historia.hx-vivo .hx-beat:not(.is-on) .hx-link{opacity:0}
}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:600px) and (max-width:759px){
 .historia .hx-trilho{display:block;margin-top:16px}
 .historia{--hx-txt:clamp(180px,26svh,224px)}
 .historia .hx-palco{position:sticky;z-index:2;background:var(--hx-bg);overflow:clip;-webkit-mask-image:none;mask-image:none;
  height:clamp(300px,calc(100svh - var(--hx-top) - var(--hx-txt)),640px);
  --pw:clamp(214px,min(calc((100cqh - 16px) / 2.41181),62cqw),260px);
  
  --hx-chao:min(6px,calc(100cqh - var(--pw) * 2.41181 - 8px))}
 .historia .hx-palco::before{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(rgba(255,255,255,0),var(--hx-bg));z-index:3}
 .historia .hx-palco::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--hx-line)}
 .historia .hx-beat{height:calc(var(--hx-len,100)*.62svh)}
 .historia .hx-beat:last-child{height:auto;min-height:calc(var(--hx-txt) + 30svh);padding-bottom:24px}
 .historia .hx-copy{top:calc(var(--hx-top) + clamp(300px,calc(100svh - var(--hx-top) - var(--hx-txt)),640px) + 14px);padding:0}
 .historia .hx-beat-fecho .hx-copy{top:calc(var(--hx-top) + clamp(300px,calc(100svh - var(--hx-top) - var(--hx-txt)),640px) + 14px)}
 .historia .hx-beat:first-child .hx-copy{padding-top:14px}
 .historia .hx-k{margin-bottom:4px}
 .historia .hx-copy h3{font-size:1.25rem;line-height:1.18;max-width:none}
 .historia .hx-copy h3.hx-fecho{font-size:1.625rem;max-width:none}
 .historia .hx-p{font-size:1rem;line-height:1.4;margin-top:6px;max-width:none}
 .historia .hx-try{font-size:1rem;margin-top:0}
 .historia .hx-link{margin-top:8px}
}

.historia.hx-curto .hx-palco,.historia.hx-curto .hx-tipos{display:none}
.historia.hx-curto .hx-still{display:block}
.historia.hx-curto .hx-still-4{display:flex}
.historia.hx-curto .hx-nota{display:block}
.historia.hx-curto .hx-trilho{display:block;margin-top:0}
.historia.hx-curto .hx-beats{display:grid;gap:48px;margin-top:32px}
.historia.hx-curto .hx-beat{display:grid;height:auto;grid-template-columns:1fr;gap:24px}
.historia.hx-curto .hx-copy{position:static}
