/* V32. App bridge: #aplicacoes receives --kn-panel-count from the controller.
   --kn-panel-travel controls the scroll distance between complete art frames.
   --kn-app-top, --kn-app-gutter and --kn-app-gap reserve real space for the UI.
   All art uses contain; no brand or badge pixels are cropped or reconstructed. */
#aplicacoes{--kn-panel-count:6;--kn-panel-travel:72svh;--kn-app-top:92px;--kn-app-gutter:clamp(24px,3.2vw,68px);--kn-app-gap:18px;background:#06142c;padding:0;overflow:clip;scroll-margin-top:0}
#aplicacoes .application-sticky{position:relative;top:auto;display:block;height:auto;min-height:0;padding:var(--kn-app-top) var(--kn-app-gutter) 30px;overflow:hidden}
#aplicacoes .application-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 42px;min-width:0}
#aplicacoes .application-heading .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.065em;margin:0 0 8px;color:#a9bdd2}
#aplicacoes .application-heading h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(30px,3vw,45px);line-height:1.08;letter-spacing:0;margin:0;max-width:28ch}
#aplicacoes .rail-controls{display:flex;flex:none;align-items:center;gap:14px;padding-bottom:2px}
#aplicacoes .rail-controls>span{font-size:12px;line-height:1;min-width:53px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#a9bdd2}
#aplicacoes .rail-controls button{width:38px;height:38px;border:1px solid #f4efe64d;background:transparent;border-radius:50%;font-size:19px;line-height:1;color:#f4efe6}
#aplicacoes .rail-controls button:hover{background:#244cff;border-color:#244cff}
#aplicacoes .application-window{height:auto;min-height:0;min-width:0;overflow:visible;flex:none}
#aplicacoes .application-rail{display:grid;gap:66px;width:100%;height:auto;min-height:0;min-width:0;transform:none}
#aplicacoes .application-panel{display:grid;grid-template-rows:auto auto;gap:14px;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;padding:0}
#aplicacoes .panel-media{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:clamp(310px,60svh,740px);min-height:0;max-height:none;min-width:0}
#aplicacoes .panel-media>.zoom{position:relative;inset:auto;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;transform:none;box-shadow:none;background:transparent}
#aplicacoes .panel-media img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
#aplicacoes .digital-panel .panel-media{display:flex;grid-template-columns:none;grid-template-rows:none}
#aplicacoes .social-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,44px);width:min(100%,1200px);margin-inline:auto}
#aplicacoes .social-media>.zoom{height:100%;width:100%;aspect-ratio:auto}
#aplicacoes .editorial-media{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(18px,3.2vw,52px)}
#aplicacoes .editorial-cover,#aplicacoes .editorial-merch{width:100%;height:100%;transform:none;filter:none;position:relative;z-index:auto}
#aplicacoes .space-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#aplicacoes .space-main,#aplicacoes .space-totems{position:relative;inset:auto;width:100%;height:100%;align-self:center;transform:none;box-shadow:none;background:transparent}
#aplicacoes .panel-caption{position:relative;display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr) auto;align-items:baseline;column-gap:24px;row-gap:4px;margin:0;padding:12px 0 0;border-top:1px solid #a9bdd236;min-width:0}
#aplicacoes .panel-caption h3{font-family:Anton,sans-serif;font-weight:400;font-size:25px;line-height:1.12;letter-spacing:0;margin:0}
#aplicacoes .panel-caption p{font-size:15px;line-height:1.35;letter-spacing:0;color:#a9bdd2;max-width:40ch;margin:0}
#aplicacoes .panel-caption>span{position:static;font-size:11px;line-height:1.2;color:#a9bdd2;letter-spacing:.04em;font-variant-numeric:tabular-nums}
#aplicacoes .application-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 0;padding:0;font-size:10px;line-height:1.3;letter-spacing:.045em;color:#a9bdd2}
#aplicacoes .desktop-hint i{margin-left:16px;font-style:normal}
html.motion-off #aplicacoes .rail-controls,html.motion-off #aplicacoes .desktop-hint{display:none!important}

/* The gallery is a full-frame strip. The hidden window removes the old next-card peek. */
@media(min-width:901px){
 html.motion-on #aplicacoes{height:460svh;height:calc(100svh + (var(--kn-panel-count) - 1)*var(--kn-panel-travel));padding:0;overflow:visible}
 html.motion-on #aplicacoes .application-sticky{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:var(--kn-app-gap);height:100svh;min-height:0;padding:var(--kn-app-top) var(--kn-app-gutter) 20px;overflow:hidden}
 html.motion-on #aplicacoes .application-heading{margin:0}
 html.motion-on #aplicacoes .application-window{height:100%;min-height:0;overflow:hidden}
 html.motion-on #aplicacoes .application-rail{display:flex;align-items:stretch;gap:0;width:100%;height:100%;will-change:transform}
 html.motion-on #aplicacoes .application-panel{flex:0 0 100%;width:100%;max-width:none;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;row-gap:14px;margin:0;padding:0}
 html.motion-on #aplicacoes .panel-media{height:100%;min-height:0;max-height:none}
 html.motion-on #aplicacoes .panel-caption{padding-top:12px;margin:0}
 html.motion-on #aplicacoes .application-bottom{margin:0;padding:0;font-size:10px}
}

/* Identification: stable approved objects, with only their common reverse flip. */
#credenciais{--kn-badge-width:min(29vw,calc((100svh - 320px)*.666667),330px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;min-height:650px;height:100svh;padding:92px clamp(24px,4.4vw,92px) 24px;background:#f4efe6;color:#06142c;overflow:hidden}
#credenciais .credentials-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;min-width:0}
#credenciais .credentials-heading .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.065em;opacity:.65;margin:0 0 10px}
#credenciais .credentials-heading h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(42px,4.25vw,68px);line-height:1.08;letter-spacing:0;margin:0;max-width:18ch}
#credenciais .badge-toolbar{position:static;top:auto;z-index:2;display:flex;flex:none;justify-content:flex-end;margin:0;padding:0;pointer-events:none}
#credenciais .flip-control{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:210px;margin:0;padding:13px 17px;background:#06142c;color:#f4efe6;box-shadow:none;font-size:15px;line-height:1.3;pointer-events:auto}
#credenciais .flip-control:hover{background:#244cff}
#credenciais .flip-control i{font-size:22px;line-height:1;font-style:normal}
#credenciais .badges-stage{display:flex;align-items:center;justify-content:center;gap:clamp(60px,11vw,190px);height:100%;min-height:0;margin:0;padding:0;perspective:1600px}
#credenciais .badge-object{flex:none;width:var(--kn-badge-width);max-width:330px;min-width:0;transform:none!important;will-change:auto;position:relative}
#credenciais .badge-depth{height:auto;width:100%;aspect-ratio:2/3;transform:none!important;transition:none;perspective:1600px;filter:drop-shadow(0 14px 18px #06142c1f)}
#credenciais .badge-turn{height:100%;width:100%;transform-style:preserve-3d}
#credenciais .badge-turn img{width:100%;height:100%;object-fit:contain}
#credenciais .badge-object figcaption{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:0;color:#06142c}
#credenciais .badge-object figcaption span{font-size:13px;font-weight:500;color:#516377;letter-spacing:0}
#credenciais .badge-disclosure{font-size:12px;line-height:1.4;letter-spacing:0;text-align:center;margin:0;color:#516377;opacity:1}

/* A single complete panoramic composition; no legacy sticky enlargement. */
#escala{--kn-scale-gutter:clamp(24px,3vw,64px);height:100svh;min-height:600px;padding:0;background:#244cff;color:#f4efe6;overflow:hidden;scroll-margin-top:0}
#escala .scale-sticky{position:relative;top:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:26px;align-items:center;justify-items:center;justify-content:stretch;height:100%;min-height:0;padding:92px var(--kn-scale-gutter) 26px}
#escala .scale-heading{width:100%;text-align:left}
#escala .scale-heading .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.065em;color:#f4efe6;opacity:.7;margin:0 0 12px}
#escala .scale-heading h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(48px,5.9vw,90px);line-height:1.07;letter-spacing:0;margin:0}
#escala .panorama-wrap{display:flex;align-items:center;justify-content:center;width:100%!important;height:100%;min-height:0;max-width:none;margin:0!important;transform:none!important;will-change:auto;position:relative;z-index:1}
#escala .panorama-wrap .zoom{width:100%;height:100%;min-height:0;box-shadow:none}
#escala .panorama-wrap img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
#escala .scale-caption{width:100%;font-size:11px;line-height:1.4;letter-spacing:.06em;color:#f4efe6;opacity:.7;text-align:left;margin:0}

/* The ending is the promise. The signature is a small endorsement below it. */
#encerramento{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;align-items:start;justify-items:stretch;justify-content:stretch;gap:30px;min-height:100svh;padding:100px clamp(24px,4.4vw,92px) 24px;text-align:left;background:#06142c;color:#f4efe6;overflow:hidden}
#encerramento>.eyebrow{font-size:12px;line-height:1.35;letter-spacing:.065em;color:#a9bdd2;opacity:1;margin:0}
#encerramento .closing-message{align-self:center;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(54px,7.6vw,124px);line-height:1.1;letter-spacing:-.005em;margin:0;padding:14px 0 20px;max-width:100%}
#encerramento .closing-message span{display:block}
#encerramento .closing-endcap{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;width:100%}
#encerramento .closing-logo{display:block;width:clamp(160px,17vw,250px);min-width:0;max-width:100%;height:auto;margin:0}
#encerramento .closing-links{display:flex;align-items:center;gap:35px;margin:0;padding-bottom:2px;font-size:14px;line-height:1.3;letter-spacing:0}
#encerramento .closing-links a{display:flex;align-items:center;gap:18px;padding:0 0 8px;border-bottom:1px solid #f4efe64d}
#encerramento footer{display:flex;justify-content:space-between;gap:24px;width:100%;padding:0;margin:0;font-size:9px;line-height:1.4;letter-spacing:.04em;color:#a9bdd2}

@media(min-width:901px) and (max-height:750px){
 #aplicacoes{--kn-app-top:88px;--kn-app-gap:16px}
 #aplicacoes .application-heading h2{font-size:34px}
 #aplicacoes .panel-caption h3{font-size:23px}
 #aplicacoes .panel-caption p{font-size:14px}
 #aplicacoes .application-heading .eyebrow{font-size:11px;margin-bottom:7px}
 #credenciais{gap:18px;padding-top:88px;padding-bottom:20px}
 #credenciais .credentials-heading h2{font-size:49px}
 #credenciais .credentials-heading .eyebrow{font-size:11px;margin-bottom:8px}
 #escala .scale-sticky{padding-top:88px;row-gap:22px}
 #escala .scale-heading h2{font-size:66px}
 #encerramento{padding-top:92px;gap:24px}
}
@media(min-width:901px) and (max-height:550px){
 #aplicacoes{--kn-app-top:82px;--kn-app-gap:12px}
 #aplicacoes .application-heading h2{font-size:27px}
 #aplicacoes .application-heading .eyebrow{font-size:10px;margin-bottom:4px}
 #aplicacoes .panel-caption{padding-top:8px}
 #aplicacoes .panel-caption h3{font-size:20px}
 #aplicacoes .panel-caption p{font-size:12px}
 #aplicacoes .application-bottom{font-size:9px}
 #credenciais{height:auto;min-height:650px;--kn-badge-width:220px}
 #escala{min-height:500px}
 #escala .scale-heading h2{font-size:49px}
 #encerramento{min-height:600px}
}
@media(max-width:900px){
 #aplicacoes{--kn-app-top:82px;--kn-app-gutter:24px;height:auto;padding:0}
 #aplicacoes .application-sticky{position:relative;height:auto;display:block;padding-bottom:64px}
 #aplicacoes .application-heading{align-items:flex-start;margin-bottom:42px}
 #aplicacoes .application-heading h2{font-size:38px;max-width:24ch}
 #aplicacoes .rail-controls{display:none!important}
 #aplicacoes .application-rail{display:grid;width:100%;height:auto;gap:64px;transform:none!important}
 #aplicacoes .application-panel{width:100%;height:auto;display:grid;grid-template-rows:auto auto;gap:14px}
 #aplicacoes .panel-media{height:auto;aspect-ratio:16/9}
 #aplicacoes .social-media{height:auto;aspect-ratio:auto}
 #aplicacoes .social-media>.zoom{height:auto;aspect-ratio:4/5}
 #aplicacoes .editorial-media{height:auto;aspect-ratio:auto;align-items:center}
 #aplicacoes .editorial-media>.zoom{height:auto;aspect-ratio:16/9}
 #aplicacoes .editorial-media>.editorial-cover{aspect-ratio:840/1188}
 #aplicacoes .space-media{height:auto;aspect-ratio:auto}
 #aplicacoes .space-media>.zoom{height:auto;aspect-ratio:16/9}
 #aplicacoes .panel-caption{grid-template-columns:1fr auto;gap:6px 20px;padding-top:14px}
 #aplicacoes .panel-caption h3{font-size:29px;grid-column:1;grid-row:1}
 #aplicacoes .panel-caption p{grid-column:1;grid-row:2;max-width:40ch;font-size:16px}
 #aplicacoes .panel-caption>span{grid-column:2;grid-row:1}
 #aplicacoes .application-bottom{margin-top:44px;justify-content:space-between;font-size:10px}
 #aplicacoes .application-bottom .desktop-hint{display:none}
 #credenciais{--kn-badge-width:min(36vw,300px);height:auto;min-height:0;padding:82px 24px 54px;gap:35px}
 #credenciais .credentials-heading{align-items:flex-start;gap:24px}
 #credenciais .credentials-heading h2{font-size:47px;max-width:10ch}
 #credenciais .badge-toolbar{align-self:flex-end}
 #credenciais .flip-control{min-width:195px;padding:12px 15px;font-size:14px;gap:24px}
 #credenciais .badges-stage{height:auto;gap:8vw;align-items:flex-start}
 #credenciais .badge-object figcaption{font-size:16px}
 #credenciais .badge-disclosure{text-align:left}
 #escala{height:90svh;min-height:600px}
 #escala .scale-sticky{padding-top:82px;padding-bottom:35px;row-gap:24px}
 #escala .scale-heading h2{font-size:62px}
 #encerramento{padding:82px 24px 24px;gap:34px;min-height:90svh}
 #encerramento .closing-message{font-size:7.6vw}
 #encerramento .closing-endcap{align-items:flex-end;gap:24px}
 #encerramento .closing-logo{width:175px}
 #encerramento .closing-links{gap:24px;font-size:13px}
}
@media(max-width:600px){
 #aplicacoes{--kn-app-gutter:20px;--kn-app-top:80px}
 #aplicacoes .application-heading{margin-bottom:34px}
 #aplicacoes .application-heading .eyebrow{font-size:11px;margin-bottom:10px}
 #aplicacoes .application-heading h2{font-size:34px;max-width:15ch;line-height:1.12}
 #aplicacoes .application-rail{gap:54px}
 #aplicacoes .panel-media{gap:18px}
 #aplicacoes .social-media{grid-template-columns:1fr;justify-items:center;gap:24px;width:100%}
 #aplicacoes .social-media>.zoom{width:min(82%,320px);height:auto;aspect-ratio:4/5}
 #aplicacoes .editorial-media,#aplicacoes .space-media{grid-template-columns:1fr;gap:25px;justify-items:center}
 #aplicacoes .editorial-media>.zoom,#aplicacoes .space-media>.zoom{width:100%}
 #aplicacoes .editorial-media>.editorial-cover{width:70%;max-width:280px}
 #aplicacoes .panel-caption h3{font-size:28px}
 #aplicacoes .panel-caption p{font-size:16px;line-height:1.4}
 #aplicacoes .application-bottom>span:first-child{display:block;max-width:52%}
 #aplicacoes .application-bottom>span:last-child{text-align:right}
 #credenciais{--kn-badge-width:min(76vw,300px);padding:80px 24px 48px;gap:34px}
 #credenciais .credentials-heading{display:block}
 #credenciais .credentials-heading .eyebrow{font-size:11px;margin-bottom:12px}
 #credenciais .credentials-heading h2{font-size:clamp(41px,12.8vw,54px);max-width:10ch;line-height:1.08}
 #credenciais .badge-toolbar{justify-content:flex-start;margin-top:25px}
 #credenciais .flip-control{min-width:210px;font-size:14px}
 #credenciais .badges-stage{flex-direction:column;align-items:center;gap:44px}
 #credenciais .badge-object{max-width:300px}
 #credenciais .badge-object figcaption{font-size:18px;margin-top:16px;gap:4px}
 #credenciais .badge-object figcaption span{font-size:14px}
 #credenciais .badge-disclosure{font-size:12px;line-height:1.5}
 #escala{height:78svh;min-height:520px;--kn-scale-gutter:20px}
 #escala .scale-sticky{padding:80px var(--kn-scale-gutter) 34px;grid-template-rows:auto minmax(0,1fr) auto;row-gap:22px}
 #escala .scale-heading .eyebrow{font-size:10px;letter-spacing:.045em;margin-bottom:16px}
 #escala .scale-heading h2{font-size:clamp(43px,13vw,58px);max-width:9ch;line-height:1.08}
 #escala .scale-caption{font-size:10px;letter-spacing:.03em;max-width:28ch}
 #encerramento{padding:80px 24px 24px;gap:30px;min-height:100svh;grid-template-rows:auto minmax(0,1fr) auto auto}
 #encerramento .closing-message{font-size:clamp(40px,12.8vw,55px);line-height:1.14;letter-spacing:0;padding:14px 0 22px}
 #encerramento .closing-message span+span{margin-top:14px}
 #encerramento .closing-endcap{display:block}
 #encerramento .closing-logo{width:160px}
 #encerramento .closing-links{gap:26px;flex-wrap:wrap;justify-content:flex-start;margin-top:30px;font-size:12px}
 #encerramento .closing-links a{gap:14px}
 #encerramento footer{display:flex;flex-direction:column;gap:9px;font-size:8px;line-height:1.5;padding:0;text-align:left}
}
@media(prefers-reduced-motion:reduce){
 #aplicacoes{height:auto!important}
 #aplicacoes .application-sticky{position:relative!important;height:auto!important;display:block!important}
 #aplicacoes .application-window{height:auto!important;overflow:visible!important}
 #aplicacoes .application-rail{display:grid!important;height:auto!important;gap:66px!important;transform:none!important}
 #aplicacoes .application-panel{width:100%!important;height:auto!important;grid-template-rows:auto auto!important}
 #aplicacoes .application-heading{margin-bottom:42px!important}
 #aplicacoes .rail-controls{display:none!important}
 #aplicacoes .application-bottom{margin-top:42px!important}
 #credenciais .badge-turn{transition:none!important}
}
@media(prefers-reduced-motion:reduce) and (min-width:901px){
 #aplicacoes .panel-media{height:clamp(310px,60svh,740px)!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
 #aplicacoes .panel-media{height:auto!important}
}
@media print{
 #aplicacoes,#credenciais,#escala,#encerramento{height:auto!important;min-height:0!important;padding:50px!important;overflow:visible!important}
 #aplicacoes .application-sticky,#escala .scale-sticky{position:relative!important;display:block!important;height:auto!important;min-height:0!important;padding:0!important}
 #aplicacoes .application-window,#aplicacoes .application-rail{display:block!important;height:auto!important;overflow:visible!important;transform:none!important}
 #aplicacoes .application-panel{display:block!important;width:100%!important;height:auto!important;margin:0 0 45px!important;break-inside:avoid}
 #aplicacoes .panel-media{height:350px!important;margin-bottom:18px}
 #aplicacoes .rail-controls,#aplicacoes .application-bottom,#credenciais .badge-toolbar{display:none!important}
 #credenciais .badges-stage{margin:30px 0!important;height:auto!important}
 #credenciais .badge-object{width:220px!important}
 #escala .panorama-wrap{height:250px!important;margin:30px 0!important}
 #encerramento .closing-message{font-size:64px!important;margin:35px 0!important}
 #encerramento .closing-endcap{margin-bottom:30px}
}