/* Común a las webs de ejemplo: barra "web de ejemplo" y ventana de demostración */
.lwb-bar{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:#1c1915;color:#f5efe4;font:500 14px/1.3 system-ui,"Segoe UI",sans-serif;padding:9px 14px;text-align:center}
.lwb-bar a{color:#f5efe4;text-decoration:underline;text-underline-offset:3px}
.lwb-bar .lwb-cta{background:#c4553a;color:#fff;text-decoration:none;border-radius:999px;padding:6px 14px;font-weight:700}
.lwb-modal{position:fixed;inset:0;z-index:2000;background:rgba(20,18,16,.55);display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}
.lwb-modal[hidden]{display:none}
.lwb-box{position:relative;background:#fff;color:#1c1915;border-radius:20px;max-width:420px;width:100%;padding:30px 26px 24px;font:400 16px/1.5 system-ui,"Segoe UI",sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:lwbin .3s ease}
@keyframes lwbin{from{opacity:0;transform:translateY(10px) scale(.98)}}
.lwb-box .lwb-t{display:block;font-size:22px;line-height:1.2;margin-bottom:8px}
.lwb-box .lwb-note{font-size:14px;color:#6b6257;background:#f5efe4;border-radius:12px;padding:10px 12px;margin-top:14px}
.lwb-box .lwb-go{display:block;text-align:center;margin-top:16px;background:#c4553a;color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:13px}
.lwb-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#6b6257}
@media (max-width:600px){.lwb-bar{font-size:12.5px;gap:10px;padding:7px 10px;flex-wrap:nowrap}.lwb-bar .lwb-by,.lwb-bar .lwb-more{display:none}.lwb-bar .lwb-cta{padding:5px 11px;white-space:nowrap}}