/* V1 - Modo Demo Comercial */
.demo-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#eef5ff;color:#1769aa;font-size:11px;font-weight:800;letter-spacing:.7px}
.demo-header-badge{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0 12px;padding:7px 12px;border-radius:999px;background:#fff3cd;color:#7a5200;font-size:12px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.demo-header-badge i{color:#f39c12}
.demo-header-cta{display:inline-flex!important;align-items:center;gap:7px;margin:7px 8px 0 8px!important;padding:7px 13px!important;min-height:auto!important;border-radius:999px!important;background:#22c55e!important;color:#fff!important;font-weight:800!important;line-height:1.2!important;box-shadow:0 4px 12px rgba(34,197,94,.28)}
.demo-header-cta:hover{background:#16a34a!important;color:#fff!important}
.demo-login-card{margin:18px 0 2px;padding:14px 15px;border:1px solid #d9e7f5;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#eef8ff);box-shadow:0 8px 20px rgba(42,105,160,.08)}
.demo-login-card .demo-login-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#164e78;font-weight:800}
.demo-login-card p{margin:0 0 10px;color:#52606d;font-size:13px;line-height:1.45}
.demo-login-credentials{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.demo-login-credentials span{padding:6px 9px;background:#fff;border:1px solid #dbe8f4;border-radius:8px;color:#334155;font-size:12px}
.demo-login-button{width:100%;border:0;border-radius:10px;padding:10px 12px;background:#1769aa;color:#fff;font-weight:800;transition:.2s}
.demo-login-button:hover{background:#0e5c98;transform:translateY(-1px)}
.demo-welcome{position:relative;margin:14px 15px 6px;padding:20px;border:1px solid #dce9f6;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 62%,#ecfff4 100%);box-shadow:0 12px 30px rgba(15,72,110,.09)}
.demo-welcome-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#94a3b8;font-size:26px;line-height:1}
.demo-welcome-copy h2{margin:9px 0 5px;color:#163a59;font-size:24px;font-weight:800}
.demo-welcome-copy p{max-width:850px;margin:0 0 16px;color:#5b6b7a}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-step-card{position:relative;display:grid;grid-template-columns:38px 42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:13px;border:1px solid #e1eaf2;border-radius:13px;background:#fff;color:#334155;transition:.18s;box-shadow:0 4px 13px rgba(15,23,42,.04)}
.demo-step-card:hover{border-color:#9fc6e6;box-shadow:0 8px 20px rgba(23,105,170,.12);transform:translateY(-2px);color:#1769aa}
.demo-step-card>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1769aa;color:#fff;font-weight:800}
.demo-step-card>i{grid-row:1/3;font-size:25px;color:#2aa36b;text-align:center}
.demo-step-card strong{font-size:14px}
.demo-step-card small{color:#7b8794}
.demo-feature-line{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed #d4e1ec;color:#52606d;font-size:12px}
.demo-feature-line i{color:#22a06b;margin-right:4px}
.demo-protected-wrapper{min-height:calc(100vh - 100px)}
.demo-protected-content{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:25px}
.demo-protected-card{max-width:720px;width:100%;padding:38px 34px;text-align:center;background:#fff;border:1px solid #e4ebf2;border-radius:20px;box-shadow:0 18px 45px rgba(15,23,42,.10)}
.demo-protected-icon{width:78px;height:78px;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;border-radius:22px;background:#fff7e6;color:#e99116;font-size:36px}
.demo-protected-card h2{margin:10px 0;color:#173b59;font-size:25px;font-weight:800}
.demo-protected-card p{margin:0 auto 22px;max-width:590px;color:#64748b;font-size:15px;line-height:1.65}
.demo-protected-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}
.demo-protected-card small{color:#8795a1}
.demo-floating-cta{position:fixed;right:22px;bottom:22px;z-index:10050;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#25d366;color:#fff!important;box-shadow:0 10px 30px rgba(37,211,102,.35);font-size:13px;transition:.2s}
.demo-floating-cta:hover{background:#1fb95a;transform:translateY(-2px)}
.demo-floating-cta i{font-size:24px}.demo-floating-cta span{display:flex;flex-direction:column;line-height:1.15}.demo-floating-cta strong{font-size:12px}
.demo-demo-menu-lock{opacity:.74}.demo-demo-menu-lock>a:after{content:' DEMO';float:right;margin-right:8px;padding:2px 6px;border-radius:999px;background:#f6c453;color:#634500;font-size:9px;font-weight:800}
@media(max-width:991px){.demo-header-badge{display:none}.demo-header-cta{display:none!important}.demo-welcome{margin:10px 8px}.demo-steps{grid-template-columns:1fr}.demo-floating-cta span{display:none}.demo-floating-cta{width:50px;height:50px;justify-content:center;padding:0}.demo-floating-cta i{font-size:25px}}
@media(max-width:520px){.demo-welcome{padding:16px 13px}.demo-welcome-copy h2{font-size:20px}.demo-feature-line{display:none}.demo-protected-card{padding:28px 18px}}

/* V2 - Configuración comercial segura */
.demo-company-config .panel-medio{padding-bottom:24px}.demo-config-intro{display:grid;grid-template-columns:68px 1fr;gap:16px;align-items:center;margin:12px 0 16px;padding:20px 22px;border:1px solid #d9e8f5;border-radius:18px;background:linear-gradient(135deg,#fff,#f3f9ff);box-shadow:0 8px 24px rgba(15,72,110,.07)}.demo-config-intro-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#e8f3ff;color:#1769aa;font-size:28px}.demo-config-intro h2{margin:8px 0 4px;font-size:23px;color:#173b59;font-weight:800}.demo-config-intro p{margin:0;max-width:950px;color:#64748b;line-height:1.55}.demo-config-alert{border-radius:12px}.demo-config-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px}.demo-config-card{padding:20px;border:1px solid #e1eaf2;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.05)}.demo-config-card-wide{grid-row:span 2}.demo-config-card-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.demo-config-card-title>div{display:flex;flex-direction:column}.demo-config-card-title strong{font-size:16px;color:#173b59}.demo-config-card-title small{margin-top:2px;color:#7c8a97}.demo-config-number{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#1769aa;color:#fff;font-weight:800}.demo-tax-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.demo-tax-preset{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:9px;padding:12px;border:1px solid #dce6ee;border-radius:12px;background:#f8fbfd;cursor:pointer}.demo-tax-preset:hover,.demo-tax-preset.active{border-color:#7fb2db;background:#eef7ff}.demo-tax-preset i{grid-row:1/3;align-self:center;font-size:22px;color:#2584c3;text-align:center}.demo-tax-preset strong{color:#334155}.demo-tax-preset span{font-size:11px;color:#7b8794}.demo-config-fields{margin-top:2px}.demo-current-state{min-height:34px;display:flex;align-items:center}.demo-state-ok,.demo-state-exo{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:700}.demo-state-ok{background:#ecfdf3;color:#177245}.demo-state-exo{background:#effaf5;color:#16714d}.demo-amazonia-box{margin-top:17px;padding:14px;border:1px solid #dcebe3;border-radius:12px;background:#f7fcf9;transition:.2s}.demo-amazonia-box.is-disabled{opacity:.52}.demo-amazonia-box.is-disabled input{pointer-events:none}.demo-amazonia-title{margin-bottom:10px;color:#206b4a;font-weight:800}.demo-check-row{display:flex!important;align-items:flex-start;gap:10px;margin:8px 0!important;font-weight:400!important}.demo-check-row input{margin-top:3px}.demo-check-row span{display:flex;flex-direction:column}.demo-check-row small{color:#718096}.demo-legal-note{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:11px;background:#fff8e7;color:#715a18;font-size:12px;line-height:1.5}.demo-legal-note i{margin-top:3px}.demo-help-box{margin-top:13px;padding:12px;border-radius:10px;background:#f4f8fb;color:#52606d;font-size:12px;line-height:1.5}.demo-locked-card{background:#fbfcfd}.demo-locked-list{display:grid;gap:8px}.demo-locked-list span{padding:8px 10px;border-radius:9px;background:#f3f5f7;color:#6c7884;font-size:12px}.demo-locked-list i{margin-right:7px;color:#d2942f}.demo-config-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.demo-config-actions .btn{border-radius:11px}.demo-config-form label{color:#4b5d6b}.demo-config-form .form-control{border-radius:9px}.demo-config-form .input-group .form-control{border-radius:0 9px 9px 0}@media(max-width:991px){.demo-config-grid{grid-template-columns:1fr}.demo-config-card-wide{grid-row:auto}.demo-tax-presets{grid-template-columns:1fr}}@media(max-width:600px){.demo-config-intro{grid-template-columns:1fr;padding:16px}.demo-config-intro-icon{display:none}.demo-config-intro h2{font-size:20px}.demo-config-card{padding:15px}.demo-config-actions .btn{width:100%}}

/* V3 - Sesión demo aislada y estado comercial */
.demo-session-state{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 14px}.demo-state-pill{display:flex;align-items:center;gap:9px;min-width:145px;padding:9px 12px;border:1px solid #dce7ef;border-radius:11px;background:#fff;color:#334155;box-shadow:0 3px 10px rgba(15,23,42,.035)}.demo-state-pill:hover{border-color:#9fc6e6;color:#1769aa}.demo-state-pill>i{width:27px;text-align:center;font-size:18px;color:#2584c3}.demo-state-pill>span{display:flex;flex-direction:column;line-height:1.2}.demo-state-pill small{font-size:10px;text-transform:uppercase;letter-spacing:.45px;color:#8a98a6}.demo-state-pill strong{margin-top:2px;font-size:12px}.demo-state-private{background:#f5faf7;border-color:#dcece2}.demo-state-private>i{color:#269b64}.demo-steps-v3{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-auto-reset-note{margin-left:auto;color:#1769aa!important;font-weight:700}.demo-auto-reset-note i{color:#1769aa!important}@media(max-width:1199px){.demo-steps-v3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.demo-session-state{display:grid;grid-template-columns:1fr 1fr}.demo-state-pill{min-width:0}.demo-auto-reset-note{margin-left:0;width:100%}}@media(max-width:520px){.demo-session-state{grid-template-columns:1fr}.demo-steps-v3{grid-template-columns:1fr}}

/* V5 - Conversión comercial dentro de la demo */
.demo-conversion{margin:10px 15px 18px;padding:22px;border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.065)}
.demo-conversion-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}
.demo-conversion-heading h2{margin:7px 0 5px;color:#173b59;font-size:23px;font-weight:850}
.demo-conversion-heading p{max-width:820px;margin:0;color:#657482;line-height:1.55}
.demo-conversion-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#1769aa;font-size:11px;font-weight:850;letter-spacing:.65px}
.demo-conversion-eyebrow i{color:#f2b230}
.demo-secondary-cta{border:1px solid #cdddea!important;border-radius:11px!important;background:#f8fbfd!important;color:#1769aa!important;font-weight:800!important;white-space:nowrap}
.demo-secondary-cta:hover{background:#eef6fc!important;border-color:#9fc5e2!important}
.demo-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-benefit-card{position:relative;min-height:164px;padding:16px 16px 14px;border:1px solid #e1e9f0;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);color:#334155;transition:.18s;box-shadow:0 4px 13px rgba(15,23,42,.035)}
.demo-benefit-card:hover{transform:translateY(-2px);border-color:#a8cae4;box-shadow:0 10px 22px rgba(23,105,170,.11);color:#334155}
.demo-benefit-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:12px;background:#edf6fd;color:#1769aa;font-size:19px}
.demo-benefit-card strong{display:block;margin-bottom:6px;color:#173b59;font-size:14px}
.demo-benefit-card p{min-height:40px;margin:0 0 10px;color:#6d7b88;font-size:12px;line-height:1.45}
.demo-benefit-card small{display:inline-flex;align-items:center;gap:6px;color:#1769aa;font-size:11px;font-weight:800}
.demo-benefit-card-info{cursor:default}.demo-benefit-card-info:hover{transform:none}
.demo-fit-row{margin-top:14px;padding:12px 14px;border:1px dashed #cfe0eb;border-radius:12px;background:#f8fbfd}
.demo-fit-copy{display:flex;gap:9px 18px;flex-wrap:wrap;color:#52606d;font-size:11.5px}
.demo-fit-copy i{margin-right:5px;color:#24a467}
.demo-conversion-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:15px;padding:17px 18px;border-radius:15px;background:linear-gradient(135deg,#0e6e47,#188b59);color:#fff;box-shadow:0 10px 22px rgba(25,135,87,.18)}
.demo-conversion-banner-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.14);font-size:26px}
.demo-conversion-banner-copy{display:flex;flex-direction:column}.demo-conversion-banner-copy span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.83}.demo-conversion-banner-copy strong{margin:2px 0;font-size:15px}.demo-conversion-banner-copy small{opacity:.82}
.demo-primary-cta{border:0!important;border-radius:11px!important;padding:11px 15px!important;background:#fff!important;color:#167348!important;font-weight:850!important;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.demo-primary-cta:hover{background:#f2fff7!important;color:#0e613b!important}
@media(max-width:1199px){.demo-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-conversion-banner{grid-template-columns:48px 1fr}.demo-primary-cta{grid-column:1/3;justify-self:stretch;text-align:center}}
@media(max-width:767px){.demo-conversion{margin:8px;padding:15px}.demo-conversion-heading{align-items:flex-start;flex-direction:column}.demo-conversion-heading h2{font-size:20px}.demo-benefit-grid{grid-template-columns:1fr}.demo-benefit-card{min-height:auto}.demo-benefit-card p{min-height:0}.demo-conversion-banner{grid-template-columns:1fr;text-align:center}.demo-conversion-banner-icon{margin:auto}.demo-primary-cta{grid-column:auto;width:100%}.demo-fit-copy{display:grid;grid-template-columns:1fr}}