/* Cards empilhados por sticky nativo: a rolagem permanece livre nos dois sentidos. */
#demonstracao.sd-stack-demo { --sd-card-scale:.9;--sd-header-height:76px;--sd-progress:0;position:relative;isolation:isolate;height:auto;overflow:visible; }
#demonstracao .sd-section-title { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
/* A camada de fundo acompanha somente os limites da seção, sem parallax. */
#demonstracao .sd-stack-background { position:absolute;inset:0;z-index:0;pointer-events:none; }
#demonstracao .sd-stack-backdrop { position:sticky;top:0;height:100vh;height:100svh; }
#demonstracao.sd-stack-demo .sd-sticky { position:relative;z-index:1;top:auto;height:auto;min-height:0;overflow:visible;padding:64px 24px;background:none; }
#demonstracao.sd-stack-demo .sd-layout { display:block;width:100%;max-width:1120px; }
#demonstracao .sd-card-stack { position:relative;display:flex;flex-direction:column;align-items:center;gap:40vh;padding-bottom:12vh;min-width:0; }
#demonstracao .sd-stack-card { position:sticky;top:calc(var(--sd-header-height) + 20px + var(--sd-card-order) * 20px);z-index:calc(2 + var(--sd-card-order));width:calc(304px * var(--sd-card-scale));margin:0;background:#fff;border:1px solid #c9ddff;border-radius:18px;box-shadow:0 14px 36px #001b5540;overflow:hidden;scroll-margin-top:calc(var(--sd-header-height) + 100px);color:#142840; }
#demonstracao .sd-stack-card:last-child { margin-bottom:0; }
#demonstracao .sd-card-heading { height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e3ebf7;background:#fff; }
#demonstracao .sd-card-heading h3 { margin:0;flex:1;font-size:13px;line-height:1.3;font-weight:800;letter-spacing:-.02em; }
#demonstracao .sd-card-heading > span { font-size:11px;font-weight:800;color:#0754be; }
#demonstracao .sd-card-frame { position:relative;width:calc(304px * var(--sd-card-scale));height:calc(510px * var(--sd-card-scale));overflow:hidden;background:#fff; }
#demonstracao.sd-stack-demo .sd-screen { position:relative;inset:auto;display:block;visibility:visible;opacity:1;width:304px;height:510px;min-height:510px;max-height:none;margin:0;box-sizing:border-box;transform:scale(var(--sd-card-scale));transform-origin:top left;overflow:hidden; }
/* Enquadra o cardápio da captura, ocultando as barras do navegador do iPhone. */
#demonstracao.sd-stack-demo .sd-menu-capture { display:block;width:304px;height:510px;max-width:none;object-fit:cover;object-position:center -42px; }
#demonstracao.sd-stack-demo .sd-ui { padding:0 18px 18px;color:#142840;background:white; }
@media(max-width:760px) {
 #demonstracao.sd-stack-demo .sd-sticky { padding:40px 16px; }
 #demonstracao .sd-card-stack { gap:34vh; }
}
@media(prefers-reduced-motion:reduce),(max-height:500px) {
 #demonstracao .sd-stack-card { position:relative;top:auto; }
 #demonstracao .sd-card-stack { gap:24px; }
 #demonstracao .sd-card-stack { padding-bottom:0; }
}
