:root{--color-bg: #0d0f14;--color-surface: #161a22;--color-surface-alt: #1f2530;--color-text: #f5f7fa;--color-text-muted: #a9b2c3;--color-primary: #2f80ed;--color-primary-contrast: #ffffff;--color-danger: #eb5757;--color-success: #27ae60;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--tap-target: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}button,a,input,select{min-height:var(--tap-target);min-width:var(--tap-target);font-size:inherit;font-family:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100%;padding:var(--space-4);gap:var(--space-4);max-width:1100px;margin:0 auto;width:100%}.screen{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}h1{font-size:var(--font-size-xl);margin:0}h2{font-size:var(--font-size-lg);margin:0}.muted{color:var(--color-text-muted)}.notice{background:var(--color-surface-alt);border-left:4px solid var(--color-primary);padding:var(--space-3);border-radius:var(--radius-sm);margin:0}.btn{border:0;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--color-text);background:var(--color-surface-alt)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.btn-secondary{background:var(--color-surface-alt)}.btn-large{width:100%;padding:var(--space-4);font-size:var(--font-size-lg)}.btn-small{padding:var(--space-2) var(--space-3);min-height:40px}.btn-step{width:56px;font-size:var(--font-size-lg);background:var(--color-surface)}.avatar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.avatar-button{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-surface-alt);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer}.avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-xl);font-weight:700}.avatar-button:hover{border-color:var(--color-primary)}form{display:flex;flex-direction:column;gap:var(--space-3)}input{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-surface-alt);background:var(--color-surface);color:var(--color-text)}.actions-row{display:flex;gap:var(--space-3)}.actions-row .btn{flex:1}.bar-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.family-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.btn-tab{white-space:nowrap;background:var(--color-surface)}.btn-tab[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.article-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.article-button{width:100%;min-height:88px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left}.article-button:active{transform:scale(.98);border-color:var(--color-primary)}.article-name{font-weight:600}.article-price{color:var(--color-text-muted)}.cart-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-lg)}.order-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);z-index:10}.line-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.line-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.qty-controls{display:flex;align-items:center;gap:var(--space-2)}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-danger);color:#fff;padding:var(--space-3);border-radius:var(--radius-md)}.sent-screen{justify-content:center;align-items:center;text-align:center}.subestado{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--color-surface-alt);font-weight:600}.subestado-3{background:var(--color-success);color:#fff}.subestado-4{background:var(--color-primary);color:var(--color-primary-contrast)}.subestado-5{background:var(--color-danger);color:#fff}