:root{--surface:#fbfcfb;--surface-2:#eef3ed;--ink:#1d1f1b;--muted:#64705f;--line:#d9e1d6;--green:#0f8f68;--green-soft:#dff3ea;--surface:#ffffff;--surface-2:#f8f9fc;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--green:#4f46e5;--green-soft:#eef2ff;--primary:#4f46e5;--primary-soft:#eef2ff;--shadow-soft:0 18px 45px rgba(17,24,39,0.07)}body{background:var(--surface-2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{background:var(--primary);font-size:14px;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:not(:disabled):hover{box-shadow:0 12px 24px rgba(79,70,229,.18);transform:translateY(-1px)}input{min-height:46px;padding:0 14px;border-color:var(--line);outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,.1)}.client-shell{gap:22px;min-height:100svh;padding:22px;background:var(--surface-2)}.client-hero{min-height:auto;padding:28px;color:var(--ink);background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.client-hero h1{max-width:760px;color:var(--ink);font-size:clamp(34px,5vw,64px);font-weight:850;line-height:1;letter-spacing:-.045em}.client-hero p{color:var(--muted);font-size:16px;line-height:1.6}.eyebrow{color:var(--primary);font-size:11px;letter-spacing:0}.access-panel,.shop-layout{padding:0}.access-panel>div,.business-card,.cart-lines article,.cart-panel,.delivery-quote,.notification-item,.notification-panel,.order-confirmation,.product-grid article,.tracking-panel,.tracking-step,.tracking-summary article{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.access-panel>div{padding:20px}.access-panel label,.business-card small,.cart-lines span,.cart-panel label,.delivery-quote small,.delivery-quote span,.empty-note,.notification-item span,.order-confirmation small,.order-confirmation span,.product-grid span,.tracking-step span,.tracking-summary span{color:var(--muted)}.social-button{display:inline-grid;grid-template-columns:22px minmax(0,1fr);align-items:center;justify-items:center;gap:10px;color:var(--ink);background:#ffffff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(17,24,39,.04)}.social-button svg{width:20px;height:20px}.social-button span{justify-self:center;color:var(--ink)}.social-button:not(:disabled):hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 10px 22px rgba(17,24,39,.08)}.access-panel h2,.section-title h2{color:var(--ink);letter-spacing:-.03em}.feedback-banner{color:#312e81;background:var(--primary-soft);border-color:#c7d2fe}.notification-panel,.tracking-panel{margin:0;padding:20px}.business-card.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary),var(--shadow-soft)}.business-card img,.product-grid img{height:150px;filter:saturate(.92)}.product-grid{gap:16px}.cart-total strong:last-child,.delivery-quote strong,.product-grid b{color:var(--primary)}.cart-panel{padding:20px}.cart-actions button,.tracking-step.done b{background:var(--primary-soft);color:var(--primary)}@media (max-width:760px){.client-shell{padding:16px 16px 94px}.client-shell:after{position:fixed;right:16px;bottom:16px;left:16px;z-index:20;display:grid;min-height:62px;place-items:center;color:var(--primary);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);content:"Inicio  Tiendas  Pedido  Cuenta";font-size:13px;font-weight:800;word-spacing:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-hero{padding:22px}}:root{--app-bg:#f8f9fc;--panel:rgba(255,255,255,0.94);--text:#111827;--subtext:#6b7280;--hairline:#e5e7eb;--accent:#4f46e5;--accent-wash:#eef2ff;--lift:0 22px 60px rgba(17,24,39,0.08)}body{background:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px),var(--app-bg);background-size:44px 44px}.client-shell{max-width:1480px;margin:0 auto;padding:28px}.client-hero{position:relative;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);min-height:360px;overflow:hidden;padding:34px}.client-hero:after{display:grid;align-content:end;min-height:280px;padding:24px;color:#ffffff;background:linear-gradient(135deg,rgba(17,24,39,.94),rgba(79,70,229,.72)),linear-gradient(rgba(255,255,255,.13) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 0);background-size:auto,34px 34px,34px 34px;border-radius:8px;content:"Tiendas cercanas, pedidos y seguimiento en una experiencia limpia.";font-size:28px;font-weight:850;line-height:1;letter-spacing:-.05em}.access-panel{grid-template-columns:minmax(0,.85fr) minmax(320px,.65fr);align-items:stretch}.access-panel>div{padding:24px}.access-panel>div:first-child{border-color:#c7d2fe}.shop-layout{grid-template-columns:300px minmax(0,1fr) 360px}.business-list,.cart-panel,.catalog-panel{min-width:0}.business-card,.product-grid article{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.business-card:hover,.product-grid article:hover{border-color:#c7d2fe;box-shadow:var(--lift);transform:translateY(-2px)}.business-card img,.product-grid img{background:#f3f4f6}.cart-panel{position:-webkit-sticky;position:sticky;top:24px}.cart-total{padding:14px;background:#f9fafb;border:1px solid var(--hairline);border-radius:8px}@media (max-width:980px){.client-shell{max-width:720px;padding:16px 16px 96px}.access-panel,.client-hero,.shop-layout{grid-template-columns:1fr}.client-hero:after{min-height:180px}.cart-panel{position:static}}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font-family:Arial,Helvetica,sans-serif}button{min-height:44px;padding:0 18px;color:white;background:var(--green);border:0;border-radius:8px}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;min-height:42px;padding:0 12px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px}.client-shell{display:grid;grid-gap:34px;gap:34px}.client-hero{display:grid;min-height:56svh;align-items:end;padding:44px;color:white;background:linear-gradient(90deg,rgba(29,31,27,.82),rgba(29,31,27,.24)),url(https://images.unsplash.com/photo-1556741533-6e6a62bd8b49?auto=format&fit=crop&w=1600&q=80) 50%/cover}.client-hero div{max-width:660px}.client-hero h1{margin:0;font-size:clamp(36px,4rem,68px);line-height:.98}.client-hero p{max-width:560px;color:rgba(255,255,255,.82)}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}.access-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:0 34px}.access-panel>div{display:grid;grid-gap:12px;gap:12px;padding:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.access-panel label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.access-panel h2{margin:0}.feedback-banner{grid-column:1/-1;margin:0;padding:12px;color:var(--ink);background:var(--green-soft);border:1px solid var(--green);border-radius:8px}.section-title h2{margin:0 0 16px;font-size:30px}.shop-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;grid-gap:18px;gap:18px;padding:0 34px 34px}.notification-panel,.tracking-panel{display:grid;grid-gap:16px;gap:16px;margin:0 34px;padding:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.notification-list{display:grid;grid-gap:10px;gap:10px}.notification-item{display:grid;grid-gap:6px;gap:6px;padding:12px;background:white;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px}.notification-item span{color:var(--muted)}.notification-item span,.notification-item strong{overflow-wrap:anywhere}.priority-high{border-left-color:#d54c2f}.tracking-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.tracking-summary article{display:grid;grid-gap:6px;gap:6px;min-height:86px;padding:14px;background:white;border:1px solid var(--line);border-radius:8px}.tracking-step span,.tracking-summary span{color:var(--muted)}.tracking-summary strong{overflow-wrap:anywhere}.tracking-timeline{display:grid;grid-gap:10px;gap:10px}.tracking-step{display:grid;grid-template-columns:94px minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px;background:white;border:1px solid var(--line);border-radius:8px}.tracking-step b{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:6px 8px;color:var(--muted);background:var(--surface-2);border-radius:8px;font-size:12px}.tracking-step.done b{color:var(--green);background:var(--green-soft)}.tracking-step div{display:grid;grid-gap:4px;gap:4px;min-width:0}.tracking-step span,.tracking-step strong{overflow-wrap:anywhere}.business-list,.cart-panel,.catalog-panel{align-content:start}.business-grid,.cart-lines,.product-grid{display:grid;grid-gap:12px;gap:12px}.business-card,.cart-panel,.product-grid article{background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.business-card{display:grid;overflow:hidden;padding:0;color:var(--ink);text-align:left}.business-card.active{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}.business-card img,.product-grid img{width:100%;height:160px;object-fit:cover}.business-card span,.product-grid article div{display:grid;grid-gap:8px;gap:8px;padding:12px}.business-card small,.cart-lines span,.cart-panel label,.empty-note,.order-confirmation small,.order-confirmation span,.product-grid span{color:var(--muted)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid article{overflow:hidden}.product-grid b{color:var(--green)}.cart-panel{display:grid;grid-gap:14px;gap:14px;padding:18px}.cart-panel label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700}.cart-lines article,.delivery-quote,.order-confirmation{display:grid;grid-gap:10px;gap:10px;padding:12px;background:white;border:1px solid var(--line);border-radius:8px}.delivery-quote small,.delivery-quote span{color:var(--muted)}.delivery-quote strong{color:var(--green)}.cart-actions,.cart-total{display:grid;align-items:center}.cart-actions{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}.cart-actions button{min-height:36px;padding:0}.cart-actions b{text-align:center}.cart-total{grid-template-columns:1fr auto;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.cart-total strong:last-child{color:var(--green);font-size:24px}@media (max-width:900px){.access-panel,.product-grid,.shop-layout,.tracking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-panel{grid-column:1/-1}}@media (max-width:560px){.access-panel,.client-hero,.notification-panel,.shop-layout,.tracking-panel{padding:22px}.access-panel,.product-grid,.shop-layout,.tracking-step,.tracking-summary{grid-template-columns:1fr}.notification-panel,.tracking-panel{margin:0 22px}}.app-layout{display:grid;grid-template-columns:286px minmax(0,1fr);grid-gap:0;gap:0;padding:0}.app-nav{display:flex;flex-direction:column;gap:18px;min-height:100svh;padding:28px;background:var(--surface);border-right:1px solid var(--line)}.nav-brand{display:grid;grid-gap:10px;gap:10px}.nav-brand h1{margin:0;font-size:34px;line-height:1}.nav-toggle{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.module-nav{display:grid;grid-gap:10px;gap:10px}.module-button{display:grid;grid-gap:4px;gap:4px;width:100%;min-height:58px;padding:12px;color:var(--ink);text-align:left;background:var(--surface-2);border:1px solid var(--line)}.module-button span{font-weight:850}.module-button small{color:var(--muted)}.module-button.active{color:var(--surface);background:var(--primary);border-color:var(--primary)}.module-nav .logout-menu-button{margin-top:10px;color:#991b1b;background:#fff1f2;border-color:#fecdd3}.module-nav .logout-menu-button:hover{color:#ffffff;background:#dc2626;border-color:#dc2626}.module-nav .logout-menu-button small{color:#b91c1c}.module-nav .logout-menu-button:hover small{color:rgba(255,255,255,.78)}.module-button.active small{color:rgba(255,255,255,.72)}.app-workspace{display:grid;align-content:start;grid-gap:22px;gap:22px;min-width:0;padding:28px}.account-panel,.cart-panel-standalone,.workspace-head{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.workspace-head{padding:22px}.account-panel h2,.workspace-head h2{margin:0;font-size:clamp(32px,4vw,56px);line-height:1}.account-panel{display:grid;grid-gap:14px;gap:14px;padding:22px}.cart-panel-standalone{max-width:640px}.nav-collapsed{grid-template-columns:84px minmax(0,1fr)}.nav-collapsed .app-nav{align-items:center;width:84px;min-width:84px;padding:22px 14px}.nav-collapsed .nav-brand{justify-items:center}.nav-collapsed .module-button small,.nav-collapsed .module-button span,.nav-collapsed .nav-brand .eyebrow,.nav-collapsed .nav-brand h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-collapsed .module-button,.nav-collapsed .nav-toggle{width:44px;min-height:44px;padding:0;font-size:0}.nav-collapsed .nav-toggle:before{content:">>";font-size:14px}.nav-collapsed .module-button{place-items:center}.nav-collapsed .module-button:before{content:"";width:10px;height:10px;border-radius:999px;background:currentColor}@media (max-width:900px){.app-layout,.nav-collapsed{grid-template-columns:1fr}.app-nav{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}}.brand-logo,.login-logo{display:block;width:100%;object-fit:contain;object-position:center}.brand-logo{max-width:158px;aspect-ratio:1/1;border-radius:8px}.login-logo{max-width:220px;margin:0 auto 4px;aspect-ratio:1/1}.client-shell:not(.app-layout){display:grid;grid-template-columns:260px minmax(0,860px);align-items:center;grid-gap:18px;gap:18px;place-content:center;min-height:100svh}.client-shell:not(.app-layout) .access-panel{display:grid;grid-template-columns:minmax(300px,420px) minmax(300px,420px);grid-gap:18px;gap:18px;width:100%}.login-card{display:grid;grid-gap:12px;gap:12px}.login-card h2{margin:0;text-align:center}.login-app-sidebar,.secondary-login-card{align-content:center}.login-app-sidebar{display:grid;grid-gap:18px;gap:18px;min-height:520px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.login-app-sidebar .brand-logo{margin:0 auto}.login-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:-2px}.text-action{min-height:34px;padding:0;color:var(--primary);border:0;font-weight:800}.text-action,.text-action:hover{background:transparent;box-shadow:none}.text-action:hover{transform:none}.nav-brand{justify-items:center}.nav-collapsed .nav-brand .brand-logo{max-width:46px}@media (max-width:760px){.client-shell:not(.app-layout),.client-shell:not(.app-layout) .access-panel{grid-template-columns:1fr}.login-app-sidebar{min-height:auto}}