/* BelApp · elementos comunes de las muestras de diseño */
.bl-franja{position:relative;z-index:9999;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:9px 16px;background:#07070F;color:#F2F1FA;font:500 13px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center;border-bottom:1px solid rgba(255,255,255,.14)}
.bl-franja b{font-weight:700;color:#B9AFFF}
.bl-franja .bl-dot{width:8px;height:8px;border-radius:50%;background:#2BD9C2;box-shadow:0 0 10px #2BD9C2;display:inline-block;margin-right:6px;vertical-align:middle}
.bl-franja a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.bl-franja a:hover{color:#2BD9C2}
.bl-wa{position:fixed;right:18px;bottom:18px;z-index:9999;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 20px 0 16px;border-radius:999px;background:#128C4A;color:#fff !important;text-decoration:none !important;font:700 15px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 3px rgba(255,255,255,.9);transition:transform .2s ease,background .2s ease}
.bl-wa:hover{transform:translateY(-2px);background:#0E7A40}
.bl-wa:focus-visible{outline:3px solid #2BD9C2;outline-offset:3px}
.bl-wa svg{width:22px;height:22px;flex-shrink:0}
.bl-toast{position:fixed;left:50%;bottom:88px;z-index:9999;transform:translateX(-50%) translateY(20px);opacity:0;max-width:min(92vw,440px);padding:14px 18px;border-radius:16px;background:#12112A;color:#F2F1FA;border:1px solid rgba(255,255,255,.2);font:500 14px/1.45 Inter,system-ui,sans-serif;box-shadow:0 20px 50px rgba(0,0,0,.45);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.bl-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:560px){.bl-wa{right:12px;bottom:12px;padding:0 16px 0 14px;font-size:14px}.bl-franja{font-size:12px}}
@media print{.bl-wa,.bl-toast{display:none}}