/* CMPC Industrial — post */
.phero-post{position:relative;min-height:78vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--petrol)}
@media(min-width:1024px){.phero-post{min-height:86vh}}
.phero-post .bg{position:absolute;inset:0}
.phero-post .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06)}
.phero-post .duo{position:absolute;inset:0;background:var(--petrol);mix-blend-mode:lighten;opacity:.86}
.phero-post .duo2{position:absolute;inset:0;background:linear-gradient(140deg,var(--teal),var(--petrol-deep) 78%);mix-blend-mode:multiply;opacity:.92}
.phero-post .veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(12,42,48,.5),rgba(12,42,48,.12) 45%,rgba(12,42,48,.72))}
.phero-post .in{position:relative;width:100%;padding-block:120px 96px}
.pcat{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-family:var(--display);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.phero-post h1{font-family:var(--display);font-size:clamp(38px,7.4vw,86px);font-weight:700;line-height:.98;letter-spacing:-.03em;color:#fff;margin-top:26px;max-width:14ch}
.phero-post .rule{width:44px;height:2px;background:rgba(255,255,255,.6);margin:34px 0 16px}
.phero-post .dt{font-size:14px;color:rgba(255,255,255,.8)}
.scroll-cue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-size:12.5px}
.scroll-cue svg{animation:cue 1.9s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}
.reduced .scroll-cue svg{animation:none}
.article{padding:72px 0 0}
@media(min-width:1024px){.article{padding:96px 0 0}}
.byline{text-align:center;font-size:14px;color:rgba(18,38,43,.6)}
.byline b{font-weight:600;color:var(--petrol)}
.byline .r{width:36px;height:1px;background:var(--line);margin:16px auto 0}
.col{max-width:680px;margin:44px auto 0;position:relative}
.col p{font-size:17.5px;line-height:1.72;color:rgba(18,38,43,.82);margin-top:22px}
.col p:first-of-type{margin-top:0}
.col p a{color:var(--teal);border-bottom:1px solid rgba(79,143,162,.45)}
.col p a:hover{border-color:var(--teal)}
.col .lede::first-letter{float:left;font-family:var(--display);font-size:76px;line-height:.78;font-weight:700;color:var(--petrol);padding:6px 12px 0 0}
.pull{max-width:900px;margin:56px auto;text-align:center}
.pull p{font-family:var(--display);font-size:clamp(23px,3.1vw,36px);font-weight:600;line-height:1.22;letter-spacing:-.02em;color:var(--petrol)}
.share-rail{position:sticky;top:96px;float:left;margin-left:-104px;width:70px;display:none}
@media(min-width:1180px){.share-rail{display:block}}
.share-rail h2{font-family:var(--display);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
.share-rail ul{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.share-rail a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:rgba(18,38,43,.45);transition:color .25s}
.share-rail a:hover{color:var(--teal)}
.share-inline{display:flex;flex-wrap:wrap;gap:10px;max-width:680px;margin:44px auto 0}
@media(min-width:1180px){.share-inline{display:none}}
.share-inline a{display:inline-flex;min-height:40px;align-items:center;padding:0 15px;border:1px solid var(--line);font-family:var(--display);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(18,38,43,.65);transition:.25s}
.share-inline a:hover{border-color:var(--teal);color:var(--teal)}
.gallery{margin-top:80px;padding:64px 0 72px;background:var(--paper);border-top:1px solid var(--line);overflow:hidden}
.gal-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}
.gal-head h2{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--petrol)}
.gal-head p{font-size:13px;color:rgba(18,38,43,.5)}
.track-mask{margin-top:28px;overflow:hidden}
.track{display:flex;gap:16px;width:max-content}
.track figure{width:min(76vw,420px);flex:none}
.track .im{aspect-ratio:16/10;overflow:hidden;background:var(--mist)}
.track img{width:100%;height:100%;object-fit:cover}
.track figcaption{margin-top:10px;font-size:12.5px;color:rgba(18,38,43,.55)}
.gal-ctrl{display:flex;align-items:center;gap:10px;margin-top:22px}
.gal-ctrl button{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);color:rgba(18,38,43,.6);background:#fff;transition:.25s}
.gal-ctrl button:hover{border-color:var(--teal);color:var(--teal)}
.rel-sec{padding:64px 0}
.rel-grid{display:grid;gap:24px;margin-top:28px}
@media(min-width:768px){.rel-grid{grid-template-columns:1fr 1fr}}
.rel-card{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center}
.rel-card .ph{aspect-ratio:1/1}
.rel-card .m{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(18,38,43,.4)}
.rel-card h3{font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.35;color:var(--petrol);margin-top:6px;transition:color .25s}
.rel-card:hover h3{color:var(--teal)}
/* prosa vinda do editor do admin: tags que o layout nao cobria */
.post-body h2{font-family:var(--display);font-size:clamp(21px,2.4vw,27px);font-weight:600;line-height:1.25;color:var(--petrol);margin-top:40px}
.post-body h3{font-family:var(--display);font-size:19px;font-weight:600;line-height:1.3;color:var(--petrol);margin-top:32px}
.post-body ul,.post-body ol{margin-top:22px;padding-left:4px}
.post-body li{font-size:17.5px;line-height:1.72;color:rgba(18,38,43,.82);padding-left:20px;position:relative;margin-top:10px}
.post-body ul li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:2px;background:var(--teal)}
.post-body ol{counter-reset:n}
.post-body ol li{counter-increment:n}
.post-body ol li::before{content:counter(n) ".";position:absolute;left:0;top:0;font-family:var(--display);font-weight:600;color:var(--teal)}
.post-body img{margin:36px 0;width:100%;height:auto}
.post-body figure{margin:36px 0}
.post-body figcaption{font-size:13px;line-height:1.5;color:rgba(18,38,43,.55);margin-top:10px}
.post-body blockquote{margin:36px 0;padding-left:20px;border-left:2px solid var(--teal)}
.post-body blockquote p{font-family:var(--display);font-size:clamp(19px,2.2vw,24px);font-weight:600;line-height:1.3;color:var(--petrol)}
.post-body strong,.post-body b{font-weight:600;color:var(--petrol)}
.post-body iframe{margin:36px 0;max-width:100%}