/* Apresentação das capturas originais; não altera o conteúdo dos JPEGs. */
.hero-real a{display:block;color:#64748b;text-decoration:none;font-size:11px}
.hero-real img{width:100%;height:auto;border:1px solid #dce6ef;border-radius:12px;box-shadow:0 18px 50px #17324d18}
.hero-real span{display:block;margin-top:9px;text-align:center}
.view-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);align-items:start}
.actual-screenshot{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.screenshot-mobile{max-width:390px;margin-inline:auto}
.mobile-carousel{width:100%;max-width:390px;margin-inline:auto;min-width:0}
.mobile-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.mobile-track::-webkit-scrollbar{display:none}
.mobile-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.mobile-viewport{position:relative;display:block;aspect-ratio:390/844;overflow:hidden;background:#f5f8fc}
.mobile-viewport img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-height:none}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;background:#fff;border-top:1px solid #e1e9f0;font-size:13px}
.carousel-controls button{width:44px;height:44px;border:1px solid #dce6ef;border-radius:10px;background:#edf6fc;color:#0866b4;cursor:pointer;font-size:20px}
.carousel-controls button:disabled{opacity:.4;cursor:default}
.mobile-track:focus-visible,.carousel-controls button:focus-visible{outline:3px solid #1181de;outline-offset:-3px}
.screenshot-link{position:relative;display:block;cursor:zoom-in;text-decoration:none;color:#0866b4;background:#fff}
.screenshot-link:focus-visible{outline:3px solid #1181de;outline-offset:3px}
.zoom-hint{display:block;padding:8px 12px;text-align:right;font-size:11px;background:#edf6fc;border-top:1px solid #e1e9f0}
.screen-caption{line-height:1.5}
.screenshot-viewer{border:0;border-radius:12px;padding:0;width:min(1450px,96vw);max-width:96vw;max-height:94vh;box-shadow:0 25px 80px #0006;background:white}
.screenshot-viewer::backdrop{background:#102c49b8}
.viewer-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;background:#fff;border-bottom:1px solid #dce6ef;z-index:1}
.viewer-toolbar p{margin:0;font-size:14px;font-weight:700;color:#17324d}
.viewer-toolbar button{padding:9px 15px;border:1px solid #dce6ef;background:#edf6fc;color:#0866b4;border-radius:8px;cursor:pointer;white-space:nowrap}
.screenshot-viewer>img{display:block;width:100%;height:auto}
@media(max-width:1050px){.view-layout{grid-template-columns:1fr}.screen-frame{max-width:none}.hero-real{margin-top:24px}}
@media print{.hero-real,.zoom-hint,.screenshot-viewer{display:none!important}.view-layout{grid-template-columns:1fr}.screen-frame{max-width:none}.actual-screenshot{max-height:140mm}.view-card{break-inside:avoid}}