*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--negro: #1a1a1a;--gris: #2e2e2e;--gris-med: #444;--gris-cla: #888;--borde: #333;--naranja: #e8601c;--naranja-d: #c44d10;--blanco: #f5f5f5;--rojo: #c0392b;--fondo: #111;--rojo-smash:#c01b0d}@font-face{font-family:Poppins;src:url(/fonts/poppins.regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Poppins;src:url(/fonts/poppins.medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Poppins;src:url(/fonts/poppins.bold.ttf) format("truetype");font-weight:700}body{font-family:Poppins,regular;background:var(--fondo);color:var(--blanco);height:100vh;overflow:hidden}html{font-family:Poppins,sans-serif}button,input,textarea,select{font:inherit}.pos{display:flex;flex-direction:column;height:100vh}.pos-cargando{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--gris-cla)}.pos-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;background:var(--negro);border-bottom:2px solid var(--rojo-smash)}.pos-header-logo{display:flex;align-items:center;gap:.75rem}.pos-logo{height:40px;width:auto;object-fit:contain}.pos-header h1{font-size:1.25rem;font-weight:700}.pos-header-acciones{display:flex;align-items:center;gap:.75rem}.nuevo-producto-main{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 3rem;max-width:900px;margin:0 auto;width:100%;overflow-y:auto}.categorias-tabs{display:flex;gap:.5rem}.categoria-tab{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--borde);background:transparent;color:var(--gris-cla);font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.categoria-tab:hover{border-color:var(--rojo-smash);color:var(--blanco)}.categoria-tab.activa{border-color:var(--rojo-smash);background:#e8601c26;color:var(--rojo-smash)}.pos-main{display:grid;grid-template-columns:1fr 360px;flex:1;overflow:hidden}.productos-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:1.25rem;padding:1.5rem;overflow-y:auto;align-content:start}.producto-card{position:relative;background:var(--gris);border:1px solid var(--borde);border-radius:12px;color:var(--blanco);transition:border-color .15s,transform .1s;overflow:hidden;opacity:.6}.producto-card:hover{border-color:var(--rojo-smash);transform:translateY(-3px);opacity:1}.producto-card:active{transform:translateY(0)}.producto-card.arrastrando{opacity:.3}.producto-drag-handle{position:absolute;top:.5rem;left:.5rem;z-index:1;background:#0000008c;border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;cursor:grab}.producto-card-boton{all:unset;display:flex;flex-direction:column;gap:.4rem;width:100%;cursor:pointer;text-align:left;color:inherit;box-sizing:border-box}.btn-editar-producto{position:absolute;top:.5rem;right:.5rem;z-index:1;width:1.6rem;height:1.6rem;border-radius:50%;border:none;background:#0000008c;color:var(--blanco);font-size:.85rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.btn-editar-producto:hover{background:var(--rojo-smash)}.producto-img{width:100%;height:150px;object-fit:cover;display:block}.producto-img-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--gris-med)}.producto-card .producto-nombre,.producto-card .producto-desc,.producto-card .producto-precio{padding:0 1rem}.producto-nombre{font-size:1.05rem;font-weight:700;padding-top:.75rem}.producto-desc{font-size:.78rem;color:var(--gris-cla);line-height:1.3}.producto-precio{font-size:1rem;color:var(--rojo-smash);font-weight:600;padding-bottom:.85rem;margin-top:auto}.resumen{display:flex;flex-direction:column;background:var(--negro);border-left:1px solid var(--borde);padding:1.25rem;overflow-y:auto}.resumen h2{font-size:1rem;font-weight:700;margin-bottom:1rem}.resumen-vacio{color:var(--gris-cla);font-size:.85rem}.resumen-lista{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex:1}.resumen-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:var(--gris);border-radius:8px}.resumen-item-info{display:flex;flex-direction:column;gap:.15rem}.resumen-item-nombre{font-size:.9rem;font-weight:600}.resumen-item-tamano{font-size:.75rem;color:var(--rojo-smash)}.resumen-item-extras{font-size:.72rem;color:var(--gris-cla)}.resumen-ing-agregado{font-weight:700;color:inherit}.resumen-item-subtotal{font-size:.8rem;font-weight:600;color:var(--rojo-smash);margin-top:.15rem}.btn-quitar{background:none;border:none;color:var(--gris-cla);cursor:pointer;font-size:.85rem;padding:.1rem .3rem;border-radius:4px;flex-shrink:0}.btn-quitar:hover{color:var(--rojo);background:#c0392b1a}.resumen-total{padding:1rem 0 .75rem;font-size:1.1rem;border-top:1px solid var(--borde);margin-top:.75rem}.resumen-acciones{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.btn-primario{padding:.75rem 1rem;background:var(--rojo-smash);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primario:hover{background:var(--rojo-smash-d)}.btn-primario:disabled{opacity:.4;cursor:not-allowed}.btn-peligro{padding:.75rem 1rem;background:var(--rojo);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;opacity:.9;transition:opacity .15s}.btn-peligro:hover{opacity:1}.btn-eliminar-producto-form{background:transparent;color:var(--rojo);border:1px solid var(--rojo);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;opacity:.85}.btn-eliminar-producto-form:hover{opacity:1;background:#c0392b1a}.modal-confirm{width:380px}.btn-secundario{display:inline-block;padding:.75rem 1rem;background:transparent;color:var(--blanco);border:1px solid var(--borde);border-radius:8px;font-size:.95rem;cursor:pointer;text-decoration:none}.btn-secundario:hover{border-color:var(--gris-cla)}.btn-secundario.activo{border-color:var(--rojo-smash);background:#e8601c26;color:var(--rojo-smash)}.btn-cancelar{padding:.65rem 1rem;background:transparent;color:var(--rojo);border:1px solid var(--rojo);border-radius:8px;font-size:.875rem;cursor:pointer;opacity:.8}.btn-cancelar:hover{opacity:1}.btn-cancelar:disabled{opacity:.25;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--gris);border:1px solid var(--borde);border-radius:14px;padding:1.75rem;width:420px;max-width:95vw;display:flex;flex-direction:column;gap:1.25rem}.modal h2{font-size:1.2rem;font-weight:700}.modal-desc{font-size:.82rem;color:var(--gris-cla);margin-top:-.75rem}.modal-seccion{display:flex;flex-direction:column;gap:.5rem}.modal-seccion label{font-size:.8rem;color:var(--gris-cla);text-transform:uppercase;letter-spacing:.05em}.tamano-grupo{display:flex;gap:.5rem;align-items:center}.cantidad-valor{min-width:2rem;text-align:center;font-size:1rem;font-weight:700}.cantidad-valor-piso{color:var(--gris-cla)}.tamano-btn-piso,.tamano-btn:disabled{color:var(--gris-med);border-color:var(--gris-med);cursor:not-allowed}.tamano-btn-piso:hover,.tamano-btn:disabled:hover{border-color:var(--gris-med)}.tamano-btn{flex:1;padding:.5rem;background:var(--negro);color:var(--blanco);border:1px solid var(--borde);border-radius:7px;cursor:pointer;font-size:.875rem;transition:border-color .12s}.tamano-btn:hover{border-color:var(--rojo-smash)}.tamano-btn.activo{border-color:var(--rojo-smash);background:#e8601c26;color:var(--rojo-smash);font-weight:600}.ingredientes-lista{display:flex;flex-direction:column;gap:.4rem;max-height:260px;overflow-y:auto}.ingrediente-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.875rem;padding:.3rem 0}.ingrediente-item .tamano-grupo{gap:.35rem}.ingrediente-item .tamano-btn{flex:none;width:1.8rem;padding:.3rem}.extra-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer}.extra-item input{accent-color:var(--rojo-smash);width:1rem;height:1rem;cursor:pointer}.receta-builder{display:flex;gap:1rem;align-items:flex-start}.receta-buscador-col{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:.4rem;position:relative}.receta-seleccionados-col{flex:1.4 1 320px;min-width:0;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.receta-resultados{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--borde);border-radius:8px;padding:.3rem;background:var(--negro)}.receta-resultado-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;background:transparent;border:none;border-radius:6px;color:var(--blanco);font-size:.875rem;cursor:pointer;text-align:left;width:100%}.receta-resultado-item:hover{background:#e8601c26;color:var(--rojo-smash)}.receta-sin-resultados{font-size:.8rem;color:var(--gris-cla);padding:.4rem .2rem}.receta-quitar-btn{margin-left:auto;background:transparent;border:none;color:var(--gris-cla);cursor:pointer;font-size:.95rem;line-height:1;padding:.15rem .3rem}.receta-quitar-btn:hover{color:var(--rojo-smash)}.receta-item{display:flex;flex-direction:column;gap:.35rem;padding:.45rem .5rem;border-radius:6px}.receta-item:nth-child(odd){background:#ffffff08}.ingrediente-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.ingrediente-check input{accent-color:var(--rojo-smash);width:1rem;height:1rem;cursor:pointer;flex:none}.ingrediente-nombre{flex:1}.ingrediente-precio{color:var(--gris-cla);font-size:.75rem}.ingrediente-controles{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-left:1.5rem;opacity:1;transition:opacity .15s}.ingrediente-controles .tamano-grupo{gap:.35rem}.ingrediente-controles .tamano-btn{flex:none;width:1.8rem;padding:.3rem}.receta-item-inactivo .ingrediente-controles{opacity:.35;pointer-events:none}.crear-ingrediente{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;padding-top:.5rem;border-top:1px dashed var(--borde)}.crear-ingrediente .input-texto{flex:1 1 110px;min-width:0}.input-compacto{padding:.4rem .6rem;font-size:.82rem}.ingrediente-gestion-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;font-size:.875rem}.ingrediente-gestion-item:nth-child(odd){background:#ffffff08}.ingrediente-gestion-item .ingrediente-nombre{flex:1 1 auto}.ingrediente-gestion-item .input-texto{flex:1 1 110px;min-width:0}.ingrediente-gestion-item.arrastrando{opacity:.4}.drag-handle{cursor:grab;color:var(--gris-cla);font-size:1rem;flex:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.btn-editar-ingrediente{background:transparent;border:none;color:var(--gris-cla);cursor:pointer;font-size:.9rem;padding:.2rem .4rem}.btn-editar-ingrediente:hover{color:var(--rojo-smash)}.btn-compacto{padding:.4rem .7rem;font-size:.8rem}.imagen-preview{margin-top:.6rem;max-width:100%;max-height:220px;border-radius:8px;border:1px solid var(--borde);object-fit:cover}.modal-precio{font-size:1.3rem;font-weight:700;color:var(--rojo-smash)}.modal-precio-linea{font-size:.85rem;font-weight:500;color:var(--gris-cla)}.descuento-grupo{display:flex;align-items:center;gap:.5rem}.descuento-grupo .tamano-grupo{flex:none}.descuento-grupo .tamano-btn{width:2.8rem;flex:none}.descuento-grupo .input-texto{flex:1;min-width:0}.descuento-error{font-size:.78rem;color:var(--rojo-smash)}.textarea-comentario{resize:vertical;min-height:3rem;font-family:inherit}.modal-acciones{display:flex;gap:.75rem}.modal-acciones .btn-primario{flex:2}.modal-acciones .btn-secundario{flex:1}.input-texto{padding:.65rem .85rem;background:var(--negro);border:1px solid var(--borde);border-radius:8px;color:var(--blanco);font-size:.95rem;outline:none;transition:border-color .15s}.input-texto:focus{border-color:var(--rojo-smash)}.stock-badge{font-size:.85rem;padding:.35rem .75rem;background:var(--gris);border:1px solid var(--borde);border-radius:20px;color:var(--blanco);cursor:pointer;transition:border-color .15s}.stock-badge:hover{border-color:var(--rojo-smash)}.stock-bajo{border-color:var(--rojo);color:var(--rojo)}.error-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--rojo);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;z-index:200}.cocina{display:flex;flex-direction:column;height:100vh;background:var(--fondo);color:var(--blanco)}.cocina-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;background:var(--negro);border-bottom:2px solid var(--rojo-smash)}.cocina-header-logo{display:flex;align-items:center;gap:.75rem}.cocina-logo{height:40px;width:auto;object-fit:contain}.cocina-header h1{font-size:1.25rem;font-weight:700}.cocina-count{font-size:.85rem;color:var(--gris-cla)}.cocina-error{font-size:.85rem;color:var(--rojo)}.cocina-main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;overflow-y:auto;flex:1;align-content:start}.cocina-columna{display:flex;flex-direction:column;gap:1rem}.columna-titulo{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gris-cla);padding-bottom:.5rem;border-bottom:1px solid var(--borde)}.columna-vacia{color:var(--gris-cla);font-size:.85rem}.pedido-card{background:var(--gris);border:1px solid var(--borde);border-top:3px solid;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pedido-card-header{display:flex;justify-content:space-between;align-items:flex-start}.pedido-card-info{display:flex;flex-direction:column;gap:.15rem}.pedido-nombre{font-size:1.05rem;font-weight:700}.pedido-tiempo{font-size:.75rem;color:var(--gris-cla)}.pedido-estado{font-size:.75rem;font-weight:600}.pedido-items{list-style:none;display:flex;flex-direction:column;gap:.5rem}.pedido-item{display:flex;flex-direction:column;gap:.1rem}.pedido-item-nombre{font-size:.95rem;font-weight:600}.pedido-item-tamano{color:var(--gris-cla);font-size:.82rem;font-weight:400}.pedido-item-extras{font-size:.78rem;color:var(--gris-cla);padding-left:.5rem;border-left:2px solid var(--borde)}.pedido-card-acciones{display:flex;gap:.5rem;align-self:flex-end}.btn-avanzar{padding:.65rem 1rem;background:var(--rojo-smash);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-avanzar:hover{background:#a01508}.btn-cancelar-pedido{padding:.65rem 1rem;background:transparent;color:var(--gris-cla);border:1px solid var(--borde);border-radius:8px;font-size:.9rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-cancelar-pedido:hover{border-color:var(--rojo);color:var(--rojo)}