/* Showcase: barra da demonstração, botão e cards. */
.dshs-bar{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:rgba(17,24,39,.94);color:#fff;font-size:14px;line-height:1.3}
.dshs-bar__text{opacity:.92}
.dshs-bar__exit{color:#fff;text-decoration:underline;margin-left:8px}
.dshs-btn{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--e-global-color-accent,#2563eb);color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.dshs-btn:hover,.dshs-btn:focus{filter:brightness(1.08);color:#fff}
.dshs-bar .dshs-btn{padding:8px 16px}
body:has(.dshs-bar){padding-bottom:64px}
.dshs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.dshs-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid rgba(0,0,0,.12);border-radius:12px;text-decoration:none;color:inherit}
.dshs-card:hover{border-color:var(--e-global-color-accent,#2563eb)}
@media (max-width:600px){.dshs-bar{justify-content:space-between;font-size:13px}}