:root{--primary:#1f513d;--primary-dark:#163d2e;--accent:#c99b57;--bg:#f5f6f4;--card:#fff;--text:#17231d;--muted:#6f7c75;--line:#e5e9e6;--shadow:0 14px 40px rgba(28,54,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:Outfit,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.demo-ribbon{height:38px;background:#173e30;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;letter-spacing:.01em;position:fixed;top:0;left:0;right:0;z-index:50}.app-shell{min-height:calc(100vh - 38px);display:flex;margin-top:38px}.sidebar{width:255px;background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;position:fixed;left:0;top:38px;bottom:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.brand>span{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:22px}.brand strong{font-size:23px}.brand small{background:#f0e7d8;color:#8a632c;border-radius:999px;padding:4px 7px;font-weight:700;font-size:9px}.company{display:flex;align-items:center;gap:11px;background:#f7f4ee;border:1px solid #ece3d5;border-radius:15px;padding:12px;margin-bottom:22px}.company-logo{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center}.company small,.company strong{display:block}.company small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.company strong{font-size:14px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#53625b;font-size:14px;font-weight:500}.sidebar nav a i,.sidebar-bottom a i{font-size:17px}.sidebar nav a.active{background:#eaf2ee;color:var(--primary);font-weight:700}.sidebar nav a:hover,.sidebar-bottom a:hover{background:#f3f6f4;color:var(--primary)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.main{margin-left:255px;width:calc(100% - 255px)}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:38px;z-index:10}.topbar small{color:var(--muted);font-size:11px}.topbar h1{margin:2px 0 0;font-size:22px}.menu{display:none;background:none;border:0;font-size:25px;margin-right:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.catalog-link{color:var(--primary);font-size:14px;font-weight:600}.avatar{width:38px;height:38px;border-radius:50%;background:#e7efe9;color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:700}.content{padding:30px;max-width:1500px;margin:auto}.welcome{background:linear-gradient(125deg,#1d4d3a,#2f6c53);color:#fff;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:300px;height:300px;border:50px solid rgba(255,255,255,.04);border-radius:50%;right:-90px;top:-100px}.eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.welcome h2,.page-intro h2{font-size:30px;margin:0 0 8px}.welcome p,.page-intro p{margin:0;color:rgba(255,255,255,.75);max-width:630px}.welcome-actions{display:flex;gap:10px;margin-top:22px}.btn{border:0;border-radius:10px;padding:11px 16px;font:600 13px Outfit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.welcome .btn.primary{background:#fff;color:var(--primary)}.btn.secondary{background:#fff;color:var(--primary);border:1px solid var(--line)}.welcome .btn.secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}.btn.mini{padding:7px 11px}.catalog-card{min-width:310px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:18px;border-radius:17px;position:relative;z-index:1}.catalog-card small,.catalog-card strong{display:block}.catalog-card small{color:rgba(255,255,255,.65)}.catalog-card strong{font-size:14px;margin:5px 0 15px}.catalog-card a{font-size:13px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 6px 20px rgba(27,51,40,.03)}.stat>i{width:43px;height:43px;border-radius:12px;background:#eaf2ee;color:var(--primary);display:grid;place-items:center;font-size:20px}.stat span,.stat strong,.stat small{display:block}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:23px;margin:4px 0}.stat small{color:#528268;font-size:11px}.grid-two{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(27,51,40,.035);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.card-head small{color:var(--muted)}.card-head h3{margin:3px 0 0;font-size:18px}.card-head a{font-size:12px;color:var(--primary);font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;background:#fafbfa}th,td{padding:13px 18px;border-bottom:1px solid #edf0ee}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;background:#eaf2ee;color:#2f7055}.status.nuevo{background:#fff0d9;color:#9d6519}.status.confirmado{background:#e6f0ff;color:#3565a7}.status.preparando{background:#f1eaff;color:#714e9b}.status.entregado,.status.activo,.status.destacado{background:#e8f4ed;color:#337153}.top-products{padding:9px 20px}.top-products>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0ee}.top-products img{width:42px;height:42px;border-radius:9px;object-fit:cover}.top-products .rank{color:var(--muted);font-size:11px}.top-products div div{flex:1}.top-products strong,.top-products small{display:block}.top-products small{color:var(--muted);font-size:10px}.top-products b{font-size:10px;color:var(--primary)}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.page-intro p{color:var(--muted)}.toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.toolbar select,.period,.settings select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font:13px Outfit;color:var(--text)}.search{flex:1;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 12px;color:var(--muted)}.search input{border:0;outline:0;width:100%;padding:10px;font:13px Outfit}.product-list article{display:grid;grid-template-columns:55px minmax(180px,1fr) 110px 90px 38px 38px;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}.product-list img{width:52px;height:52px;border-radius:11px;object-fit:cover}.product-data strong,.product-data span,.product-data small{display:block}.product-data span,.product-data small{color:var(--muted);font-size:11px}.price{font-weight:700}.icon{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.category-card>i{width:45px;height:45px;border-radius:12px;background:#eaf2ee;color:var(--primary);display:grid;place-items:center;font-size:20px}.category-card>div{flex:1}.category-card strong,.category-card span{display:block}.category-card div span{font-size:11px;color:var(--muted)}.design-grid{display:grid;grid-template-columns:380px 1fr;gap:20px}.settings{padding:22px}.settings h3{margin-top:0}.settings label{display:block;font-size:12px;font-weight:600;margin:16px 0}.settings select{width:100%;margin-top:7px}.color-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;margin-top:7px;padding:6px}.color-input span{width:29px;height:29px;border-radius:7px}.color-input input{border:0;padding:0 10px;font:13px Outfit}.upload{border:1px dashed #bfc9c3;border-radius:12px;padding:18px;text-align:center;cursor:pointer}.upload i,.upload strong,.upload span{display:block}.upload i{font-size:22px;color:var(--primary)}.upload span{color:var(--muted);font-size:10px;margin-top:4px}.preview-card{background:#e9edea;border-radius:18px;padding:28px;position:relative}.preview-browser{height:34px;background:#fff;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:5px;padding:0 12px}.preview-browser>span{width:7px;height:7px;border-radius:50%;background:#d7ddd9}.preview-browser small{margin-left:12px;color:var(--muted)}.preview-hero{height:190px;background:linear-gradient(135deg,rgba(24,61,46,.95),rgba(45,85,66,.75)),url('../img/01.jpg') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.preview-logo{width:55px;height:55px;background:#fff;color:var(--primary);border-radius:50%;display:grid;place-items:center;margin-bottom:10px}.preview-hero strong{font-size:20px}.preview-hero span{font-size:11px;color:#e1d1b8}.preview-body{background:#fff;padding:15px;border-radius:0 0 12px 12px}.preview-chip{display:inline-block;background:#eaf2ee;color:var(--primary);border-radius:999px;padding:5px 9px;font-size:8px;margin-right:4px}.preview-products{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.preview-products div{height:44px;border-radius:8px;background:linear-gradient(90deg,#f0f2f1 55%,#d7ded9 55%)}.preview-note{position:absolute;right:28px;bottom:8px;color:var(--muted)}.chart{height:230px;display:flex;align-items:flex-end;gap:18px;padding:30px 35px 0}.chart div{flex:1;background:linear-gradient(#3e8064,#1f513d);border-radius:8px 8px 0 0;position:relative;min-height:30px}.chart div span{position:absolute;top:-21px;width:100%;text-align:center;font-size:10px;color:var(--muted)}.chart-labels{display:flex;justify-content:space-around;padding:8px 25px 20px;color:var(--muted);font-size:10px}.progress-list{padding:20px}.progress-list>div{display:grid;grid-template-columns:1fr 40px;gap:5px;margin-bottom:18px}.progress-list span{font-size:12px}.progress-list strong{text-align:right;font-size:11px}.progress-list i{grid-column:1/3;height:7px;border-radius:99px;background:#edf0ee;overflow:hidden}.progress-list b{display:block;height:100%;background:var(--primary);border-radius:99px}.toast{position:fixed;right:25px;bottom:25px;background:#173e30;color:#fff;border-radius:14px;padding:15px 18px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 18px 50px rgba(0,0,0,.22);transform:translateY(120px);opacity:0;transition:.25s;z-index:50;max-width:360px}.toast.show{transform:none;opacity:1}.toast i{font-size:20px;color:#d4b47f}.toast strong,.toast span{display:block}.toast span{font-size:11px;color:rgba(255,255,255,.7);margin-top:3px}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-two,.design-grid{grid-template-columns:1fr}.catalog-card{min-width:260px}}@media(max-width:760px){.demo-ribbon{padding:0 12px;text-align:center;font-size:11px}.sidebar{transform:translateX(-100%);transition:.25s;top:38px}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu{display:block}.topbar{padding:0 16px}.catalog-link{display:none}.content{padding:18px}.welcome{display:block;padding:25px}.catalog-card{min-width:0;margin-top:20px}.stats-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:15px}.toolbar{flex-wrap:wrap}.search{min-width:100%}.product-list article{grid-template-columns:50px 1fr 70px 35px}.product-list .status,.product-list article .icon:last-child{display:none}.grid-two{grid-template-columns:1fr}.welcome h2,.page-intro h2{font-size:25px}.topbar{top:38px}.chart{gap:8px;padding-left:15px;padding-right:15px}}

/* MKT-004A: Configuración demo alineada al panel real */
.config-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.config-demo-main{display:flex;flex-direction:column;gap:18px}.config-demo-card{padding:22px;overflow:visible}.config-demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.config-demo-heading small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.config-demo-heading h3{margin:3px 0 0;font-size:18px}.config-demo-grid{display:grid;gap:14px}.config-demo-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.config-demo-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.config-demo-grid .span-2{grid-column:1/-1}.config-demo-card label,.config-demo-full{display:block}.config-demo-card label>span,.config-demo-full>span{display:block;font-size:11px;font-weight:600;margin-bottom:6px}.config-demo-card input,.config-demo-card textarea,.config-demo-card select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 11px;font:12px Outfit;color:var(--text);outline:0}.config-demo-card textarea{min-height:86px;resize:none}.config-demo-card input[readonly],.config-demo-card textarea[readonly],.config-demo-card select:disabled{background:#fafbfa;color:#435149;opacity:1}.config-demo-card label small{display:block;color:var(--muted);font-size:9px;margin-top:5px;line-height:1.35}.demo-prefix,.demo-copy{display:flex;align-items:stretch}.demo-prefix b{display:flex;align-items:center;border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;background:#f2f5f3;padding:0 11px;color:var(--muted);font-size:11px}.demo-prefix input{border-radius:0 9px 9px 0}.demo-logo-upload{display:flex;align-items:center;gap:15px;border:1px dashed #bec9c2;border-radius:13px;padding:15px;cursor:pointer}.demo-logo-preview{width:68px;height:68px;flex:0 0 68px;border-radius:15px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:29px}.demo-logo-upload>div:nth-child(2){flex:1}.demo-logo-upload strong,.demo-logo-upload span,.demo-logo-upload small{display:block}.demo-logo-upload span{color:var(--muted);font-size:11px;margin-top:3px}.demo-logo-upload small{color:var(--muted);font-size:9px;margin-top:5px}.demo-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.demo-switch-row.compact{padding-top:0}.demo-switch-row strong,.demo-switch-row span{display:block}.demo-switch-row div>span{color:var(--muted);font-size:10px;margin-top:3px}.demo-switch{width:42px;height:24px;border-radius:999px;background:#ccd4cf;padding:3px;flex:0 0 auto;position:relative}.demo-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.15)}.demo-switch.on{background:var(--primary)}.demo-switch.on:after{left:21px}.demo-hours-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;margin-top:5px}.demo-divider{height:1px;background:var(--line);margin:20px 0 5px}.config-demo-full{margin-top:11px}.sticky-demo-card{position:sticky;top:140px}.demo-copy input{border-radius:9px 0 0 9px}.demo-copy .icon{height:auto;border-radius:0 9px 9px 0;border-left:0}.full-demo-btn{width:100%;margin-top:12px}.demo-qr{width:180px;height:180px;margin:20px auto 14px;border:10px solid #fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;background:repeating-linear-gradient(45deg,#17231d 0 5px,#fff 5px 10px)}.demo-qr i{font-size:88px;background:#fff;color:#17231d;line-height:1}.demo-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.config-demo-side p{text-align:center;color:var(--muted);font-size:9px;margin:14px 0 0}@media(max-width:1050px){.config-demo-layout{grid-template-columns:1fr}.sticky-demo-card{position:static}}@media(max-width:760px){.config-demo-grid.cols-2,.config-demo-grid.cols-3,.demo-hours-grid{grid-template-columns:1fr}.config-demo-grid .span-2{grid-column:auto}.demo-logo-upload{align-items:flex-start;flex-wrap:wrap}.demo-logo-upload .btn{width:100%}.demo-qr-actions{grid-template-columns:1fr}.config-demo-card{padding:17px}}