.ws2-demo-bar{position:relative;z-index:3;display:flex;gap:22px;justify-content:space-between;align-items:center;padding:20px 5%;background:#091a2d;color:#edf4ff;font:400 13px/1.7 Arial,sans-serif;border-top:1px solid #334a62}
.ws2-demo-bar strong{font-weight:700}
.ws2-demo-bar a{flex:none;color:#7ce6df;min-height:44px;display:flex;gap:12px;align-items:center;font-weight:700;text-decoration:none}
.ws2-demo-bar a:hover{text-decoration:underline}
.ws2-demo-bar a:focus-visible{outline:2px solid #7ce6df;outline-offset:4px}
.ws2-demo-status{position:fixed;z-index:2147483647;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);margin:0;padding:16px 22px;border-radius:8px;background:#091a2d;color:#fff;border:1px solid #578598;font:400 14px/1.6 Arial,sans-serif;box-shadow:0 12px 45px #0003}
html[data-ws2-demo-preview] .ws2-demo-bar,
html[data-ws2-demo-preview] .ws2-demo-status{display:none}
html[data-ws2-demo-preview] *,html[data-ws2-demo-preview] *::before,html[data-ws2-demo-preview] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-ws2-demo-preview] .reveal,
html[data-ws2-demo-preview] .reveal-media,
html[data-ws2-demo-preview] .reveal-photo,
html[data-ws2-demo-preview] .reveal-portrait,
html[data-ws2-demo-preview] .reveal-media>*,
html[data-ws2-demo-preview] .reveal-photo>*,
html[data-ws2-demo-preview] .reveal-portrait>*{opacity:1!important;transform:none!important;clip-path:none!important}
@media(max-width:700px){.ws2-demo-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 24px}.ws2-demo-status{bottom:16px;font-size:13px}}
/* o botão flutuante de contato dos projetos não cobre o link da faixa no fim da página */
body:has(.floating, [data-ws2-whatsapp="floating"]) .ws2-demo-bar{padding-right:calc(5% + 200px)}
@media(max-width:700px){body:has(.floating, [data-ws2-whatsapp="floating"]) .ws2-demo-bar{padding-right:24px;padding-bottom:96px}}
