/* Tokens del recorrido DEV/demo. Se aplica exclusivamente con data-demo-ux. */
body[data-demo-ux]{--ux-bg:#f4f5fa;--ux-card:#fff;--ux-text:#202435;--ux-muted:#515a70;--ux-border:#cbd1df;--ux-field:#fff;--ux-notice:#eef0ff;--ux-link:#4338ca;color-scheme:light;background:var(--ux-bg)!important;color:var(--ux-text)!important}
body[data-demo-ux][data-theme=dark]{--ux-bg:#111827;--ux-card:#1f2937;--ux-text:#f3f4f6;--ux-muted:#c2cad7;--ux-border:#59657a;--ux-field:#182235;--ux-notice:#29344e;--ux-link:#b5b0ff;color-scheme:dark}
@media(prefers-color-scheme:dark){body[data-demo-ux]:not([data-theme=light]){--ux-bg:#111827;--ux-card:#1f2937;--ux-text:#f3f4f6;--ux-muted:#c2cad7;--ux-border:#59657a;--ux-field:#182235;--ux-notice:#29344e;--ux-link:#b5b0ff;color-scheme:dark}}
body[data-demo-ux] :is(.settings-card,.card,.product-card,.batch-dialog,.batch-inner,.batch-row,.admin-content,.order-panel,.store-header,.category-panel,.shop-search-dialog){background:var(--ux-card)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
body[data-demo-ux] :is(h1,h2,h3,h4,p,label,summary,td,th){color:inherit}
body[data-demo-ux] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ux-field)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
body[data-demo-ux] :is(.muted,small,.eyebrow){color:var(--ux-muted)}
body[data-demo-ux] :is(table,td,th,fieldset){border-color:var(--ux-border)!important}
body[data-demo-ux] :is(.notice,.alert,.form-error){background:var(--ux-notice)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
body[data-demo-ux] a:not(.primary-action):not(.button):not(.brand){color:var(--ux-link)}
body[data-demo-ux] button:not(.primary-action):not(.cart-mobile):not([type=submit]){color:inherit}
body[data-demo-ux] input::placeholder,body[data-demo-ux] textarea::placeholder{color:var(--ux-muted);opacity:1}
body[data-demo-ux].tienditas-shop{--ux-bg:var(--bg);--ux-card:var(--panel);--ux-text:var(--text);--ux-link:var(--accent)}
body[data-demo-ux].tienditas-shop[data-theme=dark]{--ux-bg:var(--dark-bg,#111827);--ux-card:var(--dark-panel,#1f2937);--ux-text:var(--dark-text,#f3f4f6);--ux-link:#b5b0ff}
@media(prefers-color-scheme:dark){body[data-demo-ux].tienditas-shop:not([data-theme=light]){--ux-bg:var(--dark-bg,#111827);--ux-card:var(--dark-panel,#1f2937);--ux-text:var(--dark-text,#f3f4f6);--ux-link:#b5b0ff}}

body[data-demo-ux] .order-progress{display:flex;gap:4px;list-style:none;margin:10px 0;padding:0;flex-wrap:wrap;font-size:10px}
body[data-demo-ux] .order-progress li{border-top:4px solid var(--ux-border);padding:5px 3px;color:var(--ux-muted)}
body[data-demo-ux] .order-progress .is-complete{border-color:#16a34a;color:var(--ux-text)}
body[data-demo-ux] .sale-state{border-radius:20px;padding:4px 7px;background:#e0e7ff;color:#312e81}
body[data-demo-ux] .sale-state-ready{background:#dcfce7;color:#14532d}body[data-demo-ux] .sale-state-delivered{background:#ccfbf1;color:#134e4a}body[data-demo-ux] .sale-state-preparing{background:#fef3c7;color:#78350f}
body[data-demo-ux] #sales-batches svg,body[data-demo-ux] .panel-heading .primary-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-demo-ux] .batch-table{table-layout:fixed;min-width:0!important;width:100%}
body[data-demo-ux] .batch-table :is(td,th){white-space:normal!important;padding:8px 4px;overflow-wrap:anywhere}
body[data-demo-ux] .batch-table :is(th:first-child,td:first-child){width:28px}
body[data-demo-ux] .batch-table .batch-code{width:100%;min-width:0}
body[data-demo-ux] .batch-menu summary{min-width:36px;display:inline-flex;align-items:center;justify-content:center}
body[data-demo-ux] .batch-menu-panel button{display:flex;gap:8px;min-height:42px}
body[data-demo-ux] .batch-menu-panel button .sr-only{position:static;width:auto;height:auto;clip:auto;white-space:normal}
body[data-demo-ux] .table-wrap{max-width:100%;overflow:auto}body[data-demo-ux] #sales-batches .batch-table-wrap{overflow:visible}
@media(max-width:900px){body[data-demo-ux] .batch-table .batch-row{display:grid!important;grid-template-columns:1fr 1fr}body[data-demo-ux] .batch-row td{width:auto!important}body[data-demo-ux] .batch-row [data-order-actions]{grid-column:1/-1}}

body[data-demo-ux] #order-panel{transition:opacity .22s ease,transform .22s ease,display .22s allow-discrete}
@starting-style{body[data-demo-ux] #order-panel.mobile-open{opacity:0;transform:translateX(24px)}}
body[data-demo-ux] .batch-row.is-changing{animation:ux-saved .7s ease}
body[data-demo-ux] .ux-skeleton{height:18px;border-radius:6px;background:linear-gradient(90deg,var(--ux-border),var(--ux-card),var(--ux-border));background-size:200%;animation:ux-loading 1.1s linear infinite;margin:8px 0}
@keyframes ux-saved{0%,60%{background:#16a34a33}100%{background:var(--ux-card)}}
@keyframes ux-loading{to{background-position:-200%}}
@media(prefers-reduced-motion:reduce){body[data-demo-ux] *,body[data-demo-ux] *::before,body[data-demo-ux] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-demo-ux] .guia{position:relative!important;inset:auto!important;width:100%;max-width:720px;max-height:360px;margin:20px auto;color:#fff!important}
body[data-demo-ux] .guia :is(p,small,button){color:#fff!important}
body[data-demo-ux] .guia-asa{cursor:default}
@media(max-width:600px){body[data-demo-ux] .guia{max-height:240px;border-radius:14px}body[data-demo-ux] .guia-visual{font-size:24px}body[data-demo-ux] .guia-asa{padding:8px}body[data-demo-ux] .guia-avatar{width:28px;height:28px}}

body[data-demo-ux].tienditas-shop a.product-detail-link{color:var(--accent);border-color:var(--accent)}
body[data-demo-ux] .visual-footer img{object-fit:contain;background:#fff;border-radius:8px;padding:6px;filter:none}
body[data-demo-ux] .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body[data-demo-ux] .catalog-online-dot{width:38px;height:34px;border-radius:8px;background:transparent!important;color:var(--ux-text)!important}body[data-demo-ux] .catalog-online-dot.is-hidden{opacity:.45}body[data-demo-ux] .catalog-online-dot span{display:none}body[data-demo-ux] .catalog-online-dot svg{display:block}

body[data-demo-ux] .seo-generate-text{background:transparent!important;color:var(--ux-link)!important;border:0;box-shadow:none;text-decoration:underline;font-size:.9rem;padding:4px 6px}body[data-demo-ux] .seo-dialog{background:var(--ux-card)!important;color:var(--ux-text)!important}body[data-demo-ux] .seo-completeness{color:var(--ux-muted)}

body[data-demo-ux] :is(.client-directory,.settings-card,.product-form,.product-more){min-width:0;max-width:100%}body[data-demo-ux] .product-more summary{display:flex;flex-wrap:wrap;gap:8px}body[data-demo-ux] .seo-dialog{max-width:calc(100vw - 24px)}

html:has(body[data-demo-ux]){overflow-x:clip;background:transparent!important}body[data-demo-ux] .batch-menu:not([open])>.batch-menu-panel{display:none}

body[data-demo-ux] :is(.admin-main,.client-directory,.batch-search,.batch-table-wrap,.batch-menu-panel,.seo-preview,.brand-preview){background:var(--ux-card)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
body[data-demo-ux] :is(.admin-main,.settings-card,.batch-table) :is(p,h1,h2,h3,label,td,th,summary){color:var(--ux-text)!important}
body[data-demo-ux] .admin-main :is(button,a).seo-generate-text{background:transparent!important;color:var(--ux-link)!important}
body[data-demo-ux] .batch-table tbody tr:nth-child(even){background:var(--ux-bg)!important}
body[data-demo-ux] .batch-table .order-progress{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
body[data-demo-ux] .batch-table .order-progress li{font-size:0;padding:0;height:8px;min-width:0}
body[data-demo-ux] .batch-table .batch-row{height:auto!important}
@media(max-width:900px){body[data-demo-ux] #sales-batches .batch-table thead{display:none!important}body[data-demo-ux] #sales-batches .batch-table,body[data-demo-ux] #sales-batches .batch-table tbody{display:block!important}body[data-demo-ux] #sales-batches .batch-table .batch-row{display:grid!important;grid-template-columns:1fr 1fr!important;margin:12px 0;border:1px solid var(--ux-border)!important;border-radius:12px;padding:10px;background:var(--ux-card)!important}body[data-demo-ux] #sales-batches .batch-row td{display:flex!important;flex-direction:column;border:0!important;padding:6px!important;min-width:0}body[data-demo-ux] #sales-batches .batch-row td[data-label=Cliente]{grid-column:1/-1}body[data-demo-ux] #sales-batches .batch-row td::before{content:attr(data-label);font-size:11px;color:var(--ux-muted)}body[data-demo-ux] #sales-batches .batch-detail-row,body[data-demo-ux] #sales-batches .batch-detail-row>td{display:block!important}body[data-demo-ux] #sales-batches .batch-detail-row[hidden]{display:none!important}}

body[data-demo-ux] #sales-batches .batch-table :is(td,th){background:var(--ux-card)!important;color:var(--ux-text)!important}
body[data-demo-ux] #sales-batches :is(.batch-menu summary,.batch-pay,.batch-expand,.batch-menu-panel button){background:var(--ux-field)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
body[data-demo-ux] .admin-main a:not(.primary-action):not(.back-link){color:var(--ux-link)!important}
body[data-demo-ux] #sales-batches .batch-table .batch-row [data-order-actions]{overflow:visible}
@media(min-width:901px){body[data-demo-ux] #sales-batches .order-menus{display:flex;gap:4px;flex-wrap:wrap}body[data-demo-ux] #sales-batches .batch-menu summary{padding:7px;min-width:32px}body[data-demo-ux] #sales-batches .batch-table td:first-child{width:28px}}

@media(min-width:901px){body[data-demo-ux] #sales-batches .batch-table :is(th:nth-child(2),td:nth-child(2)){width:44px}body[data-demo-ux] #sales-batches .batch-table :is(th:nth-child(3),td:nth-child(3)){width:86px}body[data-demo-ux] #sales-batches .batch-table :is(th:nth-child(4),td:nth-child(4)){width:140px}body[data-demo-ux] #sales-batches :is([data-paid],[data-total],[data-balance]){white-space:nowrap!important;font-size:12px}}