/* Fontes locais (OFL): Baloo 2 substitui a Terfens; Fraunces e Inter são as originais do layout */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/baloo-2-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/baloo-2-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/baloo-2-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/baloo-2-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/baloo-2-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fraunces-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/fraunces-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/fraunces-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-latin-800-normal.woff2) format('woff2')}
:root{
  --page-w:min(56.25vh,100vw);
  --page-h:min(100vh,177.777vw);
  --footer-h:46px;
  --blue:#174d73;
  --blue2:#2c64b3;
  --green:#159c4d;
  --orange:#dc861f;
  --red:#dc2028;
  --text:#56585a;
  --ui:rgba(24,32,42,.68);
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#edf0f3;font-family:"Baloo 2","Segoe UI",Arial,Helvetica,sans-serif;color:#222}
button,a{font:inherit}
button{touch-action:manipulation}
.reader{position:absolute;inset:0;overflow:hidden;background:#edf0f3;overscroll-behavior:none}
.stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.spread{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;perspective:1800px;transform-style:preserve-3d}
.page{width:var(--page-w);height:calc(var(--page-h) + var(--footer-h));display:flex;flex-direction:column;flex:0 0 auto;position:relative;container-type:inline-size;filter:drop-shadow(0 5px 18px rgba(0,0,0,.13));transform-origin:center}
.page.cover{height:var(--page-h)}
.page-art{position:relative;width:100%;height:var(--page-h);flex:0 0 var(--page-h);overflow:hidden;background:#fff;isolation:isolate}
.page-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;z-index:0;pointer-events:none;user-select:none;-webkit-user-drag:none}

/* UI */
.nav-btn,.top-btn{position:fixed;z-index:100;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:var(--ui);box-shadow:0 2px 10px rgba(0,0,0,.17);backdrop-filter:blur(8px)}
.nav-btn{width:38px;height:38px;border-radius:50%;bottom:max(12px,env(safe-area-inset-bottom));font-size:28px;line-height:1}
.nav-prev{left:max(10px,env(safe-area-inset-left))}.nav-next{right:max(10px,env(safe-area-inset-right))}
.nav-btn:disabled{opacity:.18;cursor:default}
.top-btn{width:38px;height:38px;border-radius:10px;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));font-size:20px}
.page-indicator{position:fixed;z-index:99;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:6px 10px;border-radius:12px;background:rgba(24,32,42,.62);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;pointer-events:none;transition:opacity .3s ease}
.page-indicator.is-hidden{opacity:0}
.spread-enter-next .page{animation:pageInNext .38s cubic-bezier(.2,.7,.2,1)}
.spread-enter-prev .page{animation:pageInPrev .38s cubic-bezier(.2,.7,.2,1)}
@keyframes pageInNext{from{opacity:.35;transform:perspective(1600px) rotateY(-7deg) translateX(2%)}to{opacity:1;transform:none}}
@keyframes pageInPrev{from{opacity:.35;transform:perspective(1600px) rotateY(7deg) translateX(-2%)}to{opacity:1;transform:none}}

/* footer agrupado e afastado das setas */
.page-footer{height:var(--footer-h);flex:0 0 var(--footer-h);display:flex;align-items:center;justify-content:center;background:#fff;border-top:1px solid rgba(23,77,115,.12);color:var(--blue);font-family:"Baloo 2","Segoe UI",Arial,sans-serif}
.footer-core{display:flex;align-items:center;justify-content:center;gap:10px;max-width:72%}
.footer-title{font-size:clamp(8px,1.15cqw,11px);font-weight:650;letter-spacing:.19em;white-space:nowrap}
.footer-page{font-size:clamp(11px,1.55cqw,14px);font-weight:850;letter-spacing:.06em}
.footer-brand img{display:block;height:22px;width:auto;max-width:78px}

/* conteúdo interativo */
.text-panel,.summary-list,.info-carousel{position:absolute;z-index:12;box-sizing:border-box}
.text-panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:calc(8 * var(--u)) calc(18 * var(--u)) calc(34 * var(--u)) 0;color:var(--text);cursor:pointer;font-size:clamp(11px,1.88cqw,15px);line-height:1.28;font-weight:500;letter-spacing:-.01em;user-select:text;-webkit-user-select:text;touch-action:pan-y;text-align:left}
.text-panel::-webkit-scrollbar,.summary-list::-webkit-scrollbar{display:none}
.text-panel p{margin:0 0 .86em}.text-panel p:last-child{margin-bottom:.25em}
.text-panel .lead{font-size:calc(1em + 2px);line-height:1.34;font-weight:500;font-style:italic;color:#45484b}
.text-panel strong,.rich-text strong{font-weight:800;color:inherit}
.text-panel h3{font-size:1.07em;line-height:1.08;margin:.8em 0 .35em;color:inherit;font-weight:850}
.text-panel ul{margin:.28em 0 .8em;padding-left:1.15em}.text-panel li{margin:.22em 0}
.text-panel a{color:#185b93;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.p4-body{color:#fff}
.hotspot{position:absolute;z-index:30;border:0;background:transparent;padding:0;margin:0;cursor:pointer;border-radius:5px}
.hotspot:focus-visible{outline:2px solid rgba(23,77,115,.9);outline-offset:2px}

/* áreas de texto — alinhadas às áreas em branco/boxes fixos da arte (REV5) */
.p2-editorial{left:45.37%;top:22.62%;width:48.13%;height:42.38%}
.p2-summary{left:4.3%;top:30.6%;width:36%;height:26.6%;overflow-y:auto;scrollbar-width:none;padding:0 5px 4px 0;touch-action:pan-y}
.p3-body{left:11.85%;top:62.43%;width:56.35%;height:29.87%}
.p4-body{left:11.39%;top:48.77%;width:78.91%;height:16.23%;font-size:clamp(10.5px,1.8cqw,14px)}
.p5-body{left:11.02%;top:55.91%;width:77.88%;height:29.69%}
.p6-body{left:11.57%;top:22.81%;width:77.83%;height:38.69%}
.p7-body{left:10.93%;top:50.26%;width:45.47%;height:33.14%}
.p8-body{left:11.76%;top:22.95%;width:78.14%;height:42.15%}
.p9-body{left:10.93%;top:49.05%;width:74.97%;height:27.15%}
.p10-body{left:11.02%;top:15.30%;width:78.38%;height:16.00%}
.p10-why{left:12.41%;top:77.8%;width:76.2%;height:15.6%;font-size:clamp(10.5px,1.8cqw,14px)}
.p11-body{left:12.0%;top:38.20%;width:75.8%;height:28.60%;padding:calc(26 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u))}
.p13-body{left:10.74%;top:26.99%;width:78.66%;height:37.01%}
.p14-body{left:10.83%;top:57.93%;width:53.57%;height:29.07%}
.p15-body{left:11.11%;top:65.77%;width:78.29%;height:30.73%}
.p16-body{left:11.11%;top:25.14%;width:78.29%;height:36.86%}

/* rolagem: indicador sobre a seta fixa da arte */
.scroll-rail{position:absolute;z-index:28;width:0;transform:translateX(-50%);pointer-events:none}
.scroll-thumb{position:absolute;left:50%;width:max(5px,1.05cqw);transform:translateX(-50%);border-radius:99px;background:#4b4d50;box-shadow:0 0 0 2px rgba(255,255,255,.85);pointer-events:auto;cursor:grab;touch-action:none;transition:top .08s linear}
.scroll-rail.is-light .scroll-thumb{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.12)}
.scroll-tip{position:absolute;z-index:26;width:5.2%;height:2.6%;border:0;padding:0;background:transparent;cursor:pointer}
.no-scroll .scroll-rail,.no-scroll .scroll-tip,.no-scroll .scroll-hint{display:none}
.text-panel.has-rail{-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 2.6em),transparent 100%);mask-image:linear-gradient(#000 0,#000 calc(100% - 2.6em),transparent 100%)}
.text-panel.has-rail.at-end{-webkit-mask-image:none;mask-image:none}
.scroll-hint{position:absolute;z-index:27;transform:translate(-50%,-115%);display:flex;flex-direction:column;align-items:center;gap:1px;border:0;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.92);color:#4b4d50;font-size:clamp(8px,1.5cqw,11px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:opacity .25s ease}
.scroll-hint i{display:block;width:.62em;height:.62em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:1px;animation:hintBounce 1.4s ease-in-out infinite}
.scroll-hint.is-light{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
.scroll-hint.is-hidden{opacity:0;pointer-events:none}
@keyframes hintBounce{0%,100%{transform:translateY(-1px) rotate(45deg)}50%{transform:translateY(3px) rotate(45deg)}}


/* sumário */
.summary-link{width:100%;display:grid;grid-template-columns:31px 1fr;gap:6px;align-items:start;border:0;border-bottom:1px solid rgba(89,89,91,.22);background:transparent;padding:5px 0;color:#55595c;text-align:left;cursor:pointer}
.summary-link:last-child{border-bottom:0}.summary-num{font-size:10.5px;line-height:1.15;font-weight:850;color:#174d73}.summary-title{font-size:10.7px;line-height:1.16;font-weight:700}

/* hotspots de texto — sobre o comando fixo "Clique aqui para ver o texto maior" da arte */
.p2-text-hit{left:61%;top:66.5%;width:34%;height:12%}
.p3-text-hit{left:71%;top:63%;width:22.5%;height:9%}
.p5-text-hit{left:9.5%;top:86.5%;width:25%;height:10%}
.p6-text-hit{left:73%;top:10.5%;width:24%;height:9.5%}
.p7-text-hit{left:9.5%;top:84.5%;width:25%;height:9.5%}
.p8-text-hit{left:73%;top:10.5%;width:24%;height:9.5%}
.p9-text-hit{left:10.5%;top:76.5%;width:25%;height:9.5%}
.p10-text-hit{left:62.5%;top:3%;width:26%;height:10%}
.p11-text-hit{left:9.5%;top:28.5%;width:46.5%;height:5.5%}
.p13-text-hit{left:68.5%;top:10.5%;width:25%;height:10%}
.p14-text-hit{left:65.5%;top:47.5%;width:26%;height:10%}
.p15-text-hit{left:68.5%;top:49.8%;width:25%;height:9.5%}
.p16-text-hit{left:69.5%;top:11%;width:27%;height:9.5%}

/* hotspots de galeria — sobre o botão fixo "Clique para ver a galeria" da arte */
.p3-gallery-hit{left:11.5%;top:39%;width:26%;height:6%}
.p4-gallery-hit{left:64.5%;top:65.2%;width:27%;height:6.2%}
.p5-gallery-hit{left:67%;top:34.5%;width:26%;height:6%}
.p6-gallery-hit{left:71.5%;top:90.2%;width:26%;height:5.8%}
.p7-gallery-hit{left:71%;top:26%;width:26%;height:6%}
.p8-gallery-hit{left:67.5%;top:65.8%;width:26.5%;height:5.8%}
.p11-gallery-hit{left:66%;top:88.8%;width:26%;height:6%}
.p14-gallery-hit{left:65%;top:33.8%;width:26%;height:6%}
.p15-gallery-hit{left:65.8%;top:34.5%;width:26%;height:6%}
.p16-gallery-hit{left:68%;top:63.6%;width:26.5%;height:6%}

/* capa */
.p1-main-hit{left:3%;top:46%;width:68%;height:34%}
.p1-tunnel-hit{left:10%;top:81.5%;width:41%;height:10%}
.p1-agro-hit{left:54%;top:81.5%;width:37%;height:10%}

/* page 13: carrossel ocupa exatamente o box azul fixo da arte */
.info-carousel{--info-scale:1;left:8.6%;top:66.85%;width:47.25%;height:25.35%;border-radius:2.9cqw;background:#1d5ba9;color:#fff;padding:3.2cqw 3cqw 2.2cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.info-carousel h3{font-size:calc(3.4cqw * var(--info-scale));line-height:1.08;margin:0 0 .5em;font-weight:900}
.info-copy-wrap{min-width:0;min-height:0;overflow:hidden}
.info-card-label{font-size:calc(3.5cqw * var(--info-scale));line-height:1.02;font-weight:900;margin-bottom:.35em;text-transform:uppercase}
.info-card-copy{font-size:calc(3.05cqw * var(--info-scale));line-height:1.24;font-weight:650}
.info-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:1.2cqw}
.info-dots{display:flex;gap:6px;align-items:center}
.info-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer}.info-dot.is-active{background:#fff}
.info-arrow-side{display:grid;place-items:center;width:max(22px,5cqw);height:max(22px,5cqw);border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:max(16px,3.6cqw);font-weight:900;line-height:1;padding:0 0 2px;cursor:pointer}

/* recipe CTA */
.recipe-cta{position:absolute;z-index:20;left:67.5%;top:79%;width:24%;min-height:5.2%;display:grid;place-items:center;text-align:center;padding:8px 10px;border-radius:10px;background:#d22630;color:#fff;text-decoration:none;font-size:clamp(9px,1.45cqw,11px);font-weight:850;box-shadow:0 3px 10px rgba(0,0,0,.12)}

/* guia */
.guide-page-inner{position:absolute;inset:0;padding:9% 8.5% 8%;background:linear-gradient(160deg,#fff 0 65%,#f2f5f7 65% 100%);color:#174d73;overflow:hidden}
.guide-page-inner::before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#159c4d;opacity:.12;right:-33%;top:-12%}.guide-page-inner::after{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#dc861f;opacity:.11;left:-42%;bottom:-26%}
.guide-kicker,.guide-page-inner h1,.guide-lead,.guide-grid{position:relative;z-index:1}.guide-kicker{font-size:clamp(10px,1.55cqw,13px);font-weight:850;letter-spacing:.18em;color:#159c4d}.guide-page-inner h1{margin:2% 0 2.5%;font-size:clamp(30px,7.1cqw,54px);line-height:.93;letter-spacing:-.04em}.guide-lead{max-width:82%;margin:0 0 7%;font-size:clamp(12px,2.35cqw,18px);line-height:1.25;color:#55595c;font-weight:550}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.guide-card{min-height:21cqw;padding:3.4cqw;border-radius:3.5cqw;background:#fff;border:1px solid rgba(23,77,115,.12);box-shadow:0 3px 14px rgba(23,77,115,.06)}.guide-card.wide{grid-column:1/-1;display:grid;grid-template-columns:25% 1fr;gap:3cqw;align-items:center}.guide-asset{width:100%;max-height:14cqw;object-fit:contain}.guide-card strong{display:block;font-size:clamp(12px,2.4cqw,17px);line-height:1.08;margin-bottom:1.4cqw}.guide-card p{margin:0;color:#5b5e61;font-size:clamp(9px,1.85cqw,13px);line-height:1.2;font-weight:500}.guide-icon-lite{display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;margin-bottom:2cqw;background:#9b9da0;color:#fff;font-size:4.8cqw;font-weight:900}

/* modais */
.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh}.modal::backdrop{background:rgba(15,22,30,.66);backdrop-filter:blur(5px)}
.modal-card,.gallery-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.modal-card{width:min(760px,92vw);height:min(84dvh,880px);display:flex;flex-direction:column;padding:28px 28px 24px}.modal-kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#159c4d;margin-right:44px}.modal-card h2{font-size:clamp(24px,4vw,38px);line-height:1.02;margin:8px 48px 18px 0;color:#174d73}.modal-scroll{overflow:auto;padding-right:8px;overscroll-behavior:contain}.rich-text{font-size:16px;line-height:1.48;color:#4f5356}.rich-text p{margin:.2em 0 1em}.rich-text .lead{font-size:18px;line-height:1.4}.rich-text h3{color:#174d73;margin:1.2em 0 .42em}.rich-text ul{padding-left:1.2em}.rich-text a{color:#185b93;font-weight:800}.modal-close{position:absolute;z-index:4;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#eef1f4;color:#174d73;font-size:26px;line-height:1;cursor:pointer}
.gallery-modal-card{width:min(1050px,95vw);height:min(90dvh,940px);padding:14px;display:grid;grid-template-rows:1fr auto;gap:10px}.gallery-stage{position:relative;min-height:0;background:#f3f4f5;border-radius:12px;overflow:hidden}.gallery-stage img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;object-fit:contain;object-position:center;display:block}.gallery-meta{padding:2px 44px 2px 4px}.gallery-meta strong{font-size:18px;color:#174d73}.gallery-meta p{margin:4px 0;color:#555;line-height:1.25}.gallery-meta span{font-size:12px;color:#777}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:54px;border:0;border-radius:10px;background:rgba(24,32,42,.72);color:#fff;font-size:30px;cursor:pointer}.gallery-prev{left:10px}.gallery-next{right:10px}

@media(max-width:700px){
  .reader{background:#fff}.page{filter:none}.nav-btn{width:34px;height:34px;bottom:max(6px,env(safe-area-inset-bottom));font-size:24px;background:rgba(24,32,42,.52)}.nav-prev{left:max(4px,env(safe-area-inset-left))}.nav-next{right:max(4px,env(safe-area-inset-right))}.top-btn{width:34px;height:34px;top:max(5px,env(safe-area-inset-top));right:max(5px,env(safe-area-inset-right));background:rgba(24,32,42,.52)}.page-indicator{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));font-size:9px;padding:4px 7px}.page-footer{height:38px}.footer-core{gap:7px;max-width:78%}.footer-title{font-size:8px;letter-spacing:.16em}.footer-page{font-size:10.5px}.footer-brand img{height:18px;max-width:64px}.text-panel{font-size:clamp(10.6px,2.5cqw,13px);line-height:1.24}.summary-link{grid-template-columns:27px 1fr;padding:4px 0}.summary-num{font-size:9.5px}.summary-title{font-size:9.8px}.modal-card{width:95vw;height:88dvh;padding:22px 18px 18px;border-radius:15px}.modal-card h2{font-size:25px}.rich-text{font-size:15px}.gallery-modal-card{width:97vw;height:90dvh;padding:9px}.gallery-meta strong{font-size:16px}.gallery-meta p{font-size:13px}
}



/* ===== páginas vetoriais (SVG com texto real) ===== */
.page-vector{position:absolute;inset:0;z-index:0}
.page-vector svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
.page-loading{position:absolute;inset:0;display:grid;place-items:center;color:#8a8d90;font-size:14px}

/* página 17: animação dos elementos do próprio SVG */
@media all{
  .page-vector .va{transform-box:view-box;transform-origin:0 0;animation:vaIn .75s cubic-bezier(.2,.75,.25,1) var(--d) both}
}
@keyframes vaIn{from{opacity:0;translate:var(--tx) var(--ty);scale:var(--s)}to{opacity:1;translate:0 0;scale:1}}
.ap-sheen{position:absolute;z-index:4;overflow:hidden;pointer-events:none}
.ap-sheen::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);animation:apSheen 1.1s ease-in-out var(--d) both}
.ap-glow{position:absolute;z-index:5;right:-14%;top:-9%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,196,110,.55),rgba(255,170,80,0) 68%);pointer-events:none;mix-blend-mode:screen;animation:apGlow 4.5s ease-in-out infinite}
@keyframes apSheen{from{transform:translateX(0)}to{transform:translateX(420%)}}
@keyframes apGlow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}

/* ===== página 12 em HTML ===== */
.p12{position:absolute;inset:0;background:#f5f2e9;color:#17251c;font-family:Inter,"Segoe UI",Arial,sans-serif;overflow:hidden}
.p12-kicker{position:absolute;left:5.2%;top:5.1%;display:flex;align-items:center;gap:2.2cqw;font-size:1.72cqw;font-weight:800;letter-spacing:.3em;color:#1d6a43}
.p12-kicker span{display:block;width:3.4cqw;height:.42cqw;border-radius:9px;background:#f2a516}
.p12-tag{position:absolute;left:5.2%;top:8.45%;padding:.9cqw 2cqw;border-radius:99px;background:#dcefe3;color:#1d6a43;font-size:1.5cqw;font-weight:800;letter-spacing:.2em}
.p12-title{position:absolute;left:5.2%;top:11.2%;margin:0;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:5.75cqw;line-height:1.05;letter-spacing:-.025em;color:#16241b}
.p12-sub{position:absolute;left:5.2%;top:16.05%;margin:0;font-size:2.45cqw;color:#6b706b}
.p12-grid{position:absolute;left:5.3%;right:5.3%;top:19.9%;height:55%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:36.9cqw 34.7cqw 23.2cqw;gap:2.05cqw 2.1cqw}
.p12-card{position:relative;background:#fffdf7;border-radius:2.7cqw;padding:2.3cqw 2.8cqw 1.6cqw;overflow:hidden;box-shadow:0 .9cqw 2.6cqw rgba(70,60,30,.07),0 0 0 1px rgba(70,60,30,.035)}
.p12-card.is-wide{grid-column:1/-1}
.p12-card h3{display:flex;align-items:center;gap:1.7cqw;margin:0 0 1.25cqw;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:3.6cqw;line-height:1;letter-spacing:-.015em;color:#16241b}
.p12-pin{display:grid;place-items:center;width:5cqw;height:5cqw;flex:0 0 auto;border-radius:1.25cqw;background:linear-gradient(150deg,#22955a,#13673e);box-shadow:0 .4cqw 1cqw rgba(19,103,62,.25)}
.p12-pin svg{width:58%;height:58%}
.p12-badge{display:inline-flex;align-items:center;gap:1.1cqw;padding:.6cqw 1.8cqw .6cqw .8cqw;border-radius:99px;font-size:1.6cqw;font-weight:800;letter-spacing:.07em;line-height:1}
.p12-badge i{display:block;width:2.5cqw;height:2.5cqw;position:relative}
.p12-badge i svg{width:100%;height:100%;display:block}
.p12-badge.is-ok{background:#dcefe3;color:#1d6a43}
.p12-badge.is-run{background:#fcefc7;color:#6e4a00}
.p12-badge.is-plan{background:#ebebe8;color:#6b6c69}
.p12-card p{margin:1cqw 0 1.35cqw;font-size:2.26cqw;line-height:1.38;color:#4b504c}
.p12-card p:last-child{margin-bottom:0}
.p12-key{position:absolute;left:5.3%;right:5.3%;top:77.3%;height:14.8%;box-sizing:border-box;padding:3.1cqw 4.2cqw;border-radius:3cqw;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#4c8a3c 0%,rgba(76,138,60,0) 45%),linear-gradient(118deg,#0b4a2d 0%,#0d5a37 45%,#13774a 100%)}
.p12-key small{display:block;font-size:1.7cqw;font-weight:800;letter-spacing:.32em;color:#f2b21a;margin-bottom:1.3cqw}
.p12-key strong{display:block;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:4.55cqw;line-height:1.12;letter-spacing:-.02em;max-width:92%}
.p12-src{position:absolute;left:0;right:0;top:93.35%;margin:0;text-align:center;font-size:1.62cqw;color:#7d817c}
@media all{
  .p12-kicker{animation:p12Left .7s cubic-bezier(.2,.75,.25,1) .05s both}
  .p12-tag{animation:p12Pop .55s cubic-bezier(.3,1.5,.5,1) .18s both}
  .p12-title{animation:p12Up .7s cubic-bezier(.2,.75,.25,1) .28s both}
  .p12-sub{animation:p12Fade .7s ease .45s both}
  .p12-card{animation:p12Up .75s cubic-bezier(.2,.75,.25,1) var(--d) both}
  .p12-badge{animation:p12Pop .55s cubic-bezier(.3,1.6,.5,1) var(--d) both}
  .p12-key{animation:p12Up .8s cubic-bezier(.2,.75,.25,1) 1.55s both}
  .p12-key::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation:apSheen 1.2s ease-in-out 2.3s both}
  .p12-src{animation:p12Fade .7s ease 1.9s both}
  .p12-badge.is-run i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:max(1.5px,.32cqw) solid #f2a516;opacity:0;animation:p12Ring 2.2s ease-out 2.6s infinite}
  .p12-c2 .p12-badge.is-run i::after{animation-delay:2.95s}.p12-c3 .p12-badge.is-run i::after{animation-delay:3.3s}.p12-c4 .p12-badge.is-run i::after{animation-delay:3.65s}
}
@keyframes p12Up{from{opacity:0;transform:translateY(3cqw)}to{opacity:1;transform:none}}
@keyframes p12Left{from{opacity:0;transform:translateX(-4cqw)}to{opacity:1;transform:none}}
@keyframes p12Fade{from{opacity:0}to{opacity:1}}
@keyframes p12Pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes p12Ring{0%{opacity:.85;transform:scale(.95)}70%,100%{opacity:0;transform:scale(2.3)}}

/* ===== componentes do conteudo.js (textos, ícones, chamadas, galerias, boxes) ===== */
.page-art{--u:calc(100cqw / 1080)}
.cmp{position:absolute;z-index:14;margin:0;padding:0;border:0;background:none;white-space:nowrap;text-align:left;box-sizing:border-box}
button.cmp{cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.cmp-texto{font-kerning:normal}
button.cmp-texto{font:inherit}
.cmp-dest{color:var(--cor-dest,inherit);font-weight:inherit}
.cmp-traco{display:inline-block;vertical-align:middle;border-radius:9px;position:relative;top:-.12em}
.cmp-icone svg,.cmp-ch-ico svg,.cmp-gl-ico svg,.dq-ico svg{width:100%;height:100%;display:block;overflow:visible}
.cmp-ico-img{display:block;width:100%;height:100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.cmp-icone{display:block;pointer-events:none}
.cmp-chamada,.cmp-galeria{z-index:31}
.cmp-ch-ico,.cmp-ch-txt,.cmp-gl-ico,.cmp-gl-txt{position:absolute;display:block;pointer-events:none}
.cmp-ch-txt{font-family:'Baloo 2',Arial,sans-serif;font-weight:400;white-space:nowrap;text-transform:uppercase;letter-spacing:0;text-align:left}
.cmp-gl-txt{font-family:'Baloo 2',Arial,sans-serif;font-weight:400;white-space:nowrap;letter-spacing:0;text-align:left}
.cmp-galeria{box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.12);transition:transform .2s ease}
.cmp-galeria:active,.cmp-chamada:active{transform:scale(.97)}
.cmp-chamada:focus-visible,.cmp-galeria:focus-visible,button.cmp-texto:focus-visible{outline:2px solid #1d5ba9;outline-offset:3px}

/* box de destaque */
.cmp-destaque{z-index:13;overflow:hidden;white-space:normal;display:flex;flex-direction:column;font-family:'Baloo 2',Arial,sans-serif}
.cmp-destaque p{margin:0}
.dq-titulo{flex:0 0 auto}
.dq-lista{display:flex;flex-direction:column;gap:var(--gap)}
.dq-item{display:flex;align-items:flex-start}
.dq-icol{display:block}
.dq-ico{display:block}
.dq-txt{flex:1;min-width:0}
.dq-valor{display:block}
.dq-lista.is-linha .dq-valor{display:inline}
.cnt{font-variant-numeric:tabular-nums}
/* carrossel */
.dq-car{flex:1;display:flex;flex-direction:column;min-height:0;touch-action:pan-y}
.dq-slides{position:relative;flex:1;min-height:0}
.dq-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:calc(10 * var(--u));opacity:0;transform:translateX(5%);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.75,.25,1);pointer-events:none;overflow:hidden}
.dq-slide.is-on{opacity:1;transform:none;pointer-events:auto}
.dq-valor.is-upper{text-transform:uppercase}
.dq-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin-top:calc(14 * var(--u))}
.dq-seta{display:grid;place-items:center;width:max(24px,calc(52 * var(--u)));height:max(24px,calc(52 * var(--u)));border:0;border-radius:50%;padding:0 0 .12em;background:transparent;color:inherit;box-shadow:inset 0 0 0 max(1.5px,calc(3 * var(--u))) currentColor;font:800 max(17px,calc(36 * var(--u)))/1 'Baloo 2',Arial,sans-serif;cursor:pointer;opacity:.9}
.dq-dots{display:flex;gap:calc(14 * var(--u));align-items:center}
.dq-dot{width:max(7px,calc(14 * var(--u)));height:max(7px,calc(14 * var(--u)));padding:0;border:0;border-radius:50%;background:currentColor;opacity:.3;cursor:pointer;transition:opacity .25s,transform .25s}
.dq-dot.is-on{opacity:1;transform:scale(1.15)}
/* cards */
.dq-cards{flex:1;display:grid;min-height:0}
.dq-card{position:relative;border:0;color:inherit;cursor:pointer;padding:calc(20 * var(--u));text-align:left;font:inherit;overflow:hidden}
.dq-face,.dq-back{display:flex;flex-direction:column;gap:calc(6 * var(--u));transition:opacity .35s ease,transform .35s ease}
.dq-back{position:absolute;inset:0;padding:inherit;opacity:0;transform:translateY(8%)}
.dq-card.is-flip .dq-face{opacity:0;transform:translateY(-8%)}
.dq-card.is-flip .dq-back{opacity:1;transform:none}
.dq-card.is-pulse{animation:dqPulse .5s ease}
@keyframes dqPulse{50%{transform:scale(1.04)}}

@media all{
  .anim{animation-duration:.75s;animation-timing-function:cubic-bezier(.2,.75,.25,1);animation-delay:var(--d,0s);animation-fill-mode:both}
  .anim-sobe{animation-name:cmpUp}.anim-esquerda{animation-name:cmpLeft}.anim-aparece{animation-name:cmpFade}
  .anim-zoom{animation-name:cmpZoom;animation-duration:.6s;animation-timing-function:cubic-bezier(.3,1.4,.5,1)}
  .cmp-destaque .dq-item{animation:cmpUp .65s cubic-bezier(.2,.75,.25,1) calc(var(--d0) + var(--i) * var(--int)) both}
  .cmp-destaque .dq-ico{animation:cmpZoom .55s cubic-bezier(.3,1.5,.5,1) calc(var(--d0) + var(--i) * var(--int) + .12s) both}
  .cmp-destaque{animation:cmpFade .5s ease calc(var(--d0) - .15s) both}
  .cmp-destaque .dq-card{animation:cmpZoom .55s cubic-bezier(.3,1.4,.5,1) calc(var(--d0) + var(--i) * var(--int)) both}
}
@keyframes cmpUp{from{opacity:0;transform:translateY(calc(28 * var(--u)))}to{opacity:1;transform:none}}
@keyframes cmpLeft{from{opacity:0;transform:translateX(calc(-46 * var(--u)))}to{opacity:1;transform:none}}
@keyframes cmpFade{from{opacity:0}to{opacity:1}}
@keyframes cmpZoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}

/* =====================================================================
   REV10 — animações modernas, página de gráficos em código, modal grande
   ===================================================================== */
:root{--ease:cubic-bezier(.16,1,.3,1);--ease-pop:cubic-bezier(.34,1.56,.64,1)}

/* transição de página: deslize curto + escala sutil (sem rotação 3D) */
.spread-enter-next .page{animation:pageInNext .62s var(--ease)}
.spread-enter-prev .page{animation:pageInPrev .62s var(--ease)}
@keyframes pageInNext{from{opacity:0;transform:translateX(34px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pageInPrev{from{opacity:0;transform:translateX(-34px) scale(.985)}to{opacity:1;transform:none}}

@media all{
  /* títulos e rótulos: revelação linha a linha por máscara */
  .anim-linhas{animation:none!important}
  .anim-linhas .ln{display:block;overflow:hidden;padding:.14em 0 .16em;margin:0 0 -.3em}
  .anim-linhas .ln:first-child{margin-top:-.14em}
  .anim-linhas .lni{display:inline-block;animation:lnUp .95s var(--ease) calc(var(--d,0s) + var(--l,0) * .09s) both}
  .anim{animation-timing-function:var(--ease);animation-duration:.85s}
  .anim-surge{animation-name:cmpSurge}
  .anim-zoom{animation-timing-function:var(--ease-pop);animation-duration:.7s}
  /* textos das matérias entram depois do título */
  .text-panel,.summary-list{animation:cmpSurge .9s var(--ease) .4s both}
  .cmp-destaque .dq-item{animation-timing-function:var(--ease);animation-duration:.8s}
  .cmp-destaque .dq-ico{animation-timing-function:var(--ease-pop)}
  .scroll-rail,.scroll-hint{animation:cmpFade .6s ease .9s both}
}
@keyframes lnUp{from{transform:translateY(108%);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}
@keyframes cmpSurge{from{opacity:0;transform:translateY(calc(18 * var(--u))) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes cmpUp{from{opacity:0;transform:translateY(calc(26 * var(--u)));filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes cmpLeft{from{opacity:0;transform:translateX(calc(-40 * var(--u)));filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes cmpFade{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}
@keyframes cmpZoom{from{opacity:0;transform:scale(.82);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.dq-slide{transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease);filter:blur(4px)}
.dq-slide.is-on{filter:none}

/* ===== página 17 — gráficos em código ===== */
.g17{position:absolute;inset:0;background:#fdf6ec;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#002438}
.g17>*{position:absolute;margin:0;box-sizing:border-box}
.g17-head{overflow:hidden;background:radial-gradient(70% 90% at 100% 0%,rgba(18,150,190,.55) 0%,rgba(18,150,190,0) 60%),linear-gradient(165deg,#002c43 0%,#00405c 48%,#04688c 100%)}
.g17-sun{position:absolute;right:calc(-70 * var(--u));top:calc(-150 * var(--u));width:calc(360 * var(--u));height:calc(360 * var(--u));border-radius:50%;background:radial-gradient(circle at 42% 62%,#ffbe68 0%,#f39a3c 38%,rgba(243,154,60,.35) 58%,rgba(243,154,60,0) 72%)}
@media all{.g17-sun{animation:sunGlow 5s ease-in-out infinite}}
@keyframes sunGlow{0%,100%{transform:scale(.96);opacity:.85}50%{transform:scale(1.05);opacity:1}}
.g17-wave{position:absolute;left:0;bottom:0;width:100%;height:calc(90 * var(--u))}
.g17-kicker{color:#cdeef8;font-weight:400;letter-spacing:.26em;white-space:nowrap}
.g17-kicker span{display:inline-block;vertical-align:middle;width:calc(46 * var(--u));height:calc(4 * var(--u));margin-right:calc(15 * var(--u));border-radius:9px;background:#ffc94c;position:relative;top:-.1em}
.g17-title{font-family:Fraunces,Georgia,serif;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:-.005em}
.g17-title .cmp-dest{color:#ffc94c}
.g17-card{background:#fff;border-radius:calc(20 * var(--u));border-top:calc(6 * var(--u)) solid var(--c);box-shadow:0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(0,61,88,.13)}
.g17-num{position:absolute;left:calc(28 * var(--u));top:calc(30 * var(--u));display:flex;align-items:baseline;gap:calc(9 * var(--u));white-space:nowrap}
.g17-num small{font-size:calc(24.6 * var(--u));color:#516b77}
.g17-num b{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:calc(102.4 * var(--u));line-height:1;letter-spacing:-.02em}
.g17-card p{position:absolute;left:calc(28 * var(--u));top:calc(146 * var(--u));margin:0;font-size:calc(24.6 * var(--u));line-height:calc(32.8 * var(--u));color:#002438}
.g17-band{display:flex;align-items:center;gap:calc(32 * var(--u));padding:0 calc(42 * var(--u));border-radius:calc(22 * var(--u));overflow:hidden;color:#fff;background:radial-gradient(60% 140% at 0% 50%,rgba(255,255,255,.12),rgba(255,255,255,0) 60%),linear-gradient(100deg,#0a6a2a 0%,#13923d 55%,#0d7b34 100%);box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) rgba(0,90,40,.22)}
.g17-band b{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:calc(63.5 * var(--u));line-height:1;color:#ffc94c;white-space:nowrap}
.g17-band p{margin:0;font-size:calc(23.6 * var(--u));line-height:calc(32.7 * var(--u))}
.g17-sheen{position:absolute;inset:0;pointer-events:none}
.g17-sheen::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent)}
@media all{.g17-sheen::after{animation:apSheen 1.3s var(--ease) 1.9s both}}
.g17-dash{background:#ff7b2b;border-radius:9px}
.g17-sub{font-family:Fraunces,Georgia,serif;font-weight:800;color:#003d58;white-space:nowrap}
.g17-chart{background:#fff;border-radius:calc(22 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(0,61,88,.1)}
.g17-lbl{position:absolute;left:calc(31 * var(--u));top:calc(26 * var(--u));font-size:calc(17.4 * var(--u));letter-spacing:.2em;color:#516b77;white-space:nowrap}
.g17-donut{position:absolute;left:calc(166.5 * var(--u));top:calc(75 * var(--u));width:calc(142 * var(--u));height:calc(142 * var(--u))}
.g17-donut svg{width:100%;height:100%;display:block;overflow:visible}
.g17-track{fill:none;stroke:#eef1f3;stroke-width:22}
.g17-arc{fill:none;stroke-width:22;transform:rotate(-90deg);transform-origin:center;transform-box:view-box;stroke-dasharray:var(--len) var(--circ);stroke-dashoffset:var(--off)}
@media all{.g17-arc{animation:arcDraw 1.1s var(--ease) var(--d) both}}
@keyframes arcDraw{from{stroke-dasharray:0 var(--circ)}to{stroke-dasharray:var(--len) var(--circ)}}
.g17-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.g17-center b{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:calc(35.6 * var(--u));line-height:1;color:#003d58}
.g17-center small{font-size:calc(12 * var(--u));color:#516b77;margin-top:calc(4 * var(--u))}
.g17-chart ul{position:absolute;left:calc(31 * var(--u));right:calc(32 * var(--u));top:calc(249 * var(--u));margin:0;padding:0;list-style:none}
.g17-chart li{display:flex;align-items:center;height:calc(57.3 * var(--u));font-size:calc(21.5 * var(--u));color:#002438;border-top:1px solid rgba(0,36,56,.08)}
.g17-chart li:first-child{border-top:0}
.g17-chart li i{display:block;width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(5 * var(--u));margin-right:calc(15 * var(--u));flex:0 0 auto}
.g17-chart li b{margin-left:auto;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:calc(32.8 * var(--u))}
.g17-gtitle{font-family:Fraunces,Georgia,serif;font-weight:800;color:#003d58;letter-spacing:.18em;white-space:nowrap;display:flex;align-items:center}
.g17-gtitle span{display:block;width:calc(780 * var(--u));height:1px;margin-left:calc(24 * var(--u));background:rgba(0,61,88,.18)}
.g17-tile{overflow:hidden;border:calc(2 * var(--u)) dashed var(--tb);border-radius:calc(18 * var(--u));background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--u));color:var(--tc)}
.g17-tile::before{content:"";position:absolute;inset:0;background:var(--tb);opacity:.18}
.g17-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g17-cam{position:relative;width:calc(32 * var(--u));height:calc(27 * var(--u))}
.g17-cam svg{width:100%;height:100%;display:block}
.g17-tt{position:relative;font-size:calc(14.3 * var(--u));letter-spacing:.2em;white-space:nowrap}
.g17-blob{position:absolute;right:calc(-38 * var(--u));bottom:calc(-38 * var(--u));width:calc(133 * var(--u));height:calc(133 * var(--u));border-radius:50%;background:var(--tb);opacity:.32}

/* ===== modal grande do texto ===== */
.modal::backdrop{background:rgba(10,18,28,.62);backdrop-filter:blur(8px)}
.modal-card{width:min(900px,94vw);height:min(90dvh,1000px);padding:clamp(26px,4vw,46px) clamp(22px,4.4vw,52px) clamp(20px,3vw,34px);border-radius:26px;font-family:'Baloo 2','Segoe UI',Arial,sans-serif}
.modal-kicker{font-size:clamp(12px,1.3vw,14px);letter-spacing:.2em;color:#1d5ba9;font-weight:700;display:flex;align-items:center;gap:12px}
.modal-kicker::before{content:"";width:34px;height:3px;border-radius:9px;background:#f2a516}
.modal-card h2{font-family:'Baloo 2','Segoe UI',Arial,sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.02;letter-spacing:-.01em;color:#3e4043;margin:12px 56px 22px 0}
.modal-scroll{padding-right:14px;scrollbar-width:thin;scrollbar-color:#c9ccd0 transparent}
.rich-text{font-size:clamp(17px,1.9vw,20px);line-height:1.6;color:#4a4d50}
.rich-text .lead{font-style:italic;font-size:clamp(19px,2.2vw,23px);line-height:1.45;font-weight:500;color:#3e4043}
.rich-text h3{font-size:1.15em;color:#1d5ba9;margin:1.3em 0 .4em}
.modal-close{width:44px;height:44px;right:18px;top:16px;font-size:28px;transition:transform .2s var(--ease),background .2s}
.modal-close:hover{transform:rotate(90deg);background:#e3e7eb}
@media all{
  .modal[open] .modal-card{animation:modalIn .55s var(--ease)}
  .modal[open]::backdrop{animation:cmpFade .35s ease}
  .modal[open] .gallery-modal-card{animation:modalIn .5s var(--ease)}
}
@keyframes modalIn{from{opacity:0;transform:translate(-50%,-46%) scale(.965)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:700px){
  .modal-card{width:100vw;height:94dvh;top:auto;bottom:0;transform:translateX(-50%);border-radius:22px 22px 0 0;padding:26px 20px 18px}
  .modal-card h2{font-size:30px;margin-right:48px}
  .rich-text{font-size:17px}
  @media all{.modal[open] .modal-card{animation:sheetIn .5s var(--ease)}}
}
@keyframes sheetIn{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
.modal-close:focus:not(:focus-visible){outline:none}

/* ===== REV11 — entradas variadas por página e só na 1ª visita ===== */
.p4-body,.p4-body p,.p4-body .lead,.p4-body strong{color:#fff}
@media all{
  /* deslize: linhas vêm da esquerda com desfoque */
  .anim-deslize{animation:none!important}
  .anim-deslize .ln{display:block}
  .anim-deslize .lni{display:inline-block;animation:lnLeft .9s var(--ease) calc(var(--d,0s) + var(--l,0) * .11s) both}
  /* palavras: cascata palavra a palavra */
  .anim-palavras{animation:none!important}
  .anim-palavras .w{display:inline-block;animation:wUp .75s var(--ease) calc(var(--d,0s) + var(--w,0) * .05s) both}
  /* cortina: revelação horizontal do bloco */
  .anim-cortina{animation:wipe 1.05s var(--ease) var(--d,0s) both}
  /* o texto da matéria acompanha o estilo da página */
  .page-art[data-entrada="deslize"] .text-panel{animation:cmpLeft .9s var(--ease) .45s both}
  .page-art[data-entrada="palavras"] .text-panel{animation:cmpFade 1s ease .55s both}
  .page-art[data-entrada="cortina"] .text-panel{animation:wipe 1.1s var(--ease) .4s both}
}
@keyframes lnLeft{from{opacity:0;transform:translateX(calc(-34 * var(--u)));filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes wUp{from{opacity:0;transform:translateY(.45em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes wipe{from{clip-path:inset(-20% 100% -30% 0)}to{clip-path:inset(-20% -6% -30% 0)}}
/* página já vista: aparece pronta, sem entrada animada */
.page-art.no-anim .anim,.page-art.no-anim .anim .lni,.page-art.no-anim .anim .w,.page-art.no-anim .text-panel,.page-art.no-anim .summary-list,
.page-art.no-anim .cmp-destaque,.page-art.no-anim .dq-item,.page-art.no-anim .dq-ico,.page-art.no-anim .scroll-rail,.page-art.no-anim .scroll-hint{animation:none!important}

/* ===== REV12 — seta de rolagem desenhada em código (onde a arte não tem) e valores em uma linha ===== */
.scroll-grp{display:contents}
.scroll-line{position:absolute;z-index:24;width:0;transform:translateX(-50%);border-left:max(1px,calc(2 * var(--u))) solid #58585b;pointer-events:none}
.scroll-line::before,.scroll-line::after{content:"";position:absolute;left:50%;width:calc(16 * var(--u));height:calc(16 * var(--u));border:solid #58585b;border-width:max(1px,calc(2 * var(--u))) 0 0 max(1px,calc(2 * var(--u)));transform:translate(-50%,0) rotate(45deg);box-sizing:border-box}
.scroll-line::before{top:calc(-2 * var(--u))}
.scroll-line::after{bottom:calc(-2 * var(--u));transform:translate(-50%,0) rotate(225deg)}

.dq-slide .dq-valor{white-space:nowrap}

/* ===== REV13 — padrão editorial ===== */
.text-panel .lead,.rich-text .lead{font-style:italic;font-weight:500}
.rich-text .lead{font-weight:500!important}
.p4-body .lead{color:#fff}
.scroll-line.is-light,.scroll-line.is-light::before,.scroll-line.is-light::after{border-color:#fff}

/* =====================================================================
   REV13 — checklist consolidado
   ===================================================================== */
/* rodapé: mais respiro entre título, numeração e marca */
.footer-core{gap:clamp(18px,4.6cqw,40px);max-width:88%}
.footer-title{letter-spacing:.24em}
.footer-page{position:relative;padding:0 2px}
.footer-brand img{height:24px}
@media(max-width:700px){.footer-core{gap:16px}.footer-brand img{height:19px}}

/* duas páginas lado a lado (computador) */
.spread.is-double{gap:4px}
.spread.is-double .page:first-child{filter:drop-shadow(-4px 6px 16px rgba(0,0,0,.12))}
.spread.is-double .page:last-child{filter:drop-shadow(4px 6px 16px rgba(0,0,0,.12))}
.spread.is-double .page:first-child .page-art::after{content:"";position:absolute;inset:0 0 0 auto;width:5%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.07));pointer-events:none;z-index:60}
.spread.is-double .page:last-child .page-art::after{content:"";position:absolute;inset:0 auto 0 0;width:5%;background:linear-gradient(270deg,transparent,rgba(0,0,0,.07));pointer-events:none;z-index:60}

/* formas orgânicas das páginas em código */
.pg-blob{position:absolute;display:block;pointer-events:none}

/* box da página 7: total em destaque e subitens recuados */
.dq-item.is-principal{margin-bottom:calc(6 * var(--u) * var(--k,1))}
.dq-item.is-sub{padding-left:calc(26 * var(--u));position:relative}
.dq-item.is-sub::before{content:"";position:absolute;left:calc(4 * var(--u));top:.55em;width:calc(10 * var(--u));height:calc(10 * var(--u));border-radius:50%;background:currentColor;opacity:.35}
/* ícone nos slides do carrossel */
.dq-sico{display:block;flex:0 0 auto;margin-bottom:calc(4 * var(--u))}
.dq-sico svg{width:100%;height:100%;display:block}

/* ===== P30 ===== */
.p30{position:absolute;inset:0;background:#fff;overflow:hidden;font-family:'Baloo 2',Arial,sans-serif;color:#58585b}
.p30>*{position:absolute;margin:0}
.p30-rot{font-weight:500;color:#58585b;white-space:nowrap}
.p30-rule{background:#58585b;border-radius:3px}
.p30-title{font-weight:800;color:#58585b;letter-spacing:-.01em;white-space:nowrap;cursor:pointer}
.p12-lead{left:10.93%;top:16.4%;width:80%;height:13%}
.p12-lead .lead{font-size:calc(1em + 3px)}
.p30-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr .72fr;gap:calc(26 * var(--u))}
.p30-card{position:relative;background:#fff;border-radius:calc(26 * var(--u));padding:calc(30 * var(--u)) calc(30 * var(--u)) calc(24 * var(--u));border:calc(3 * var(--u)) solid #e7e7e8;box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) rgba(15,62,99,.06);overflow:hidden}
.p30-card.is-wide{grid-column:1/-1}
.p30-card h3{display:flex;align-items:center;gap:calc(16 * var(--u));margin:0 0 calc(16 * var(--u));font-weight:800;font-size:calc(42 * var(--u));line-height:1;color:#0f3e63}
.p30-pin{display:grid;place-items:center;width:calc(58 * var(--u));height:calc(58 * var(--u));flex:0 0 auto;border-radius:50%;background:#0f9d4f}
.p30-pin svg{width:56%;height:56%}
.p30-badge{display:inline-flex;align-items:center;gap:calc(9 * var(--u));padding:calc(5 * var(--u)) calc(18 * var(--u)) calc(4 * var(--u)) calc(7 * var(--u));border-radius:99px;font-weight:700;font-size:calc(19 * var(--u));letter-spacing:.06em;line-height:1.2}
.p30-badge i{display:block;width:calc(28 * var(--u));height:calc(28 * var(--u));position:relative}
.p30-badge i svg{width:100%;height:100%;display:block}
.p30-badge.is-ok{background:#e1f3e8;color:#0b7a3d}
.p30-badge.is-run{background:#fbeedd;color:#9a5a12}
.p30-badge.is-plan{background:#eeeff0;color:#6b6c6e}
.p30-card p{margin:calc(10 * var(--u)) 0 calc(18 * var(--u));font-size:calc(28 * var(--u));line-height:1.32;color:#58585b}
.p30-card p:last-child{margin-bottom:0}
@media all{
  .p30-badge{animation:cmpZoom .55s var(--ease-pop) var(--d) both}
  .p30-badge.is-run i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:max(1.5px,calc(3 * var(--u))) solid #d88226;opacity:0;animation:p12Ring 2.2s ease-out 2.4s infinite}
  .page-art.no-anim .p30-badge,.page-art.no-anim .p30-badge i::after{animation:none!important}
}

/* ===== PISP ===== */
.g17{background:#fff;font-family:'Baloo 2',Arial,sans-serif;color:#58585b}
.g17-head{left:0;top:0;width:100%;height:calc(520 * var(--u));overflow:hidden;background:linear-gradient(160deg,#0f3e63 0%,#174d73 60%,#1d5ba9 100%);border-radius:0 0 calc(60 * var(--u)) 0}
.g17-kicker{display:flex;align-items:center;justify-content:center;border-radius:99px;background:#e1a435;color:#0f3e63;font-weight:800;font-size:calc(22 * var(--u));letter-spacing:.12em;white-space:nowrap}
.g17-kicker span{display:none}
.g17-title{font-family:'Baloo 2',Arial,sans-serif;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:0}
.g17-title .cmp-dest{color:#e1a435}
.g17-sub{font-family:'Baloo 2',Arial,sans-serif;font-weight:800;color:#0f3e63;white-space:nowrap;cursor:pointer}
.p17-body{left:10.93%;top:31.6%;width:83.5%;height:17.3%}
.g17-card{background:#fff;border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #e7e7e8;border-top:calc(10 * var(--u)) solid var(--c);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(15,62,99,.08)}
.g17-num{left:calc(26 * var(--u));top:calc(18 * var(--u))}
.g17-num small{font-size:calc(26 * var(--u));color:#58585b;font-weight:500}
.g17-num b{font-family:'Baloo 2',Arial,sans-serif;font-weight:800;font-size:calc(96 * var(--u));letter-spacing:-.01em}
.g17-card p{left:calc(26 * var(--u));top:calc(124 * var(--u));font-size:calc(25 * var(--u));line-height:calc(30 * var(--u));color:#58585b;font-weight:500}
.g17-band{background:linear-gradient(100deg,#0b7a3d 0%,#0f9d4f 60%,#0b7a3d 100%);border-radius:calc(24 * var(--u));gap:calc(30 * var(--u));padding:0 calc(40 * var(--u))}
.g17-band b{font-family:'Baloo 2',Arial,sans-serif;font-size:calc(66 * var(--u));color:#ffd36b}
.g17-band p{font-size:calc(25 * var(--u));line-height:calc(31 * var(--u));font-weight:500}
.g17-ctitle{position:absolute;font-weight:800;color:#0f3e63;white-space:nowrap}
.g17-chart{border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #e7e7e8;box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(15,62,99,.06)}
.g17-lbl{font-family:'Baloo 2',Arial,sans-serif;font-weight:700;font-size:calc(19 * var(--u));letter-spacing:.16em;color:#58585b;top:calc(22 * var(--u));left:calc(28 * var(--u))}
.g17-donut{left:calc(162 * var(--u));top:calc(62 * var(--u))}
.g17-center b{font-family:'Baloo 2',Arial,sans-serif;font-size:calc(38 * var(--u));color:#0f3e63}
.g17-center small{font-family:'Baloo 2',Arial,sans-serif;font-size:calc(14 * var(--u))}
.g17-chart ul{top:calc(228 * var(--u));left:calc(28 * var(--u));right:calc(28 * var(--u))}
.g17-chart li{height:calc(52 * var(--u));font-family:'Baloo 2',Arial,sans-serif;font-size:calc(24 * var(--u));color:#58585b;font-weight:500}
.g17-chart li b{font-family:'Baloo 2',Arial,sans-serif;font-size:calc(34 * var(--u))}

/* ===== contracapa ===== */
.page.back .page-art{background:#0f3e63}
.back-cover{position:absolute;inset:0;overflow:hidden;background:radial-gradient(80% 60% at 50% 40%,#1d5ba9 0%,rgba(29,91,169,0) 70%),linear-gradient(170deg,#0f3e63 0%,#123f66 55%,#0c3354 100%);color:#fff;font-family:'Baloo 2',Arial,sans-serif}
.back-cover>*{position:absolute;margin:0}
.back-cover .pg-blob{opacity:.95}
.back-logo{object-fit:contain}
.back-msg{font-weight:800;text-align:center;white-space:nowrap;letter-spacing:-.01em}
.back-rule{background:#e1a435;border-radius:9px}
.back-pod{display:flex;align-items:center;gap:calc(34 * var(--u));padding:calc(40 * var(--u)) calc(46 * var(--u));box-sizing:border-box;border-radius:calc(36 * var(--u));background:rgba(255,255,255,.1);border:calc(3 * var(--u)) solid rgba(255,255,255,.22);color:#fff;text-decoration:none;backdrop-filter:blur(6px)}
.back-mic{display:grid;place-items:center;flex:0 0 auto;width:calc(150 * var(--u));height:calc(150 * var(--u));border-radius:50%;background:#e1a435;color:#0f3e63}
.back-mic svg{width:52%;height:52%}
.back-pod-txt{display:flex;flex-direction:column;gap:calc(6 * var(--u));flex:1;min-width:0}
.back-pod-txt small{font-weight:700;font-size:calc(22 * var(--u));letter-spacing:.2em;color:#e1a435}
.back-pod-txt strong{font-weight:800;font-size:calc(56 * var(--u));line-height:1}
.back-pod-txt span{font-size:calc(27 * var(--u));line-height:1.3;opacity:.9}
.back-btn{position:absolute;right:calc(40 * var(--u));bottom:calc(-30 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u));border-radius:99px;background:#0f9d4f;color:#fff;font-weight:800;font-size:calc(24 * var(--u))}
a.back-pod:hover{background:rgba(255,255,255,.16)}
.back-master{object-fit:contain}

/* ===== janela de vídeo ===== */
.cmp-video{z-index:20;overflow:hidden;display:grid;place-items:center;background:transparent;cursor:pointer}
.cmp-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.38) 100%)}
.cv-play{position:relative;display:grid;place-items:center;width:calc(150 * var(--u));height:calc(150 * var(--u));border-radius:50%;color:#fff;box-shadow:0 0 0 calc(14 * var(--u)) rgba(255,255,255,.28),0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.25);transition:transform .3s var(--ease)}
.cv-play svg{width:46%;height:46%;margin-left:8%}
.cv-label{position:absolute;bottom:calc(36 * var(--u));left:50%;transform:translateX(-50%);padding:calc(10 * var(--u)) calc(28 * var(--u));border-radius:99px;color:#fff;font-family:'Baloo 2',Arial,sans-serif;font-weight:700;font-size:calc(28 * var(--u));white-space:nowrap}
.cmp-video:hover .cv-play{transform:scale(1.06)}
@media all{.cv-play{animation:cvPulse 2.4s ease-in-out 1.5s infinite}}
@keyframes cvPulse{0%,100%{box-shadow:0 0 0 calc(14 * var(--u)) rgba(255,255,255,.28),0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.25)}50%{box-shadow:0 0 0 calc(26 * var(--u)) rgba(255,255,255,.12),0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.25)}}
.video-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,94vw);max-height:94dvh;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:22px;background:#0d1620}
.video-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.video-box.is-vertical{width:auto;height:min(80dvh,860px);aspect-ratio:9/16;max-width:100%;margin:0 auto}
.video-box iframe,.video-box video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-family:'Baloo 2',Arial,sans-serif;padding:0 6px 4px}
.video-meta a{color:#ffd36b;font-weight:700;text-decoration:none;white-space:nowrap}
.video-modal .modal-close{background:rgba(255,255,255,.14);color:#fff;z-index:5}
.video-card:has(.is-vertical){width:auto}

/* guia: grade preenche toda a área, sem vazio */
.guide-page-inner{display:flex;flex-direction:column}
.guide-grid{flex:1;grid-template-rows:auto 1fr 1fr;min-height:0}
.guide-card{display:flex;flex-direction:column;justify-content:center}
.guide-card.wide{display:grid}
.footer-back{background:#0c3354;border-top:0}
.guide-card:not(.wide) .guide-asset{height:13cqw;width:auto;max-width:100%;align-self:flex-start;margin-bottom:2cqw}
.p2-summary .summary-link{grid-template-columns:46px 1fr}
@media(max-width:700px){.p2-summary .summary-link{grid-template-columns:40px 1fr}}
.p2-summary .summary-num{white-space:nowrap}
.p17-body{top:32.4%;height:16.5%}
.p30-grid{top:calc(615 * var(--u))!important;height:calc(1235 * var(--u))!important}

/* ===== REV14 — pente fino ===== */
.p12-lead{top:17.3%}
.p14-body{top:58.7%!important;height:28.1%!important}
.p30-card{padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u))}
.p30-card h3{margin-bottom:calc(12 * var(--u));font-size:calc(40 * var(--u))}
.p30-card p{margin:calc(8 * var(--u)) 0 calc(12 * var(--u));font-size:calc(26.5 * var(--u));line-height:1.28}
.p2-summary{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}
.p2-summary.at-end{-webkit-mask-image:none;mask-image:none}
/* guia: cards com conteúdo no topo e textos maiores */
.guide-card{justify-content:flex-start;gap:1.6cqw;padding:4cqw}
.guide-card strong{font-size:clamp(13px,3.3cqw,22px)}
.guide-card p{font-size:clamp(11px,2.55cqw,16px);line-height:1.3}
.guide-icon-lite{width:11cqw;height:11cqw;font-size:5.6cqw}
.guide-card.wide strong{font-size:clamp(14px,3.5cqw,23px)}
.guide-lead{font-size:clamp(13px,2.7cqw,19px)}
.p30-grid{grid-template-rows:1.04fr 1.04fr .66fr}

/* fotos soltas do conteudo.js */
.cmp-imagem{z-index:12;margin:0;overflow:hidden;background:#e7e7e8}
.cmp-imagem img{display:block;width:100%;height:100%;object-fit:cover}


/* ===== REV16 ===== */
/* elementos padrão do layout (formas originais da revista, sempre na borda externa) */
.pg-formas{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;user-select:none;-webkit-user-drag:none;display:block}
.p30>.pg-formas,.g17>.pg-formas,.back-cover>.pg-formas{position:absolute;left:0;top:0;width:100%;height:100%}
/* P30: sem animação contínua nos status (não são botões) */
.p30-badge.is-run i::after{display:none!important;animation:none!important}
.p30-grid{left:calc(93 * var(--u))!important;width:calc(925 * var(--u))!important;top:calc(615 * var(--u))!important;height:calc(1190 * var(--u))!important}
/* DSS com foto no topo */
.p11-body{left:12.0%;top:60.42%;width:75.8%;height:20.83%}
/* PISP no padrão das matérias */
.g17.g17-padrao{background:#fff}
.p17-body{left:10.93%!important;top:26.04%!important;width:78.66%!important;height:13.54%!important}
.g17b{background:#0f3e63;border-radius:calc(22 * var(--u));padding:calc(40 * var(--u)) calc(46 * var(--u)) calc(36 * var(--u));color:#fff;display:flex;flex-direction:column;gap:calc(26 * var(--u));box-sizing:border-box}
.g17b>*{position:relative}
.g17b-frase{margin:0;font-weight:800;font-size:calc(40 * var(--u));line-height:calc(44 * var(--u));color:#fff;white-space:nowrap}
.g17b-frase .cmp-dest{color:#e1a435}
.g17b-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20 * var(--u));border-top:calc(2 * var(--u)) solid rgba(255,255,255,.22);padding-top:calc(24 * var(--u))}
.g17b-val{display:flex;align-items:baseline;gap:calc(8 * var(--u));white-space:nowrap}
.g17b-val small{font-size:calc(26 * var(--u));font-weight:600;color:#fff}
.g17b-val b{font-weight:800;font-size:calc(92 * var(--u));line-height:1;color:#fff}
.g17b-num p{margin:calc(4 * var(--u)) 0 0;font-size:calc(27 * var(--u));line-height:calc(31 * var(--u));font-weight:500;color:#dce6f0}
.g17b-faixa{display:flex;align-items:center;gap:calc(28 * var(--u));border-top:calc(2 * var(--u)) solid rgba(255,255,255,.22);padding-top:calc(24 * var(--u))}
.g17b-faixa b{font-weight:800;font-size:calc(66 * var(--u));line-height:1;color:#e1a435;white-space:nowrap}
.g17b-faixa p{margin:0;font-size:calc(27 * var(--u));line-height:calc(32 * var(--u));font-weight:500;color:#fff}
.g17-ctitle2{font-weight:700;color:#58585b;white-space:nowrap;margin:0}
.g17c{background:#fff;border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #e7e7e8;box-sizing:border-box}
.g17c>*{position:absolute;margin:0}
.g17c-lbl{left:calc(28 * var(--u));top:calc(24 * var(--u));font-weight:700;font-size:calc(20 * var(--u));letter-spacing:.16em;color:#58585b;white-space:nowrap}
.g17c-donut{left:calc(24 * var(--u));top:calc(86 * var(--u));width:calc(150 * var(--u));height:calc(150 * var(--u))}
.g17c-donut svg{width:100%;height:100%;display:block;overflow:visible}
.g17c-donut .g17-center b{font-family:'Baloo 2',Arial,sans-serif;font-size:calc(36 * var(--u));color:#0f3e63}
.g17c ul{left:calc(196 * var(--u));right:calc(24 * var(--u));top:calc(84 * var(--u));padding:0;list-style:none}
.g17c li{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(52 * var(--u));font-size:calc(23 * var(--u));color:#58585b;font-weight:500;border-top:1px solid #eeeff0;white-space:nowrap}
.g17c li:first-child{border-top:0}
.g17c li i{flex:0 0 auto;width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:3px}
.g17c li span{flex:1}
.g17c li b{font-weight:800;font-size:calc(30 * var(--u))}
/* contracapa */
.page.back .page-art{background:#0f3e63}
.back-cover{background:#0f3e63}
.back-msg{text-align:center}
.back-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(18 * var(--u));border:calc(4 * var(--u)) dashed rgba(255,255,255,.45);border-radius:calc(28 * var(--u));background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-weight:700;font-size:calc(24 * var(--u));letter-spacing:.14em;text-align:center;line-height:1.3;box-sizing:border-box}
.back-slot-play{display:grid;place-items:center;width:calc(120 * var(--u));height:calc(120 * var(--u));border-radius:50%;background:#e1a435;color:#0f3e63}
.back-slot-play svg{width:46%;height:46%;margin-left:6%}
.back-sc-logo{object-fit:contain}
.back-video{overflow:hidden;border:0;padding:0;border-radius:calc(28 * var(--u));background:#0c3354;cursor:pointer;display:grid;place-items:center}
.back-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.back-video .cv-play{background:#e1a435;color:#0f3e63}
.back-video .cv-label{background:#e1a435;color:#0f3e63}
.back-pod-line{display:flex;align-items:center;justify-content:center;gap:.5em;text-align:center;color:#fff;font-size:calc(30 * var(--u));line-height:1.3;text-decoration:none;white-space:normal}
.back-pod-line strong{color:#e1a435}
.p15-body{height:27.97%}
.g17b-val b{font-size:calc(84 * var(--u))}
.g17b-nums{gap:calc(30 * var(--u))}
.g17c-donut{left:calc(22 * var(--u));width:calc(140 * var(--u));height:calc(140 * var(--u));top:calc(90 * var(--u))}
.g17c ul{left:calc(184 * var(--u));right:calc(22 * var(--u))}
.g17c li{font-size:calc(21 * var(--u));gap:calc(8 * var(--u))}
.g17c li b{font-size:calc(26 * var(--u))}
/* guia: sem formas inventadas — usa os elementos padrão da revista */
.guide-page-inner{background:#fff}
.guide-page-inner::before,.guide-page-inner::after{display:none}
.guide-page-inner>.pg-formas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.p30-grid{height:calc(1150 * var(--u))!important}
/* botão de vídeo compacto (fora das fotos) */
.cmp-video-btn{z-index:31;display:flex;align-items:center;gap:calc(14 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(14 * var(--u));color:#fff;cursor:pointer;font-family:'Baloo 2',Arial,sans-serif;text-align:left;white-space:nowrap}
.cvb-play{display:grid;place-items:center;flex:0 0 auto;width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:50%;background:#fff;color:inherit}
.cmp-video-btn .cvb-play{color:#0f9d4f}
.cvb-play svg{width:46%;height:46%;margin-left:8%}
.cvb-txt{font-size:calc(19 * var(--u));line-height:calc(23 * var(--u));font-weight:500;letter-spacing:.01em}
.back-sc-card{display:grid;place-items:center;background:#fff;border-radius:calc(28 * var(--u));padding:calc(22 * var(--u)) calc(30 * var(--u));box-sizing:border-box;box-shadow:0 calc(14 * var(--u)) calc(34 * var(--u)) rgba(0,0,0,.22)}
.back-sc-card img{width:100%;height:100%;object-fit:contain;display:block}
.back-video .back-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.back-video{box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) rgba(0,0,0,.3)}
.back-video .cv-label{white-space:nowrap}
.back-pod-line{display:block}
.back-pod-line strong{display:inline-block;white-space:nowrap}
/* REV20: impede o celular de aumentar sozinho o corpo dos textos (quebrava o layout) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.cmp-video .cv-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cmp-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* REV22: navegadores sem unidade "cqw" (celulares antigos) — o --u é calculado pelo script;
   aqui ficam aproximações para os textos que usam cqw diretamente */
@supports not (width:1cqw){
  :root{--cq:min(1vw,.5625vh)}
  .text-panel{font-size:clamp(10.6px,calc(2.5 * var(--cq)),13px)}
  .p4-body,.p10-why{font-size:clamp(10.5px,calc(1.8 * var(--cq)),14px)}
  .footer-title{font-size:clamp(8px,calc(1.15 * var(--cq)),11px)}
  .footer-page{font-size:clamp(11px,calc(1.55 * var(--cq)),14px)}
  .scroll-thumb{width:max(5px,calc(1.05 * var(--cq)))}
  .guide-kicker{font-size:clamp(10px,calc(1.55 * var(--cq)),13px)}
  .guide-page-inner h1{font-size:clamp(30px,calc(7.1 * var(--cq)),54px)}
  .guide-lead{font-size:clamp(13px,calc(2.7 * var(--cq)),19px)}
  .guide-grid{gap:calc(3 * var(--cq))}
  .guide-card{min-height:calc(21 * var(--cq));padding:calc(4 * var(--cq));border-radius:calc(3.5 * var(--cq));gap:calc(1.6 * var(--cq))}
  .guide-card strong{font-size:clamp(13px,calc(3.3 * var(--cq)),22px)}
  .guide-card p{font-size:clamp(11px,calc(2.55 * var(--cq)),16px)}
  .guide-icon-lite{width:calc(11 * var(--cq));height:calc(11 * var(--cq));font-size:calc(5.6 * var(--cq))}
  .guide-asset{max-height:calc(14 * var(--cq))}
}

/* REV23: estrutura das linhas dos títulos vale sempre (antes dependia da preferência de movimento do aparelho) */
.ln{display:block}
.lni,.w{display:inline-block}

/* ===== REV24 ===== */
/* P30 (pág. 12 do código): texto de abertura proporcional à página — cabe inteiro em qualquer tela (antes a última frase ficava sob os cards) */
.p12-lead{height:15.6%!important}
.p12-lead .lead{font-size:calc(36 * var(--u))!important;line-height:1.32}
.p30-grid{top:calc(650 * var(--u))!important;height:calc(1115 * var(--u))!important}