:root{--rojo:#d2232a;--rojo-oscuro:#a51820;--celeste:#4fc3e8;--verde-marca:#7cb342;--amarillo:#f2b705;--fondo:#f4f7f5;--texto:#10241c;--borde:#dfe6e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}button{cursor:pointer;justify-content:center;align-items:center;gap:6px;font-family:inherit;display:inline-flex}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pantalla-carga{justify-content:center;align-items:center;height:100vh;font-size:1.1rem;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--rojo);color:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header__marca{align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.header__nav{gap:20px;display:flex}.header__nav a{color:#f8d7d7;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:flex}.header__nav a.active{color:#fff}.header__usuario{align-items:center;gap:12px;display:flex}.header__usuario button{color:#fff;background:0 0;border:1px solid #fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:flex}.app__contenido{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 24px 100px}.grilla-productos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.tarjeta-producto{border:1px solid var(--borde);background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;display:flex}.tarjeta-producto__foto{object-fit:contain;object-position:center;border:1px solid var(--borde);box-sizing:border-box;background:#fff;border-radius:8px;width:100%;height:140px;padding:6px}.tarjeta-producto h3{margin:0 0 4px;font-size:1rem}.tarjeta-producto .categoria{color:#5b6b63;margin:0;font-size:.8rem}.tarjeta-producto .precio{margin:8px 0 0;font-weight:700}.tarjeta-producto button{background:var(--rojo);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:600;display:flex}.stepper{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.stepper button{background:var(--rojo);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.stepper__btn--x10{padding:0 10px;background:var(--rojo-oscuro)!important;border-radius:999px!important;width:auto!important;height:28px!important;font-size:.75rem!important}.cart-bar{border-top:3px solid var(--rojo);background:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.cart-bar button{background:var(--amarillo);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:700;display:flex}.checkout{max-width:640px}.lista-checkout{padding:0;list-style:none}.lista-checkout li{border-bottom:1px solid var(--borde);flex-direction:column;gap:8px;padding:12px 0;display:flex}.lista-checkout__cabecera{justify-content:space-between;font-weight:600;display:flex}.checkout__total{justify-content:space-between;padding:16px 0;font-size:1.1rem;display:flex}.btn-confirmar{background:var(--rojo);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:1.05rem;font-weight:700;display:flex}.btn-confirmar:disabled{opacity:.6}.lista-pedidos{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.tarjeta-pedido{border:1px solid var(--borde);background:#fff;border-radius:12px;padding:16px}.tarjeta-pedido__cabecera{color:#5b6b63;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.badge--pendiente{color:#a8710a;background:#fdf3d6}.badge--confirmado{color:#1d4ed8;background:#dbeafe}.badge--facturado{color:#146c2e;background:#dcfce7}.badge--cancelado{color:#b91c1c;background:#fee2e2}.error{color:#c0392b;font-weight:600}