:root{--md-sys-color-primary:#006a6a;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#9cf1f1;--md-sys-color-on-primary-container:#002020;--md-sys-color-secondary:#4a6363;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#cce8e8;--md-sys-color-on-secondary-container:#051f1f;--md-sys-color-tertiary:#4b607c;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#d3e4ff;--md-sys-color-on-tertiary-container:#041e35;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#fafdfd;--md-sys-color-on-background:#191c1c;--md-sys-color-surface:#fafdfd;--md-sys-color-on-surface:#191c1c;--md-sys-color-surface-variant:#dae5e5;--md-sys-color-on-surface-variant:#3f4949;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f4f7f7;--md-sys-color-surface-container:#eef1f1;--md-sys-color-surface-container-high:#e8ebeb;--md-sys-color-surface-container-highest:#e2e5e5;--md-sys-color-outline:#6f7979;--md-sys-color-outline-variant:#bec9c9;--md-sys-color-success:#1c6b3a;--md-sys-color-on-success:#fff;--md-sys-color-success-container:#a8f5c0;--md-sys-color-on-success-container:#002111;--md-sys-color-warning:#7a5900;--md-sys-color-on-warning:#fff;--md-sys-color-warning-container:#fdefc3;--md-sys-color-on-warning-container:#261a00;--md-sys-color-info:#00639b;--md-sys-color-on-info:#fff;--md-sys-color-info-container:#c9e6ff;--md-sys-color-on-info-container:#001e31;--md-sys-color-inverse-surface:#2d3131;--md-sys-color-inverse-on-surface:#eff1f1;--md-sys-color-inverse-primary:#80d5d5;--md-sys-color-scrim:#00000080;--accent:var(--md-sys-color-primary);--bg:var(--md-sys-color-background);--card-bg:var(--md-sys-color-surface-container-lowest);--danger:var(--md-sys-color-error);--success:var(--md-sys-color-success);--warning:var(--md-sys-color-warning);--muted:var(--md-sys-color-on-surface-variant);--coming:var(--md-sys-color-info);--filter-border-color:var(--md-sys-color-outline);--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-small-weight:500;--md-ref-typeface-brand:"Google Sans", "Roboto", system-ui, sans-serif;--md-ref-typeface-plain:"Roboto", system-ui, Arial, sans-serif;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-0:none;--md-sys-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--md-sys-elevation-4:0 6px 10px 4px #00000026, 0 2px 3px #0000004d;--md-sys-elevation-5:0 8px 12px 6px #00000026, 0 4px 4px #0000004d;--md-space-1:4px;--md-space-2:8px;--md-space-3:12px;--md-space-4:16px;--md-space-5:20px;--md-space-6:24px;--md-space-8:32px;--md-space-10:40px;--md-space-12:48px;--md-space-16:64px;--md-motion-duration-short1:50ms;--md-motion-duration-short2:.1s;--md-motion-duration-short3:.15s;--md-motion-duration-short4:.2s;--md-motion-duration-medium1:.25s;--md-motion-duration-medium2:.3s;--md-motion-duration-long1:.35s;--md-motion-duration-long2:.4s;--md-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-motion-easing-standard-decel:cubic-bezier(0, 0, 0, 1);--md-motion-easing-standard-accel:cubic-bezier(.3, 0, 1, 1);--md-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-motion-easing-emphasized-decel:cubic-bezier(.05, .7, .1, 1);--md-motion-easing-emphasized-accel:cubic-bezier(.3, 0, .8, .15);--z-base:0;--z-above:10;--z-sticky:100;--z-drawer:500;--z-fab:600;--z-panel:800;--z-modal:1000;--z-toast:1200;--z-scanner:9000;--z-loading:9999;--z-op-panel:750;--z-op-dialog:760;--cart-item-h:56px;--cart-visible-rows:4;--dw-bar1-bg:var(--md-sys-color-primary);--dw-bar1-text:var(--md-sys-color-on-primary);--dw-bar1-border:transparent;--dw-bar1-fs:var(--md-sys-typescale-label-large-size);--dw-bar2-bg:var(--md-sys-color-surface-container-lowest);--dw-bar2-text:var(--md-sys-color-on-surface);--dw-bar2-border:var(--md-sys-color-outline-variant);--dw-bar2-fs:var(--md-sys-typescale-body-medium-size);--dw-bar2-pd:8px 16px;--dw-bar3-bg:var(--md-sys-color-surface-container-low);--dw-bar3-text:var(--md-sys-color-on-surface-variant);--dw-bar3-border:var(--md-sys-color-outline-variant);--dw-bar3-fs:var(--md-sys-typescale-label-medium-size);--dw-bar3-pd:4px 16px;--dw-search-bg:var(--md-sys-color-surface-container);--dw-search-text:var(--md-sys-color-on-surface);--dw-search-border:var(--md-sys-color-outline);--dw-search-radius:var(--md-sys-shape-corner-full);--dw-search-fs:var(--md-sys-typescale-body-medium-size);--dw-user-bg:transparent;--dw-user-text:var(--md-sys-color-on-surface);--dw-user-border:var(--md-sys-color-outline-variant);--dw-user-radius:var(--md-sys-shape-corner-small);--dw-user-fs:var(--md-sys-typescale-label-large-size);--dw-cart-bg:transparent;--dw-cart-text:var(--md-sys-color-on-surface);--dw-cart-border:var(--md-sys-color-outline-variant);--dw-cart-radius:var(--md-sys-shape-corner-small);--dw-cart-fs:var(--md-sys-typescale-label-large-size);--dw-bsdolar-bg:var(--md-sys-color-success-container);--dw-bsdolar-text:var(--md-sys-color-on-success-container);--dw-bsdolar-border:transparent;--dw-bsdolar-radius:var(--md-sys-shape-corner-small);--dw-bsdolar-fs:var(--md-sys-typescale-label-large-size);--dw-footer-bg:var(--md-sys-color-inverse-surface);--dw-footer-text:var(--md-sys-color-inverse-on-surface);--dw-footer-border:transparent;--estado-pendiente-color:var(--md-sys-color-warning);--estado-pendiente-bg:var(--md-sys-color-warning-container);--estado-pendiente-border:var(--md-sys-color-warning);--estado-confirmado-color:var(--md-sys-color-info);--estado-confirmado-bg:var(--md-sys-color-info-container);--estado-confirmado-border:var(--md-sys-color-info);--estado-confirmada-color:var(--md-sys-color-info);--estado-confirmada-bg:var(--md-sys-color-info-container);--estado-confirmada-border:var(--md-sys-color-info);--estado-procesando-color:var(--md-sys-color-tertiary);--estado-procesando-bg:var(--md-sys-color-tertiary-container);--estado-procesando-border:var(--md-sys-color-tertiary);--estado-completado-color:var(--md-sys-color-success);--estado-completado-bg:var(--md-sys-color-success-container);--estado-completado-border:var(--md-sys-color-success);--estado-completada-color:var(--md-sys-color-success);--estado-completada-bg:var(--md-sys-color-success-container);--estado-completada-border:var(--md-sys-color-success);--estado-entregado-color:var(--md-sys-color-success);--estado-entregado-bg:var(--md-sys-color-success-container);--estado-entregado-border:var(--md-sys-color-success);--estado-cancelado-color:var(--md-sys-color-on-surface-variant);--estado-cancelado-bg:var(--md-sys-color-surface-container-high);--estado-cancelado-border:var(--md-sys-color-outline-variant);--estado-cancelada-color:var(--md-sys-color-on-surface-variant);--estado-cancelada-bg:var(--md-sys-color-surface-container-high);--estado-cancelada-border:var(--md-sys-color-outline-variant);--estado-no_asistio-color:var(--md-sys-color-error);--estado-no_asistio-bg:var(--md-sys-color-error-container);--estado-no_asistio-border:var(--md-sys-color-error);--estado-rechazada-color:var(--md-sys-color-error);--estado-rechazada-bg:var(--md-sys-color-error-container);--estado-rechazada-border:var(--md-sys-color-error)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#80d5d5;--md-sys-color-on-primary:#003737;--md-sys-color-primary-container:#005050;--md-sys-color-on-primary-container:#9cf1f1;--md-sys-color-secondary:#b0cccc;--md-sys-color-on-secondary:#1b3535;--md-sys-color-secondary-container:#324b4b;--md-sys-color-on-secondary-container:#cce8e8;--md-sys-color-tertiary:#b3c8e8;--md-sys-color-on-tertiary:#1d3350;--md-sys-color-tertiary-container:#354968;--md-sys-color-on-tertiary-container:#d3e4ff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#0f1414;--md-sys-color-on-background:#dee3e3;--md-sys-color-surface:#0f1414;--md-sys-color-on-surface:#dee3e3;--md-sys-color-surface-variant:#3f4949;--md-sys-color-on-surface-variant:#bec9c9;--md-sys-color-surface-container-lowest:#0a0f0f;--md-sys-color-surface-container-low:#171c1c;--md-sys-color-surface-container:#1b2121;--md-sys-color-surface-container-high:#262b2b;--md-sys-color-surface-container-highest:#303636;--md-sys-color-outline:#889292;--md-sys-color-outline-variant:#3f4949;--md-sys-color-success:#78dc95;--md-sys-color-on-success:#003920;--md-sys-color-success-container:#00522f;--md-sys-color-on-success-container:#a8f5c0;--md-sys-color-warning:#f0c048;--md-sys-color-on-warning:#3e2d00;--md-sys-color-warning-container:#594200;--md-sys-color-on-warning-container:#fdefc3;--md-sys-color-info:#90caff;--md-sys-color-on-info:#003352;--md-sys-color-info-container:#004a75;--md-sys-color-on-info-container:#c9e6ff;--md-sys-color-inverse-surface:#dee3e3;--md-sys-color-inverse-on-surface:#2d3131;--md-sys-color-inverse-primary:#006a6a;--md-sys-color-scrim:#000000b8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#80d5d5;--md-sys-color-on-primary:#003737;--md-sys-color-primary-container:#005050;--md-sys-color-on-primary-container:#9cf1f1;--md-sys-color-secondary:#b0cccc;--md-sys-color-on-secondary:#1b3535;--md-sys-color-secondary-container:#324b4b;--md-sys-color-on-secondary-container:#cce8e8;--md-sys-color-tertiary:#b3c8e8;--md-sys-color-on-tertiary:#1d3350;--md-sys-color-tertiary-container:#354968;--md-sys-color-on-tertiary-container:#d3e4ff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#0f1414;--md-sys-color-on-background:#dee3e3;--md-sys-color-surface:#0f1414;--md-sys-color-on-surface:#dee3e3;--md-sys-color-surface-variant:#3f4949;--md-sys-color-on-surface-variant:#bec9c9;--md-sys-color-surface-container-lowest:#0a0f0f;--md-sys-color-surface-container-low:#171c1c;--md-sys-color-surface-container:#1b2121;--md-sys-color-surface-container-high:#262b2b;--md-sys-color-surface-container-highest:#303636;--md-sys-color-outline:#889292;--md-sys-color-outline-variant:#3f4949;--md-sys-color-success:#78dc95;--md-sys-color-on-success:#003920;--md-sys-color-success-container:#00522f;--md-sys-color-on-success-container:#a8f5c0;--md-sys-color-warning:#f0c048;--md-sys-color-on-warning:#3e2d00;--md-sys-color-warning-container:#594200;--md-sys-color-on-warning-container:#fdefc3;--md-sys-color-info:#90caff;--md-sys-color-on-info:#003352;--md-sys-color-info-container:#004a75;--md-sys-color-on-info-container:#c9e6ff;--md-sys-color-inverse-surface:#dee3e3;--md-sys-color-inverse-on-surface:#2d3131;--md-sys-color-inverse-primary:#006a6a;--md-sys-color-scrim:#000000b8}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/MaterialSymbolsOutlined.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}#app-loading{background:var(--md-sys-color-surface);z-index:var(--z-loading);justify-content:center;align-items:center;gap:var(--md-space-4);flex-direction:column;display:flex;position:fixed;inset:0}#app-loading .spinner{border:4px solid var(--md-sys-color-surface-container-high);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite md-spin}#app-loading p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);margin:0}#app-content{display:none}.container{max-width:1140px;margin:var(--md-space-3) auto 0;padding:0 var(--md-space-4) var(--md-space-3)}header{width:100%}.grid{gap:var(--md-space-3);margin-top:var(--md-space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card{background:var(--md-sys-color-surface-container-lowest);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-1);transition:box-shadow var(--md-motion-duration-short4) var(--md-motion-easing-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}#cardsGrid .card{background:var(--card-bg,var(--md-sys-color-surface-container-lowest));border-radius:var(--dw-card-radius,var(--md-sys-shape-corner-medium));font-size:var(--dw-font-size,inherit)}.bar-main,.bar-admin,.bar-links,#productControlsBar,#appFooter{font-size:var(--dw-font-size,inherit)}.card:hover{box-shadow:var(--md-sys-elevation-2)}.card-body{padding:var(--md-space-2);flex-direction:column;flex:1;gap:0;display:flex}.price{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface);margin-top:var(--md-space-1)}.price .text-muted{color:var(--md-sys-color-on-surface-variant)}.meta{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);gap:var(--md-space-2);flex-wrap:wrap;align-items:flex-start;margin:0;line-height:1.4;display:flex}.meta-left,.meta-right{gap:var(--md-space-1);align-items:center;min-width:0;display:flex}.meta .meta-sep{color:var(--md-sys-color-outline);margin:0 1px;font-weight:600}.meta .between-sep{color:var(--md-sys-color-outline);align-self:flex-start;display:inline-block}@media (width>=900px){.meta{flex-wrap:nowrap;align-items:center}}.subname{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.3}.tags{margin-top:var(--md-space-1);gap:var(--md-space-1);flex-wrap:wrap;display:flex}.tag{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);padding:2px var(--md-space-2);border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight)}.thumb{aspect-ratio:1;background:var(--md-sys-color-surface-container-low);cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.thumb img{object-fit:contain;background:var(--md-sys-color-surface-container-lowest);width:100%;height:100%;display:block}.thumb .add-overlay{right:var(--md-space-2);top:var(--md-space-2);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;width:36px;height:36px;transition:background var(--md-motion-duration-short4) var(--md-motion-easing-standard);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.thumb .add-overlay:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.thumb .add-overlay svg{width:18px;height:18px;display:block}.thumb .add-overlay.has-qty{border-radius:var(--md-sys-shape-corner-extra-small);width:38px;height:38px;font-weight:700;font-size:var(--md-sys-typescale-label-large-size);background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);flex-direction:column;gap:0;line-height:1}.thumb .add-overlay.has-qty svg,.thumb .add-overlay .cart-overlay-count{display:none}.thumb .add-overlay.has-qty .cart-overlay-count{font-size:.8rem;font-weight:700;display:block}.thumb .detail-fab{right:var(--md-space-2);bottom:var(--md-space-2);z-index:var(--z-above);background:var(--md-sys-color-primary-container);width:36px;height:36px;color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-2);cursor:pointer;transition:background var(--md-motion-duration-short4) var(--md-motion-easing-standard);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;display:flex;position:absolute}.thumb .detail-fab:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.thumb .detail-fab svg{width:18px;height:18px;display:block}.badge{top:var(--md-space-2);left:var(--md-space-2);padding:4px var(--md-space-2);border-radius:var(--md-sys-shape-corner-full);font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);text-transform:capitalize;z-index:var(--z-above);box-shadow:var(--md-sys-elevation-1);position:absolute}.badge.unavailable{color:var(--md-sys-color-error);border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.badge.coming{color:var(--md-sys-color-info);border-color:var(--md-sys-color-info);background:var(--md-sys-color-info-container)}.badge.available{color:var(--md-sys-color-success);border-color:var(--md-sys-color-success);background:var(--md-sys-color-success-container)}.badge.low{color:var(--md-sys-color-warning);border-color:var(--md-sys-color-warning);background:var(--md-sys-color-warning-container)}.pagination{gap:var(--md-space-1);margin-top:var(--md-space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.page-btn{padding:6px var(--md-space-2);border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background var(--md-motion-duration-short4) var(--md-motion-easing-standard), color var(--md-motion-duration-short4) var(--md-motion-easing-standard), border-color var(--md-motion-duration-short4) var(--md-motion-easing-standard), box-shadow var(--md-motion-duration-short4) var(--md-motion-easing-standard), transform var(--md-motion-duration-short3) var(--md-motion-easing-standard);position:relative;overflow:hidden}.page-btn:before,.btn:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-motion-duration-short4) var(--md-motion-easing-standard);background:currentColor;position:absolute;inset:0}.page-btn:hover:before,.btn:hover:before{opacity:.08}.page-btn:focus-visible:before,.btn:focus-visible:before,.page-btn:active:before,.btn:active:before{opacity:.12}.page-btn:active,.btn:active{transform:scale(.97)}.page-btn:focus-visible,.btn:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.page-btn .ripple,.btn .ripple{z-index:0;position:absolute}.page-btn:hover{background:var(--md-sys-color-surface-container)}.page-btn.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.page-btn svg{vertical-align:middle;width:16px;height:16px;display:inline-block}.page-btn[aria-label=Cerrar]{transition:background var(--md-motion-duration-short4), color var(--md-motion-duration-short4), border-color var(--md-motion-duration-short4)}.page-btn[aria-label=Cerrar]:active,.page-btn[aria-label=Cerrar].active{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error);border-color:var(--md-sys-color-error)}.controls .page-btn.colored{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:#0000}.controls .page-btn.colored svg{fill:currentColor;width:18px;height:18px}.empty{padding:var(--md-space-8);text-align:center;color:var(--md-sys-color-on-surface-variant)}.spinner-overlay{background:color-mix(in srgb, var(--md-sys-color-surface) 80%, transparent);z-index:var(--z-loading);visibility:hidden;opacity:0;transition:opacity var(--md-motion-duration-medium1) var(--md-motion-easing-standard);will-change:transform;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner-overlay.visible{visibility:visible;opacity:1}.spinner-img{width:64px;height:64px;animation:1s linear infinite md-spin;display:block}.brand-icon{object-fit:contain;border-radius:var(--md-sys-shape-corner-extra-small);width:auto;max-width:140px;height:20px;margin-left:var(--md-space-1);vertical-align:middle;display:inline-block}.brand-icon--subbrand{object-fit:contain;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);width:20px;max-width:20px;height:20px}.catalog-subbrand{align-items:center;gap:var(--md-space-1);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);display:flex}.catalog-subbrand .brand-icon--subbrand{width:16px;max-width:16px;height:16px}.article-view .brand-icon{border-radius:var(--md-sys-shape-corner-small);max-width:320px;height:96px}.article-view .brand-icon--subbrand{width:48px;max-width:48px;height:48px}@media (width<=700px){.brand-icon{max-width:120px;height:18px;margin-left:4px}.article-view .brand-icon{max-width:200px;height:60px}.article-view .brand-icon--subbrand{width:40px;max-width:40px;height:40px}}.brand-name{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-left:1px}button.view{display:none!important}.button-anim{position:relative;overflow:hidden}.button-anim .ripple{opacity:.24;pointer-events:none;animation:md-ripple .54s var(--md-motion-easing-standard-decel);background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}.button-press{transition:transform .1s;transform:scale(.98)}.button-anim{transition:transform var(--md-motion-duration-short3) var(--md-motion-easing-standard), box-shadow var(--md-motion-duration-short4) var(--md-motion-easing-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.button-anim:active,.button-press{transform:scale(.98)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.input-error{border-color:var(--md-sys-color-error)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--md-sys-color-error) 12%, transparent)!important}.input-error:focus{outline:none;box-shadow:0 0 0 6px color-mix(in srgb, var(--md-sys-color-error) 16%, transparent)!important}#recetaItemsList.input-error{border:1px dashed var(--md-sys-color-error);padding:var(--md-space-2);border-radius:var(--md-sys-shape-corner-small)}.receta-validation-list{color:var(--md-sys-color-error);margin:var(--md-space-1) 0 0;font-size:var(--md-sys-typescale-body-medium-size);line-height:1.4}.receta-validation-list li{margin-bottom:4px}.animate-error{animation:.64s cubic-bezier(.36,.07,.19,.97) md-shake}.msg-icon{vertical-align:middle;width:18px;height:18px;margin-right:var(--md-space-2);display:inline-block}.msg-icon svg{width:100%;height:100%;display:block}.refresh-icon{font-size:var(--md-sys-typescale-body-medium-size);vertical-align:middle;color:var(--md-sys-color-primary);display:inline-block}.refresh-icon svg{width:18px;height:18px;display:inline-block}.refresh-icon.spin{transform-origin:50%;animation:1s linear infinite md-spin}.refresh-icon.success{color:var(--md-sys-color-success)}#mainContent{position:relative}.catalog-footer{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-lowest);padding:var(--md-space-1) var(--md-space-2);border-radius:var(--md-sys-shape-corner-small);box-shadow:var(--md-sys-elevation-1);margin-top:var(--md-space-2);display:block;position:static}#simpleListView table{font-size:var(--md-sys-typescale-body-small-size)}#simpleListView thead th,#simpleListView tbody td{padding:var(--md-space-1) var(--md-space-2);font-size:var(--md-sys-typescale-body-small-size)}#simpleListView tbody td{vertical-align:middle;line-height:1.3}#simpleListView td .brand-icon{width:auto;height:18px;max-height:18px}#simpleListView td input[type=number]{font-size:var(--md-sys-typescale-body-small-size);width:72px;padding:4px}#simpleListView td input.simple-units-input{text-align:center;border-radius:var(--md-sys-shape-corner-extra-small);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);width:52px;color:var(--md-sys-color-on-surface);font-weight:600;font-size:var(--md-sys-typescale-body-small-size);transition:border-color var(--md-motion-duration-short4), box-shadow var(--md-motion-duration-short4);vertical-align:middle;padding:3px 4px}#simpleListView td input.simple-units-input.has-units{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent)}.sl-qty-btn{border-radius:var(--md-sys-shape-corner-extra-small);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);width:24px;height:24px;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);vertical-align:middle;transition:background var(--md-motion-duration-short4);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.sl-qty-btn:hover{background:var(--md-sys-color-surface-container-high)}.sl-qty-btn:active{background:var(--md-sys-color-surface-container-highest)}@media (width<=700px){#simpleListView table{font-size:.78rem}#simpleListView td input[type=number]{width:64px}}#simpleListView.compact-sm table{font-size:.78rem}#simpleListView.compact-sm thead th,#simpleListView.compact-sm tbody td{padding:4px 5px;font-size:.78rem}#simpleListView.compact-sm td .brand-icon{height:15px;max-height:15px}#simpleListView.compact-sm td input[type=number]{width:48px;font-size:.78rem}#simpleListView.compact-sm td input.simple-units-input{width:44px;padding:2px 3px;font-size:.78rem}#simpleListView.compact-sm .sl-qty-btn{width:20px;height:20px}#simpleListView.compact-xs table{font-size:.7rem}#simpleListView.compact-xs thead th,#simpleListView.compact-xs tbody td{padding:3px 4px;font-size:.7rem}#simpleListView.compact-xs td .brand-icon{height:13px;max-height:13px}#simpleListView.compact-xs td input[type=number]{width:40px;font-size:.7rem}#simpleListView.compact-xs td input.simple-units-input{width:36px;padding:1px 2px;font-size:.7rem}#simpleListView.compact-xs .sl-qty-btn{width:18px;height:18px;font-size:.7rem}@media (width<=700px){.card{align-items:flex-start;gap:var(--md-space-3);flex-direction:row;overflow:visible}.thumb{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-small);flex:0 0 40%;width:40%;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:var(--md-space-2);gap:var(--md-space-2);flex-direction:column;display:flex}.card .badge{top:var(--md-space-2);left:var(--md-space-2);z-index:40;position:absolute}.thumb .add-overlay{right:var(--md-space-1);top:var(--md-space-1);z-index:45}.card .badge.unavailable,.card .badge.coming{padding:3px 6px;font-size:.7rem}.thumb .add-overlay{width:30px;height:30px;top:6px;right:6px}.thumb .add-overlay svg{width:14px;height:14px}.thumb .add-overlay.has-qty{width:32px;height:32px;font-size:.85rem}.thumb .detail-fab{width:30px;height:30px;display:flex;bottom:6px;right:6px}.thumb .detail-fab svg{width:14px;height:14px}.card-body .view{display:none!important}}@media (width<=600px){header{align-items:flex-start;gap:var(--md-space-1);flex-direction:column}}@media (width<=900px){.thumb{aspect-ratio:1}}@keyframes md-spin{to{transform:rotate(360deg)}}@keyframes md-ripple{to{opacity:0;transform:scale(4)}}@keyframes md-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes md-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes btn-ripple{to{opacity:0;transform:scale(4)}}@keyframes ingeng-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}