/* Demo aislada por visitante - estilos */
.demo-section{margin:1.5rem 0;text-align:center}
.demo-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted,#635e73);font-size:.875rem}
.demo-divider::before,.demo-divider::after{content:"";flex:1;height:1px;background:var(--line,#e7e3ec)}
.demo-button{background:var(--brand,#6554c0);color:#fff;border:1px solid var(--brand,#6554c0);padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}
.demo-button:hover{background:var(--hover,#51419e)}
.demo-note{font-size:.75rem;color:var(--muted,#635e73);margin-top:.5rem}
.demo-credentials{font-size:.875rem;margin:.65rem 0 .2rem}

.demo-banner{background:linear-gradient(90deg,#5b6eae 0%,#7b8ece 100%);color:#fff;padding:.5rem 1rem;font-size:.8125rem}
.demo-banner-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.demo-banner-icon{font-size:1.125rem}
.demo-banner-text{flex:1;min-width:200px}
.demo-banner-text strong{display:inline-block;margin-right:.5rem}
.demo-banner-text span{display:inline-block;margin-right:.75rem;opacity:.9}
.demo-banner-expiry{font-size:.75rem;opacity:.8}
.demo-reset-button{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4);padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:background .15s}
.demo-reset-button:hover{background:rgba(255,255,255,.3)}

/* Botón demo en landing */
.demo-link-button{background:transparent;color:var(--brand,var(--mpe-brand,#6554c0));border:1px solid var(--brand,var(--mpe-brand,#6554c0));padding:.5rem 1.25rem;border-radius:.75rem;font-size:.9375rem;cursor:pointer;transition:all .15s;margin-left:.75rem}
.demo-link-button:hover{background:var(--brand,var(--mpe-brand,#6554c0));color:#fff}
.demo-inline-form{display:inline}