*{box-sizing:border-box}body{color:#36271f;background:#f9f3ea;margin:0;font-family:Arial,sans-serif}.pagina{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.tarjeta{background:#fff;border:1px solid #e8ded1;border-radius:24px;width:100%;max-width:440px;padding:32px 24px;box-shadow:0 16px 48px #36271f12}.emblema{text-align:center;font-size:52px}.etiqueta{text-align:center;color:#9b492e;letter-spacing:3px;font-size:12px;font-weight:700}h1{text-align:center;margin:16px 0;font-size:28px}.descripcion{text-align:center;color:#736255;line-height:1.6}label{margin:22px 0 8px;font-size:14px;font-weight:700;display:block}input,select,button{width:100%;min-height:48px;font:inherit;border-radius:10px;padding:12px}input,select{color:#36271f;background:#fff;border:1px solid #cdbdab}button{color:#fff;cursor:pointer;background:#a84429;border:none;margin-top:24px;font-weight:700}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #c58a32}.confirmacion{color:#22613a;background:#e9f6ed;border-radius:10px;padding:16px;line-height:1.5}.error{color:#a32920;background:#fff0ee;border-radius:10px;padding:12px;line-height:1.5}.pagina-ventas{align-items:start}.panel-ventas{background:#fff;border:1px solid #e8ded1;border-radius:24px;width:100%;max-width:800px;padding:28px}.cabecera-ventas{justify-content:space-between;align-items:center;gap:20px;display:flex}.cabecera-ventas h1{text-align:left;margin:8px 0;font-size:26px}.cabecera-ventas .etiqueta{text-align:left;letter-spacing:2px}.secundario{color:#36271f;background:#f3e7da;flex-shrink:0;width:auto;margin:0}.aviso-prueba{color:#70501b;background:#fff5de;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5}.fila-producto{border-bottom:1px solid #e8ded1;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.fila-producto label{margin:0 0 8px;line-height:1.4}.fila-producto span,.ayuda{color:#736255;font-size:14px}.fila-producto input{text-align:center;flex-shrink:0;width:105px}.resumen-venta{justify-content:space-between;align-items:center;gap:12px;padding:20px 0 12px;display:flex}.resumen-venta strong{font-size:28px}small{overflow-wrap:anywhere;line-height:1.5;display:block}.confirmacion small{margin:8px 0}.envio-pendiente{background:#fff8ef;border-radius:12px;padding:16px;line-height:1.6}.panel-admin{max-width:1100px}.periodos{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.filtros-reporte{grid-template-columns:1fr 1fr 1.6fr;align-items:end;gap:12px;display:grid}.filtros-reporte button{grid-column:1/-1;margin-top:0}.filtros-reporte input,.filtros-reporte select{min-width:0}.periodo-aplicado{color:#736255;font-size:13px;line-height:1.6}.indicadores{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0 28px;display:grid}.indicador{background:#fff8ef;border:1px solid #e9d9c8;border-radius:16px;flex-direction:column;gap:12px;padding:22px;display:flex}.indicador strong{font-size:29px}.indicador span{font-weight:700;line-height:1.4}.indicador.destacado{color:#fff;background:#a84429;border-color:#a84429}.tabla-scroll{overflow-x:auto}.tabla-reporte{border-collapse:collapse;width:100%;font-size:15px}.tabla-reporte th,.tabla-reporte td{text-align:left;border-bottom:1px solid #e9d9c8;padding:14px 10px}.tabla-reporte th{background:#fff8ef}.tabla-reporte td:last-child{white-space:nowrap}.venta-historial{border:1px solid #e9d9c8;border-radius:12px;margin-bottom:10px;padding:16px}.venta-historial summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.venta-historial summary:after{content:"+"}.venta-historial[open] summary:after{content:"−"}.venta-historial summary span{flex:1}.venta-historial summary strong{white-space:nowrap}.venta-historial small{color:#736255;margin-top:6px}.venta-historial li{margin-bottom:6px;line-height:1.6}.vacio{text-align:center;background:#fff8ef;border-radius:12px;padding:24px}.navegacion-admin{gap:10px;margin:20px 0;display:flex}.navegacion-admin button{width:auto;min-width:120px;margin:0}.acciones-producto{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.acciones-producto button{flex:1;min-width:160px;margin:0}.editor-producto{background:#fff8ef;border:1px solid #e9d9c8;border-radius:16px;padding:20px}.casilla-producto{cursor:pointer;align-items:center;gap:10px;display:flex}.casilla-producto input{width:24px;height:24px;min-height:24px}.producto-admin{border-bottom:1px solid #e9d9c8;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.producto-admin h3{overflow-wrap:anywhere;margin:0;font-size:17px}.producto-admin p{margin:8px 0}.estado-activo,.estado-inactivo{border-radius:16px;padding:4px 10px;font-size:13px;display:inline-block}.estado-activo{color:#22613a;background:#e9f6ed}.estado-inactivo{color:#736255;background:#f3e7da}@media (width<=540px){.filtros-reporte{grid-template-columns:1fr 1fr}.filtros-reporte>div:nth-child(3){grid-column:1/-1}.indicadores{grid-template-columns:1fr}.tabla-reporte{font-size:14px}.panel-ventas{padding:20px 16px}.cabecera-ventas{flex-direction:column;align-items:start;gap:8px}.cabecera-ventas h1{font-size:24px}.secundario{min-height:44px}}button,input,select{touch-action:manipulation}input,select,main,section{min-width:0}@media (width<=540px){input,select{font-size:16px}.tarjeta{overflow-wrap:anywhere}}.controles-reporte{border:0;min-width:0;margin:0;padding:0}.anular-venta{margin-top:16px}.anular-venta textarea{width:100%;min-height:100px;font:inherit;box-sizing:border-box;border:1px solid #b7c7d4;border-radius:12px;padding:12px}.anular-venta button{margin-top:12px}.linea-historial{border-bottom:1px solid #e9d9c8;padding:14px 0;display:block}.linea-historial .secundario{width:auto;margin-top:10px}.seleccion-venta{background:#f8ecdf;border-radius:12px;margin-top:24px;padding:16px}.seleccion-venta ul{padding:0;list-style:none}.seleccion-venta li{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.seleccion-venta button{flex-shrink:0;width:auto;margin:0}@media (width<=540px){.seleccion-venta li{flex-wrap:wrap}}body{font-family:Segoe UI,Arial,sans-serif}h1,h2{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif}h2{margin:24px 0 16px;font-size:25px}p{line-height:1.5}.panel-ventas{background:#fffdf9;padding:24px;box-shadow:0 12px 50px #63391b08}.cabecera-ventas{border-bottom:1px solid #ecdfd1;padding-bottom:16px}.cabecera-ventas h1{font-size:25px}.cabecera-ventas .etiqueta{letter-spacing:1.5px;margin:0 0 6px;font-size:10px}.marca-pan{color:#a84429;background:#f5e7d7;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:30px;display:grid}.navegacion-admin{background:#f8eee3;border-radius:14px;padding:5px}.navegacion-admin button{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.navegacion-admin button span{font-size:23px;line-height:1}.navegacion-admin .secundario{background:0 0}.ilustracion{text-align:center;color:#a84429;background-color:#fff8ef;background-repeat:no-repeat;background-size:400% 300%;border-radius:12px;flex-shrink:0;width:64px;height:64px;font-size:32px;line-height:64px;display:inline-block}.fila-producto{background:#fff;border:1px solid #ecdfd1;border-radius:15px;gap:12px;margin-bottom:10px;padding:12px}.nombre-producto{flex:1;min-width:0}.fila-producto label{margin:0 0 5px;font-size:15px}.fila-producto span{color:#736255}.cantidad-control{flex-shrink:0;align-items:center;gap:4px;display:flex}.cantidad-control button{width:44px;height:44px;min-height:44px;margin:0;padding:0;font-size:23px}.cantidad-control input{appearance:textfield;border:1px solid #e8d9ca;border-radius:8px;width:58px;height:44px;min-height:44px;padding:5px 0}.cantidad-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cantidad-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.categorias{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.categorias button{border-radius:24px;width:auto;min-height:44px;margin:0;padding:8px 13px;font-size:13px}.guardar-fijo{z-index:3;background:#fffdf9;border:1px solid #e6d2bf;border-radius:18px;margin-top:20px;padding:12px 16px;position:sticky;bottom:12px;box-shadow:0 -5px 25px #6b3b1310}.guardar-fijo .resumen-venta{padding:0 0 8px}.guardar-fijo .resumen-venta strong{color:#a84429}.guardar-fijo button{margin:8px 0 0}.nota-precio{color:#736255;margin-top:6px;font-size:11px}.periodos{gap:6px;margin:16px 0 12px}.periodos button{flex:1;width:auto;margin:0;padding:10px}.filtros-plegables{background:#fffaf3;border:1px solid #e7d8c7;border-radius:12px;padding:12px 14px}.filtros-plegables summary{cursor:pointer;min-height:24px;font-weight:600}.filtros-plegables[open]{padding-bottom:16px}.actualizar-reporte{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0;display:flex}.actualizar-reporte .secundario{padding:8px 12px;font-size:13px}.periodo-aplicado{margin:8px 0;font-size:12px}.indicadores{gap:12px;margin:16px 0 24px}.indicador{gap:8px;padding:18px}.indicador.destacado{background:linear-gradient(120deg,#a84429,#b85634)}.indicador.destacado strong{font-size:36px}.producto-tabla{align-items:center;gap:10px;display:flex}.producto-tabla .ilustracion{width:46px;height:46px}.producto-admin{gap:12px;padding:16px 0}.producto-admin>div{flex:1;min-width:0}.venta-historial{background:#fffaf4;padding:14px}.venta-historial summary{gap:8px}.venta-historial summary strong{white-space:normal;text-align:right;max-width:42%;font-size:14px}.venta-historial summary b{font-size:14px}.venta-historial ul{padding-left:0}.venta-historial small{font-size:12px}.linea-historial{font-size:14px}.anular-venta>button{color:#96371f;background:#fff5ed;border:1px solid #dfbbac}.nota-reporte{border-top:1px solid #e7d8c7;padding-top:16px;font-size:12px}.cuenta{padding:10px 0 30px}.cuenta .etiqueta{text-align:left}@media (width<=600px){.pagina-ventas{padding:0;display:block}.panel-ventas{min-height:100dvh;padding:20px 16px calc(100px + env(safe-area-inset-bottom));border:0;border-radius:0}.cabecera-ventas{flex-direction:row;align-items:center;gap:12px}.cabecera-ventas h1{font-size:23px}.navegacion-admin{z-index:5;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fffaf3;border-top:1px solid #e7d8c7;border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #63391b08}.navegacion-admin button{color:#736255;background:0 0;flex-direction:column;gap:5px;padding:7px 4px;font-size:12px}.navegacion-admin button.seleccionado{color:#96371f;background:#f5e5d7}.guardar-fijo{bottom:calc(80px + env(safe-area-inset-bottom));margin-left:-6px;margin-right:-6px}.indicadores{grid-template-columns:1fr 1fr;gap:10px}.indicador.destacado{grid-column:1/-1}.indicador{padding:14px}.indicador span{font-size:13px}.indicador small{font-size:11px}.indicador strong{font-size:25px}.tabla-reporte{font-size:13px}.tabla-reporte th,.tabla-reporte td{padding:12px 5px}.tabla-reporte th:nth-child(2){font-size:12px}.producto-tabla{gap:6px}.producto-tabla .ilustracion{width:38px;height:38px}.fila-producto{flex-wrap:wrap;gap:8px;padding:10px}.fila-producto .ilustracion{width:54px;height:54px}.nombre-producto{flex-basis:calc(100% - 70px)}.cantidad-control{margin-left:auto}.cantidad-control input{width:68px}.producto-admin .ilustracion{width:48px;height:48px}.producto-admin h3{font-size:14px}.producto-admin p{font-size:13px}.producto-admin button{padding:10px;font-size:13px}.filtros-reporte{grid-template-columns:1fr 1fr}.filtros-reporte>div:nth-child(3){grid-column:1/-1}}@media (width>=360px) and (width<=600px){.fila-producto{flex-wrap:nowrap}.nombre-producto{flex-basis:auto}.cantidad-control{gap:2px}.cantidad-control input{width:42px}}@media (width<=600px){.categorias{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.categorias button{white-space:nowrap;flex-shrink:0}.guardar-fijo{padding:10px 12px}.guardar-fijo .resumen-venta strong{font-size:26px}.guardar-fijo .resumen-venta small{font-size:11px}.guardar-fijo .ayuda{font-size:12px}}