:root{--fondo:#fbf9f5;--superficie:#fff;--texto:#1f1814;--suave:#6e655f;--linea:#e8e1d7;--primario:#3b2211;--primario-hover:#543118;--primario-t:#fff;--dorado:#c59b27;--dorado-suave:#fdf8eb;--ok:#1e7039;--ok-fondo:#eef8f2;--alerta:#b45309;--alerta-fondo:#fffbeb;--peligro:#b91c1c;--peligro-fondo:#fef2f2;--sombra-sm:0 1px 3px #2516050f, 0 1px 2px #2516050a;--sombra-md:0 4px 6px -1px #25160514, 0 2px 4px -2px #2516050d;--sombra-lg:0 10px 15px -3px #2516051a, 0 4px 6px -4px #2516050d;--radio-sm:8px;--radio-md:12px;--radio-lg:16px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:var(--primario);text-decoration:none}.contenedor{max-width:1280px;padding:12px 12px calc(76px + var(--safe-bottom));margin:0 auto}@media (min-width:768px){.contenedor{padding:18px 20px calc(76px + var(--safe-bottom))}}@media (min-width:860px){.contenedor{padding:18px 24px 40px}}.barra{color:#fff;z-index:100;background:#23150d;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000040}@media (min-width:768px){.barra{justify-content:flex-start;gap:16px;padding:10px 20px}}.barra .marca-wrapper{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.barra .marca-logo-img{object-fit:contain;max-width:140px;height:36px;display:block}@media (max-width:500px){.barra .marca-logo-img{max-width:100px;height:30px}}.barra .marca{color:#f7ede2;letter-spacing:-.5px;font-size:18px;font-weight:800}@media (min-width:500px){.barra .marca{font-size:20px}}.barra .marca-badge{background:var(--dorado);color:#23150d;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.barra-desktop-only{display:none}@media (min-width:860px){.barra-desktop-only{align-items:center;gap:6px;display:flex}}.barra a.nav-link{color:#e5dacd;border-radius:var(--radio-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.barra a.nav-link:hover{color:#fff;background:#ffffff1a}.barra .quien{color:#e0d5c8;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.usuario-nombre{display:none}@media (min-width:500px){.usuario-nombre{display:inline}}.badge-rol{white-space:nowrap;background:#ffffff1f;border-radius:20px;padding:3px 7px;font-size:11px;font-weight:600}.mobile-bottom-nav{padding:6px 4px calc(6px + var(--safe-bottom));z-index:99;background:#23150d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0003}@media (min-width:860px){.mobile-bottom-nav{display:none}}.mobile-nav-item{color:#cbbba9;text-align:center;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:4px 6px;font-size:11px;font-weight:600;display:flex}.mobile-nav-item:active,.mobile-nav-item:hover{color:#ffd875}h1{color:var(--primario);letter-spacing:-.4px;margin:10px 0 8px;font-size:20px;font-weight:800;line-height:1.2}@media (min-width:500px){h1{font-size:22px}}@media (min-width:768px){h1{margin:16px 0 14px;font-size:26px}}h2{color:#332319;margin:14px 0 10px;font-size:17px;font-weight:700}@media (min-width:768px){h2{font-size:18px}}h3{margin:12px 0 8px;font-size:15px;font-weight:700}@media (min-width:768px){h3{font-size:16px}}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-md);box-shadow:var(--sombra-sm);margin-bottom:12px;padding:12px}@media (min-width:500px){.tarjeta{margin-bottom:14px;padding:14px}}@media (min-width:768px){.tarjeta{margin-bottom:16px;padding:18px}}.tarjeta-destacada{border-left:4px solid var(--dorado)}.fila{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (min-width:768px){.fila{gap:10px}}.grid{gap:10px;display:grid}@media (min-width:768px){.grid{gap:12px}}.acciones-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:599px){.acciones-header{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.acciones-header::-webkit-scrollbar{display:none}.acciones-header>*{flex-shrink:0}}.form-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:500px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.form-grid-btn{align-items:flex-end;display:flex}button,.btn{border-radius:var(--radio-sm);color:var(--texto);cursor:pointer;min-height:48px;box-shadow:var(--sombra-sm);-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1px solid #d5cbc0;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}button:hover,.btn:hover{background:#f7f4ef;border-color:#b8aba0}button:active,.btn:active{transform:scale(.98)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primario{background:var(--primario);color:var(--primario-t);border-color:var(--primario)}.btn-primario:hover{background:var(--primario-hover);border-color:var(--primario-hover);color:#fff}.btn-dorado{background:var(--dorado);color:#23150d;border-color:#b08a1e;font-weight:700}.btn-dorado:hover{background:#d4a933}.btn-ok{background:var(--ok);color:#fff;border-color:var(--ok)}.btn-peligro{background:var(--peligro);color:#fff;border-color:var(--peligro)}.btn-fantasma{box-shadow:none;background:0 0;border-color:#0000}.btn-chico{border-radius:6px;min-height:40px;padding:6px 10px;font-size:13px}@media (max-width:499px){.btn-chico{min-height:38px;padding:6px 8px;font-size:12px}}.btn-grande{border-radius:var(--radio-md);min-height:52px;padding:14px 20px;font-size:17px}.mesa-card{text-align:center;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:100px;padding:10px 8px;font-weight:700;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a}@media (min-width:500px){.mesa-card{min-height:105px;padding:12px 10px}}@media (min-width:768px){.mesa-card{min-height:115px;padding:14px 10px}}.mesa-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.mesa-card:active{transform:scale(.97)}.mesa-card .num-mesa{letter-spacing:-.2px;font-size:15px;font-weight:800;line-height:1.1}@media (min-width:500px){.mesa-card .num-mesa{font-size:17px}}.mesa-plano-item{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:14px;transition:box-shadow .18s,transform .18s,border-color .15s;position:absolute;box-shadow:0 6px 16px #00000014,0 2px 5px #0000000a}.mesa-plano-item:hover{box-shadow:0 10px 24px #00000024;z-index:12!important}.mesa-card.libre{color:#15803d;background:#f0fdf4;border-color:#86efac}.mesa-card.ocupada{color:#854d0e;background:#fefce8;border-color:#fde047}.mesa-card.cuenta{color:#b91c1c;background:#fef2f2;border-color:#fca5a5;animation:1.8s ease-in-out infinite pulsoCuenta}.mesa-card.reservada{color:#0369a1;background:#f0f9ff;border-color:#7dd3fc}.plano-canvas-container{background-color:#f7f4ed;background-image:radial-gradient(circle,#cfc5b4 1.2px,#0000 1.2px),linear-gradient(90deg,#00000004 1px,#0000 1px),linear-gradient(#00000004 1px,#0000 1px);background-size:24px 24px,120px 120px,120px 120px;border:1px solid #dfd8cb;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #3c28140d,0 4px 18px #0000000a}@keyframes pulsoCuenta{0%,to{border-color:#fca5a5;box-shadow:0 0 #ef444466}50%{border-color:#ef4444;box-shadow:0 0 0 6px #ef444400}}.grid-mesas{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}@media (min-width:500px){.grid-mesas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.grid-mesas button.mesa{border-radius:var(--radio-md);text-align:center;flex-direction:column;align-items:center;gap:4px;min-height:80px;padding:12px 8px;font-size:15px;font-weight:700;display:flex}.grid-mesas button.mesa small{font-size:12px;font-weight:500}input,select,textarea{border-radius:var(--radio-sm);min-height:48px;color:var(--texto);background:#fff;border:1px solid #d5cbc0;width:100%;padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--dorado);outline:none;box-shadow:0 0 0 3px #c59b2733}label{color:#4b3d33;margin:8px 0 4px;font-size:13px;font-weight:600;display:block}.tabla-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radio-sm);width:100%;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--linea);text-align:left;padding:10px 8px;font-size:14px}@media (max-width:599px){th,td{padding:8px 6px;font-size:13px}}th{color:#433328;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f4eee5;font-size:12px;font-weight:700}.derecha{text-align:right}.centro{text-align:center}.mut{color:var(--suave)}.tabla-cards{display:none}@media (max-width:767px){.tabla-desktop{display:none}.tabla-cards{flex-direction:column;gap:8px;display:flex}.tabla-card-item{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-sm);box-shadow:var(--sombra-sm);padding:12px}.tabla-card-item .card-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;display:flex}.tabla-card-item .card-row .card-label{color:var(--suave);font-size:12px;font-weight:600}.tabla-card-item .card-actions{border-top:1px solid var(--linea);flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}}@media (min-width:768px){.tabla-desktop{display:block}}.error{background:var(--peligro-fondo);color:#991b1b;border-radius:var(--radio-sm);border:1px solid #f87171;margin:8px 0;padding:10px 12px;font-size:14px}.aviso{background:var(--alerta-fondo);color:#92400e;border-radius:var(--radio-sm);border:1px solid #fcd34d;margin:8px 0;padding:10px 12px;font-size:14px}.exito{background:var(--ok-fondo);color:#065f46;border-radius:var(--radio-sm);border:1px solid #6ee7b7;margin:8px 0;padding:10px 12px;font-size:14px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin:8px 0;padding-bottom:6px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;border-radius:20px;flex-shrink:0;min-height:38px;padding:6px 12px;font-size:13px}@media (min-width:500px){.tabs button{min-height:40px;padding:8px 14px;font-size:14px}}.tabs button.activa{background:var(--primario);color:#fff;border-color:var(--primario)}.prod-card{border:1px solid var(--linea);border-radius:var(--radio-md);box-shadow:var(--sombra-sm);-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;justify-content:space-between;min-height:80px;padding:10px 8px;display:flex}@media (min-width:500px){.prod-card{min-height:85px;padding:12px 10px}}.prod-card:active:not(:disabled){transform:scale(.98)}.prod-card .prod-nombre{color:var(--primario);font-size:14px;font-weight:700;line-height:1.2}@media (min-width:500px){.prod-card .prod-nombre{font-size:15px}}.prod-card .prod-precio{color:#2b1c11;margin-top:4px;font-size:15px;font-weight:800}@media (min-width:500px){.prod-card .prod-precio{font-size:16px}}.sinstock{opacity:.55;background:#fbf9f6}.split-view{flex-direction:column;gap:16px;width:100%;display:flex}@media (min-width:860px){.split-view{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:20px;display:grid}.split-sticky{scrollbar-width:thin;max-height:calc(100vh - 90px);position:sticky;top:75px;overflow-y:auto}}.kpi{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}@media (min-width:500px){.kpi{grid-template-columns:repeat(3,1fr);gap:10px}}@media (min-width:768px){.kpi{grid-template-columns:repeat(6,1fr);gap:12px}}.kpi .tarjeta{text-align:center;padding:10px 8px}.kpi .num{color:var(--primario);margin-top:4px;font-size:20px;font-weight:800}@media (min-width:768px){.kpi .num{font-size:22px}}.estado-bar{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:500px){.estado-bar{flex-wrap:wrap;gap:16px;display:flex}}.estado-item{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}@media (min-width:500px){.estado-item{font-size:14px}}.estado-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:500px){.modal-overlay{align-items:center;padding:16px}}.modal-content{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-lg) var(--radio-lg) 0 0;width:100%;max-height:92vh;box-shadow:var(--sombra-lg);padding:16px;animation:.2s ease-out modalSlideUp;overflow-y:auto}@media (min-width:500px){.modal-content{border-radius:var(--radio-lg);max-width:460px;max-height:85vh;animation:.2s ease-out modalFadeIn}}@keyframes modalSlideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ticket{max-width:380px;box-shadow:var(--sombra-md);background:#fff;border:1px dashed #d5cbc0;border-radius:4px;margin:12px auto;padding:20px 16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.35}.ticket .logo-container{text-align:center;margin-bottom:10px}.ticket h3{text-align:center;margin:4px 0;font-size:17px;font-weight:800}.ticket .c{text-align:center}.ticket hr.linea-ticket{border:none;border-top:1px dashed #555;margin:10px 0}.toast-container{bottom:calc(70px + var(--safe-bottom));z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:12px;right:12px}@media (min-width:860px){.toast-container{width:380px;inset:70px 20px auto auto}}.toast-item{border-radius:var(--radio-sm);box-shadow:var(--sombra-lg);cursor:pointer;pointer-events:auto;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.toast-msg{word-break:break-word;flex:1;min-width:0}.toast-in{animation:.3s ease-out toastSlideIn}.toast-out{animation:.3s ease-in forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (min-width:860px){@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}}.filtros-row{grid-template-columns:1fr;gap:8px;margin:10px 0;display:grid}@media (min-width:500px){.filtros-row{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.filtros-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.page-header{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}@media (min-width:768px){.page-header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}}@media print{.barra,.noprint,.mobile-bottom-nav,.toast-container{display:none!important}body{background:#fff}.contenedor{max-width:none;padding:0}.ticket{box-shadow:none;border:none;max-width:100%;margin:0;padding:0}}.caja-banner{color:#fff;background:linear-gradient(135deg,#2d1810 0%,#442416 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex;box-shadow:0 4px 12px #0000001a}.caja-banner-metricas{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.caja-banner-pill{background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.caja-banner-pill b{color:#ffd875}.quickpay-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f080499;justify-content:flex-end;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.quickpay-drawer{background:#fff;flex-direction:column;width:100%;max-width:520px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideDrawer;display:flex;overflow:hidden;box-shadow:-6px 0 30px #00000040}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:600px){.quickpay-drawer{max-width:100%}}.quickpay-header{color:#fff;background:#2d1810;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.quickpay-body{flex-direction:column;flex:1;gap:14px;padding:14px 18px;display:flex;overflow-y:auto}.quickpay-footer{border-top:1px solid var(--linea);background:#faf8f5;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.billetes-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;display:grid}.btn-billete{color:var(--primario);cursor:pointer;text-align:center;background:#fdfaf6;border:1px solid #d9cbbe;border-radius:8px;padding:8px 4px;font-size:13px;font-weight:800;transition:all .15s}.btn-billete:hover{border-color:var(--dorado);background:#f5ebe0;transform:translateY(-1px)}.btn-billete:active{background:#eadecd;transform:translateY(0)}.metodo-selector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metodo-btn{border:1px solid var(--linea);cursor:pointer;color:#555;background:#fdfdfd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.metodo-btn.activo{background:var(--primario);color:#fff;border-color:var(--primario);box-shadow:0 3px 8px #44241640}.quickpay-totales-card{background:#fcfbf9;border:1px solid #e8dfd5;border-radius:10px;padding:10px 14px}.mesa-cobro-btn{background:var(--primario);color:#ffd875;letter-spacing:.5px;text-transform:uppercase;border:1px solid #63361e;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:6px;padding:5px 8px;font-size:11px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 2px 6px #2d181033}.mesa-card:hover .mesa-cobro-btn{background:#381a0e;transform:translateY(-1px)}.mesa-cobrando-pulse{border:2px solid var(--dorado)!important;box-shadow:0 0 12px #d4af3766!important}.vr-overlay{z-index:99999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vr-modal{box-shadow:none;background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}@media (min-width:1200px){.vr-modal{border-radius:14px!important;width:96vw!important;max-width:1240px!important;height:94vh!important;max-height:880px!important;box-shadow:0 16px 48px #0009!important}}.vr-topbar{color:#fff;background:#2b180d;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:15px;font-weight:900;display:flex}.vr-x{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.vr-mobile-tabs{border-bottom:1px solid #e0d5c8;flex-shrink:0;display:flex}.vr-mobile-tabs button{cursor:pointer;color:var(--primario);background:#f5f0ea;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 8px;font-size:13px;font-weight:700}.vr-mobile-tabs button.active{border-bottom-color:var(--dorado);color:var(--dorado-oscuro);background:#fff}@media (min-width:800px){.vr-mobile-tabs{display:none}}.vr-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (min-width:800px){.vr-body{flex-direction:row}}.vr-mobile-hide{display:none!important}.vr-mobile-show{display:flex!important}@media (min-width:800px){.vr-mobile-hide,.vr-mobile-show{display:flex!important}}.vr-col-prods{background:#faf7f2;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (min-width:800px){.vr-col-prods{border-right:1px solid #e0d5c8;max-width:calc(100% - 320px)}}.vr-filters{background:#fff;border-bottom:1px solid #e2d7cb;flex-shrink:0;padding:10px 12px}.vr-search-box{background:#fff;border:1.5px solid #d5c8be;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 10px;display:flex}.vr-search-box:focus-within{border-color:var(--dorado)}.vr-search-box input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.vr-cats-wrapper{align-items:center;gap:4px;width:100%;display:flex;position:relative}.vr-cat-nav-btn{color:#4a2b16;cursor:pointer;background:#fdfaf4;border:1px solid #d5c8be;border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:800;line-height:1;transition:all .15s;display:flex}.vr-cat-nav-btn:hover{background:var(--primario);color:#fff;border-color:var(--primario)}.vr-cats{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.vr-cats::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.vr-cats button{white-space:nowrap;color:var(--primario);cursor:pointer;background:#fff;border:1px solid #d5c8be;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.vr-cats button.active{background:var(--primario);color:#fff;border-color:var(--primario)}.vr-prods-scroll{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.vr-no-results{text-align:center;color:var(--mut);padding:30px 10px;font-size:13px}.vr-prods-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:8px;display:grid}@media (min-width:500px){.vr-prods-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}}.vr-pcard{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5ded5;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:72px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.vr-pcard:hover{border-color:var(--dorado)}.vr-pcard.sel{border:2px solid var(--dorado);background:#fdfaf4}.vr-pcard.out{opacity:.4;cursor:not-allowed}.vr-pcard-badge{background:var(--dorado);color:#24140d;border:1.5px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #0003}.vr-pcard-name{color:#2b180d;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;margin-bottom:6px;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.vr-pcard-price{color:#3b2211;white-space:nowrap;margin-top:auto;font-size:13px;font-weight:800}.vr-col-cart{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex}@media (min-width:800px){.vr-col-cart{flex:none;width:320px;min-width:320px;max-width:320px}}.vr-cart-head{color:var(--primario);background:#fcfaf7;border-bottom:1px solid #e7dfd5;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.vr-cart-head span{align-items:center;gap:6px;display:flex}.vr-cart-head button{color:var(--peligro);border:1px solid var(--peligro);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.vr-cart-head button:hover{background:var(--peligro);color:#fff}.vr-cart-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 10px;display:flex;overflow-y:auto}.vr-cart-empty{text-align:center;color:var(--mut);margin:auto;padding:20px 8px;font-size:13px;line-height:1.6}.vr-cart-empty small{font-size:11px}.vr-citem{background:#fcfbf9;border:1px solid #ede4db;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.vr-citem-left{flex:1;min-width:0}.vr-citem-name{color:var(--primario);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.vr-citem-unit{color:var(--mut);font-size:10px}.vr-citem-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.vr-qbtn{color:#3b2211;cursor:pointer;background:#fff;border:1.5px solid #d5c8be;aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex:0 0 24px!important;justify-content:center!important;align-items:center!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;line-height:1!important;display:inline-flex!important}.vr-qbtn:hover{background:#f2ebe4;border-color:#3b2211}.vr-qnum{text-align:center;min-width:18px;font-size:13px;font-weight:900}.vr-citem-sub{text-align:right;min-width:50px;color:var(--primario);font-size:12px;font-weight:800}.vr-qdel{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex:0 0 24px!important;justify-content:center!important;align-items:center!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;display:inline-flex!important}.vr-qdel:hover{background:#fee2e2}.vr-checkout{background:#fcfbf9;border-top:2px solid #e0d5c8;flex-shrink:0;padding:10px 12px}.vr-total-row{color:var(--mut);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.vr-total-num{color:var(--primario);font-size:22px;font-weight:900}.vr-pay-row{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.vr-pay-row button{text-align:center;cursor:pointer;color:var(--primario);background:#fff;border:1px solid #d5c8be;border-radius:6px;padding:7px 2px;font-size:11px;font-weight:800}.vr-pay-row button.active{background:var(--primario);color:#fff;border-color:var(--primario)}.vr-cash{background:#f7f1e6;border:1px solid #e2d5c4;border-radius:6px;margin-bottom:8px;padding:8px}.vr-cash-top{color:var(--primario);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.vr-cash-top input{text-align:right;border:1.5px solid #c9b7a7;border-radius:6px;width:100px;padding:4px 6px;font-size:14px;font-weight:900}.vr-bills{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.vr-bills button{color:#4a2b16;cursor:pointer;background:#fff;border:1px solid #dfd3c5;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800}.vr-bills button:hover{color:#fff;background:#3b2211}.vr-change{color:#166534;border-top:1px dashed #d5c8be;justify-content:space-between;padding-top:4px;font-size:12px;font-weight:900;display:flex}.vr-caja-cerrada-alerta{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.35;display:flex}.vr-caja-cerrada-alerta svg{color:#dc2626;flex-shrink:0}.vr-cobrar{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:15px;font-weight:900;transition:opacity .15s,background .15s;display:flex;box-shadow:0 4px 12px #b4530959;color:#fff!important;background:#b45309!important}.vr-cobrar:hover:not(:disabled){background:#92400e!important}.vr-cobrar:disabled{cursor:not-allowed;box-shadow:none;opacity:.85;color:#9ca3af!important;background:#e5e7eb!important}.vr-fab{color:#fff;cursor:pointer;text-align:center;z-index:10;background:#b45309;border:none;border-radius:12px;padding:14px;font-size:14px;font-weight:900;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 4px 16px #0000004d}@media (min-width:800px){.vr-fab{display:none}}.vr-success{text-align:center;background:#faf7f2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex;overflow-y:auto}.vr-ok-icon{color:#166534;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;display:flex}.vr-success h2{color:var(--primario);margin:0 0 4px;font-size:20px}.vr-success p{color:var(--mut);margin:0 0 16px;font-size:13px}.vr-success p b{color:var(--primario);font-size:16px}.vr-vuelto-box{text-align:center;background:#fef3c7;border:2px dashed #f59e0b;border-radius:10px;margin-bottom:16px;padding:10px 24px}.vr-vuelto-box small{color:#92400e;text-transform:uppercase;font-size:11px;font-weight:800}.vr-vuelto-box strong{color:#b45309;font-size:26px;display:block}.vr-ticket{text-align:left;background:#fff;border:1px solid #e0d5c8;border-radius:8px;width:100%;max-width:320px;margin-bottom:16px;padding:12px}.vr-ticket-row{justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.vr-ticket-total{border-top:1px dashed #ccc;margin-top:4px;padding-top:4px;font-size:13px;font-weight:900}.vr-success-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.vr-success-btns button{border-radius:8px;padding:10px 20px;font-size:13px;font-weight:800}