.product-showcase{margin-top:52px;padding-top:36px;border-top:1px solid #414141;color:#fff}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.showcase-heading h3{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.035em;margin:0 0 6px}.showcase-heading p{font-size:13px;margin:0;color:#bcbcbc}.showcase-tag{font:11px Consolas,monospace;color:#ff9a47;white-space:nowrap}.showcase-slide{margin:0}.showcase-slide[hidden]{display:none}.showcase-open{display:block;width:100%;border:1px solid #454545;padding:0;background:#0e1117;border-radius:8px;overflow:hidden;cursor:zoom-in}.showcase-open img{display:block;width:100%;height:auto;aspect-ratio:1365/606;object-fit:contain}.showcase-slide figcaption{padding:16px 0 0;font-size:14px;color:#ddd}.showcase-slide figcaption span{color:#aaa;font-size:12px;display:block;margin-top:3px}.showcase-controls{display:flex;align-items:center;gap:12px;margin-top:18px}.showcase-controls button,.showcase-close,.showcase-modal-nav button{min-width:44px;min-height:44px;background:#262626;color:#fff;border:1px solid #606060;border-radius:5px;font:inherit;cursor:pointer}.showcase-controls button:hover,.showcase-modal-nav button:hover{border-color:#ff9a47}.showcase-controls .showcase-dot{min-width:44px;padding:0 12px;font-size:12px}.showcase-dot[aria-current=true]{background:#f17a19;color:#161616;border-color:#f17a19}.showcase-status{margin-left:auto;color:#aaa;font:12px Consolas,monospace}.showcase-modal{padding:16px;width:min(1500px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #555;border-radius:10px;background:#111;color:white}.showcase-modal::backdrop{background:#000d}.showcase-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.showcase-modal-bar h2{font-size:17px;margin:0;color:white;letter-spacing:0}.showcase-close{font-size:25px}.showcase-modal img{display:block;width:100%;max-height:calc(94dvh - 170px);object-fit:contain}.showcase-modal-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}.showcase-modal-nav button{padding:0 16px}.showcase-modal button:focus-visible,.product-showcase button:focus-visible{outline:3px solid #ff9a47;outline-offset:4px}body.showcase-is-open{overflow:hidden}@media(max-width:760px){.product-showcase{margin-top:32px;padding-top:26px}.showcase-heading{display:block}.showcase-tag{display:block;margin-top:12px}.showcase-controls{gap:5px;flex-wrap:wrap}.showcase-controls .showcase-dot{padding:0 8px}.showcase-status{font-size:11px}.showcase-modal{padding:10px}.showcase-modal-bar h2{font-size:14px}.showcase-modal-nav button{font-size:13px}}
/* Navegação sobre a imagem e transição horizontal controlada por jQuery. */
.showcase-stage{position:relative;overflow:hidden;container-type:inline-size;border-radius:8px;touch-action:pan-y}
.showcase-outgoing{position:absolute;inset:0;margin:0;pointer-events:none;will-change:transform}
.showcase-outgoing figcaption{padding:16px 0 0;font-size:14px;color:#ddd}
.showcase-outgoing figcaption span{display:block;font-size:12px;color:#aaa;margin-top:3px}
.showcase-side{position:absolute;top:22.2cqw;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:50px;height:66px;padding:0;border:1px solid #ffffff35;border-radius:8px;background:#15151550;backdrop-filter:blur(4px);color:#ffffffe0;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.showcase-side:hover,.showcase-side:focus-visible{background:#151515a6;border-color:#ffffff80;color:#fff}
.showcase-side svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px #000)}
.showcase-prev{left:14px}.showcase-next{right:14px}
.showcase-controls{justify-content:center;position:relative;min-height:44px;gap:4px}
.showcase-controls .showcase-dot{font-size:0;color:#ddd;min-width:44px;background:transparent;border:0;display:grid;place-items:center;padding:0}
.showcase-dot::after{content:"";display:block;width:7px;height:7px;border-radius:100px;background:#ffffff60;transition:width .25s,background .25s}
.showcase-dot[aria-current=true]::after{width:26px;background:#f17a19}
.showcase-controls .showcase-status{position:absolute;right:0;margin:0}
@media(max-width:760px){.showcase-side{width:44px;height:52px;border-radius:6px}.showcase-prev{left:7px}.showcase-next{right:7px}.showcase-side svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.showcase-side,.showcase-dot::after{transition:none}}