*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}img{max-width:100%;display:block}button{font-family:inherit}[x-cloak]{display:none!important}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:#111827;background-color:#fafafa;line-height:1.5}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;color:#111827;margin:0 0 16px}small,.texto-secundario{color:#6b7280}.layout-app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}@media(max-width:768px){.layout-app{grid-template-columns:1fr}}.contenido{padding:24px}@media(max-width:768px){.contenido{padding:16px}}.header-app{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;font-weight:600}@media(max-width:768px){.header-app{padding:8px 16px;flex-wrap:wrap;gap:8px}}.sidebar{background:#fff;color:#111827;border-right:1px solid #e5e7eb;padding:24px 16px}.sidebar .sidebar__marca{font-weight:700;font-size:17px;letter-spacing:-.01em;color:#111827}.sidebar a{color:#6b7280;font-weight:500;text-decoration:none;display:block;padding:8px;border-radius:8px}.sidebar a:hover{background:#f3f4f6;color:#111827}.sidebar a.activo{background:#f3f4f6;color:#111827;font-weight:600}.sidebar .sidebar__grupo-titulo{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:#111827;font:inherit;font-weight:600;text-align:left;cursor:pointer;padding:8px;border-radius:8px}.sidebar .sidebar__grupo-titulo:hover{background:#f3f4f6}.sidebar .sidebar__grupo-flecha{display:inline-block;transition:transform .15s ease;font-size:.75em}.sidebar .sidebar__grupo-flecha--abierta{transform:rotate(90deg)}.sidebar .sidebar__grupo-items{padding-left:8px}@media(max-width:768px){.sidebar{padding:8px}.sidebar .sidebar__marca{margin-bottom:8px}.sidebar nav{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.sidebar nav a{white-space:nowrap}}.boton{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;background:#111827;color:#fff}.boton:hover{background:#1f2937}.boton:disabled{background:#6b7280;cursor:not-allowed}.boton-secundario{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;background:#fff;color:#111827;border-color:#e5e7eb}.boton-secundario:hover{background:#f3f4f6}.boton-peligro{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;background:#dc2626;color:#fff}.boton-peligro:hover{background:#b91c1c}.tabla-datos{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #1018270f,0 8px 24px #1018270a;width:100%;border-collapse:collapse;overflow:hidden}.tabla-datos th,.tabla-datos td{text-align:left;padding:8px 16px;border-bottom:1px solid #e5e7eb}.tabla-datos th{background:#f3f4f6;color:#6b7280;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.03em}@media(max-width:768px){.tabla-datos{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-datos thead,.tabla-datos tbody,.tabla-datos tr{display:table;width:100%;table-layout:auto}}.modal-fondo{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.modal-fondo{padding:16px}}.modal-caja{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #1018270f,0 8px 24px #1018270a;background:#fff;padding:24px;max-width:480px;width:100%}@media(max-width:768px){.modal-caja{padding:16px;max-height:90vh;overflow-y:auto}}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-exito{background:#2e7d321f;color:#16a34a}.badge-error{background:#c628281f;color:#dc2626}.badge-advertencia{background:#ed6c021f;color:#d97706}.badge-neutro{background:#fafafa;color:#6b7280}.form-grupo{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-etiqueta{font-size:13px;font-weight:600;color:#6b7280}.form-control{padding:8px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#111827}.form-control:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.form-error{color:#dc2626;font-size:12px}.form-check{display:flex;align-items:center;gap:4px;font-size:14px}.form-acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.pos-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"comprador producto" "carrito carrito" "pago pago";gap:32px}@media(max-width:768px){.pos-grid{grid-template-columns:1fr;grid-template-areas:"comprador" "producto" "carrito" "pago";gap:24px}}.pos-panel-comprador,.pos-panel-producto,.pos-panel-pago,.pos-panel-carrito{min-width:0}.pos-panel-comprador{grid-area:comprador}.pos-panel-producto{grid-area:producto}.pos-panel-carrito{grid-area:carrito}.pos-panel-pago{grid-area:pago}.pos-modo-comprador label:not(:first-child){margin-left:16px}.pos-resultados{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #1018270f,0 8px 24px #1018270a;max-height:260px;overflow-y:auto;list-style:none;padding:0;margin:0 0 16px}.pos-resultado-item{padding:8px;cursor:pointer;border-bottom:1px solid #e5e7eb}.pos-resultado-item:hover{background:#fafafa}.pos-resultado-item:last-child{border-bottom:none}.pos-carrito{display:flex;flex-direction:column;gap:8px}.pos-descuento{display:flex;gap:16px;flex-wrap:wrap}.pos-fila-pago{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.oculto{display:none!important}.solo-lectura{pointer-events:none;opacity:.6}.texto-derecha{text-align:right}.texto-centro{text-align:center}