.moldura-hero{--moldura-canto:calc(var(--moldura-base,100cqw) * .14088);--moldura-inicio:calc(var(--moldura-base,100cqw) * .19225);--moldura-tangencia-longe:calc(var(--moldura-base,100cqw) * .12675);--moldura-tangencia-perto:calc(var(--moldura-base,100cqw) * .02713);--moldura-filete:calc(var(--moldura-base,100cqw) * .09263);clip-path:url(#moldura-hero-vertical)}@supports (clip-path:shape(from 0 0, line to 100% 100%)){.moldura-hero{clip-path:shape(from var(--moldura-inicio) 0, line to calc(100% - var(--moldura-canto)) 0, arc to 100% var(--moldura-canto) of var(--moldura-canto) cw, line to 100% calc(100% - var(--moldura-inicio)), arc to calc(100% - var(--moldura-tangencia-perto)) calc(100% - var(--moldura-tangencia-longe)) of var(--moldura-filete) cw, line to calc(100% - var(--moldura-tangencia-longe)) calc(100% - var(--moldura-tangencia-perto)), arc to calc(100% - var(--moldura-inicio)) 100% of var(--moldura-filete) cw, line to var(--moldura-canto) 100%, arc to 0 calc(100% - var(--moldura-canto)) of var(--moldura-canto) cw, line to 0 var(--moldura-inicio), arc to var(--moldura-tangencia-perto) var(--moldura-tangencia-longe) of var(--moldura-filete) cw, line to var(--moldura-tangencia-longe) var(--moldura-tangencia-perto), arc to var(--moldura-inicio) 0 of var(--moldura-filete) cw, close)}}
html:has(.case-secao){background-color:#000}body:has(.case-secao){background-color:#000}body:has(.case-secao) .bg-fundo{background-color:#000}html[data-tema=claro]:has(.case-secao){background-color:var(--color-fundo)}html[data-tema=claro] body:has(.case-secao){background-color:var(--color-fundo)}html[data-tema=claro] body:has(.case-secao) .bg-fundo{background-color:var(--color-fundo)}.case-secao{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-optical-sizing:auto}.case-card{--branco:#fff;--nao-branco:#f5f5f5;--preto:#000;--cinza-azulado:#2e4053;--vidro:#ffffffa6;--fonte-nota:#ffffff96;isolation:isolate;flex-direction:column;gap:56px;padding:56px 0 0;display:flex;position:relative;container:case/inline-size}.case-card p{margin:0}.case-card .fundo{z-index:-1;pointer-events:none;background:radial-gradient(2102px 679.5px at 50% 1671.5px,#000 0%,#0000008f 100%);width:max(1226px,100vw);height:1984px;position:absolute;top:-43px;left:50%;transform:translate(-50%)}.case-card .topo{flex-wrap:wrap;justify-content:space-between;align-items:last baseline;gap:24px;display:flex}.case-card .topo-titulo{flex-direction:column;gap:8px;display:flex}.case-card .titulo{letter-spacing:-.34px;color:var(--branco);text-wrap:balance;margin:0;font-size:34px;font-weight:900;line-height:38px}.case-card .local{color:#fffc;font-size:16px;line-height:24px}.case-card .meta{color:var(--color-amarelo);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px;display:flex}.case-card .meta span:not(.sep){text-transform:uppercase;letter-spacing:.7px}@container case (min-width:901px){.case-card .titulo{letter-spacing:-.44px;font-size:44px;line-height:48px}}.case-card .principal{position:relative}.case-card .foto-caixa{aspect-ratio:1064.87/494;width:100%;position:relative}.case-card .foto{--moldura-base:calc(100cqh * .8117);position:absolute;inset:0}@supports not (clip-path:shape(from 0 0, line to 100% 100%)){.case-card .foto .moldura-hero{clip-path:url(#moldura-hero-horizontal)}}.case-card .destaque{--amarelo-overlay:#f2bc1b;--amarelo-fill:#f2bc1b80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--preto);background:0 0;border-radius:32px;padding:32px;font-size:16px;line-height:normal;position:absolute;top:32px;left:calc(66.6667cqw + 21.3333px);right:32px}.case-card .destaque:before,.case-card .destaque:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.case-card .destaque:before{background:var(--amarelo-overlay);mix-blend-mode:overlay}.case-card .destaque:after{background:var(--amarelo-fill)}.case-card .destaque span{z-index:1;display:block;position:relative}@container case (max-width:760px){.case-card .destaque{width:auto;color:var(--color-chumbo,#333);text-wrap:pretty;background:#fffc;border-radius:18.5px;margin-top:-36px;padding:33px 29px;font-size:16px;line-height:24px;position:relative;top:auto;left:auto;right:auto}.case-card .destaque:before,.case-card .destaque:after{content:none}@supports (clip-path:shape(from 0 0, line to 100% 100%)){.case-card .destaque{clip-path:shape(from 25.28px 0, line to calc(100% - 18.5px) 0, arc to 100% 18.5px of 18.5px cw, line to 100% calc(100% - 25.28px), arc to calc(100% - 3.576px) calc(100% - 16.67px) of 12.21px cw, line to calc(100% - 16.67px) calc(100% - 3.576px), arc to calc(100% - 25.28px) 100% of 12.21px cw, line to 18.5px 100%, arc to 0 calc(100% - 18.5px) of 18.5px cw, line to 0 25.28px, arc to 3.576px 16.67px of 12.21px cw, line to 16.67px 3.576px, arc to 25.28px 0 of 12.21px cw, close);border-radius:0}}}.case-card .numeros{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-card .numero{background:var(--vidro);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;border-radius:16px;min-width:0;position:relative;overflow:hidden}.case-card .face{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px 20px;display:flex}.case-card .valor{color:var(--cinza-azulado);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;display:flex}.case-card .valor b{font-size:45px;font-weight:900;line-height:48px}.case-card .valor small{font-size:16px;font-weight:500;line-height:20px}.case-card .rotulo{color:var(--preto);text-wrap:balance;font-size:14px;line-height:20px}@container case (min-width:901px){.case-card .numeros{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.case-card .face{padding:28px 24px}}@container case (max-width:480px){.case-card .numeros{gap:8px}.case-card .numero{min-height:107px}.case-card .face{gap:4px;padding:16px 12px}.case-card .valor{letter-spacing:-.52px;gap:3px}.case-card .valor.sem-unidade{letter-spacing:-1.36px}.case-card .valor b{font-size:34px;line-height:36px}.case-card .valor small{font-size:13px;line-height:16px}.case-card .rotulo{color:#000000b3;font-size:12px;line-height:16px}}.case-card .principal--regua .numeros{margin-top:56px}@media (max-width:560px){.case-card .principal--regua .numeros{margin-top:40px}}@container case (min-width:901px){.case-card .principal--regua{--regua-margem:16px;--regua-raio:16px;--foto-base:calc(100cqw * .37655);grid-template-rows:auto minmax(32px,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.case-card .principal--regua .foto-caixa{aspect-ratio:auto;grid-area:1/1/-1/-1;min-height:46.3906cqw}.case-card .principal--regua .foto{--moldura-base:calc(100cqw * .37655)}.case-card .principal--regua .destaque{width:calc((100cqw - var(--regua-margem) * 5) / 4);margin:var(--regua-margem) var(--regua-margem) 0 0;border-radius:var(--regua-raio);border-top-right-radius:calc(var(--foto-base) * .14088 - var(--regua-margem));grid-area:1/1;justify-self:end;position:relative;inset:auto}.case-card .principal--regua .numeros{margin:0 var(--regua-margem) var(--regua-margem);gap:var(--regua-margem);grid-area:3/1}.case-card .principal--regua .numero{border-radius:var(--regua-raio)}.case-card .principal--regua .numero:first-child{border-bottom-left-radius:calc(var(--foto-base) * .14088 - var(--regua-margem))}@supports (clip-path:shape(from 0 0, line to 100% 100%)){.case-card .principal--regua .numero:last-child{--corte:calc(var(--foto-base) * .15388 - var(--regua-margem) * .58579);--filete:calc(var(--foto-base) * .09263 - var(--regua-margem));--inicio:calc(var(--corte) + var(--filete) * .41421);--longe:calc(var(--corte) - var(--filete) * .29289);--perto:calc(var(--filete) * .29289);clip-path:shape(from var(--regua-raio) 0, line to calc(100% - var(--regua-raio)) 0, arc to 100% var(--regua-raio) of var(--regua-raio) cw, line to 100% calc(100% - var(--inicio)), arc to calc(100% - var(--perto)) calc(100% - var(--longe)) of var(--filete) cw, line to calc(100% - var(--longe)) calc(100% - var(--perto)), arc to calc(100% - var(--inicio)) 100% of var(--filete) cw, line to var(--regua-raio) 100%, arc to 0 calc(100% - var(--regua-raio)) of var(--regua-raio) cw, line to 0 var(--regua-raio), arc to var(--regua-raio) 0 of var(--regua-raio) cw, close);border-radius:0}}}.case-card .fonte{color:var(--fonte-nota);font-size:12px;line-height:16px}.case-card .fonte a{text-underline-offset:2px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.case-card .fonte a:hover{color:var(--nao-branco)}.case-card .chamada{background:var(--color-amarelo);color:var(--color-tinta);white-space:nowrap;border-radius:9999px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:18px 40px;font-size:15px;font-weight:500;line-height:20px;transition:background-color .3s ease-out;display:inline-flex}.case-card .chamada:hover{background:var(--branco)}.case-card .chamada:focus-visible{outline:2px solid var(--branco);outline-offset:3px}@container case (max-width:480px){.case-card .chamada{align-self:stretch}}.case-card .textos{flex-direction:column;gap:56px;display:flex}.case-card .bloco{flex-direction:column;gap:24px;display:flex}.case-card .bloco-texto{flex-direction:column;gap:8px;min-width:0;font-size:16px;display:flex}.case-card .bloco-rotulo{letter-spacing:.8px;text-transform:uppercase;color:var(--branco);margin:0;font-size:16px;font-weight:900;line-height:normal}.case-card .bloco-texto p{color:var(--nao-branco);font-weight:400;line-height:24px}.case-card .imagem{aspect-ratio:16/9;border-radius:16px;width:100%;position:relative;overflow:hidden}@container case (min-width:901px){.case-card .textos{gap:80px;margin-top:64px}.case-card .bloco{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:32px;display:grid}.case-card .bloco-texto{display:contents}.case-card .bloco-rotulo{grid-column:1/3}.case-card .bloco-texto p{grid-column:3/7}.case-card .imagem{grid-column:7/13}}@property --m-canto{syntax:"<length>";inherits:false;initial-value:16px}@property --m-filete{syntax:"<length>";inherits:false;initial-value:16px}@property --m-inicio{syntax:"<length>";inherits:false;initial-value:16px}@property --m-longe{syntax:"<length>";inherits:false;initial-value:4.686px}@property --m-perto{syntax:"<length>";inherits:false;initial-value:4.686px}@supports (clip-path:shape(from 0 0, line to 100% 100%)){.case-card .imagem{--m-canto:16px;--m-filete:16px;--m-inicio:16px;--m-longe:4.686px;--m-perto:4.686px;clip-path:shape(from var(--m-inicio) 0, line to calc(100% - var(--m-canto)) 0, arc to 100% var(--m-canto) of var(--m-canto) cw, line to 100% calc(100% - var(--m-inicio)), arc to calc(100% - var(--m-perto)) calc(100% - var(--m-longe)) of var(--m-filete) cw, line to calc(100% - var(--m-longe)) calc(100% - var(--m-perto)), arc to calc(100% - var(--m-inicio)) 100% of var(--m-filete) cw, line to var(--m-canto) 100%, arc to 0 calc(100% - var(--m-canto)) of var(--m-canto) cw, line to 0 var(--m-inicio), arc to var(--m-perto) var(--m-longe) of var(--m-filete) cw, line to var(--m-longe) var(--m-perto), arc to var(--m-inicio) 0 of var(--m-filete) cw, close);transition:--m-canto var(--mola-tempo) var(--mola), --m-filete var(--mola-tempo) var(--mola), --m-inicio var(--mola-tempo) var(--mola), --m-longe var(--mola-tempo) var(--mola), --m-perto var(--mola-tempo) var(--mola)}@media (hover:hover){.case-card .bloco:hover .imagem{--m-canto:23.95px;--m-filete:15.75px;--m-inicio:37.92px;--m-longe:26.78px;--m-perto:4.613px}}@media (prefers-reduced-motion:reduce){.case-card .imagem{transition:none}}}.case-card .enquadre{width:125.4%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.case-card .enquadre-foto{width:102.83%;height:162.06%;position:absolute;top:-61.99%;left:-10.71%}@media (max-width:560px){.case-card{gap:40px;padding:48px 0 0}.case-card .textos{margin-top:-16px}.case-card .titulo{font-size:24px}.case-card .meta{white-space:normal;flex-wrap:wrap}.case-card .topo{flex-flow:column;align-items:flex-start;gap:8px}.case-card .meta{color:var(--color-amarelo);gap:4px;line-height:16px}.case-card .titulo{letter-spacing:0;text-wrap:wrap;font-weight:900;line-height:30px}.case-card .local{color:#ffffffb3;font-size:16px;line-height:24px}.case-card .imagem{aspect-ratio:auto}.case-card .img-contexto,.case-card .img-resultado{height:200px}.case-card .img-solucao{height:240px}.case-card.case-card--resumo{gap:16px;padding:64px 20px}.case-card--resumo .foto-caixa{aspect-ratio:350/162}}div[data-reveal=cascata][data-revelado]{opacity:1;will-change:auto;transition:none;transform:none}@keyframes case-entra{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur()}}@keyframes case-destaque-abre{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){[data-reveal=cascata][data-revelado=false] .case-card .entra,[data-reveal=cascata][data-revelado=false] .case-card .destaque span{opacity:0}[data-reveal=cascata][data-revelado=false] .case-card .destaque{transform:scale(0)}[data-reveal=cascata][data-revelado=true] .case-card .entra{animation:case-entra var(--mola-tempo) var(--mola) calc(.1s + var(--i,0) * 80ms) backwards}[data-reveal=cascata][data-revelado=true] .case-card .destaque{transform-origin:50%;animation:case-destaque-abre var(--mola-tempo) var(--mola) .6s both}[data-reveal=cascata][data-revelado=true] .case-card .destaque span{animation:case-entra var(--mola-tempo) var(--mola) 1.4s both}}[data-tema=claro] .case-card{--branco:var(--color-tinta);--nao-branco:var(--color-tinta);--fonte-nota:var(--color-cinza-600)}[data-tema=claro] .case-card .fundo{display:none}[data-tema=claro] .case-card .local{color:var(--color-cinza-600)}[data-tema=claro] .case-card .meta{color:var(--color-cinza-azulado)}[data-tema=claro] .case-card .fonte a{text-decoration-color:#33333359}[data-tema=claro] .case-card .fonte a:hover{color:var(--color-tinta)}[data-tema=claro] .case-card .chamada:hover{background:var(--color-tinta);color:#fff}
