.table-container{max-height:85vh;overflow-y:auto;overflow-x:auto}.table-container::-webkit-scrollbar{width:10px}.table-container::-webkit-scrollbar-track{background-color:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background-color:#1a1a1a}table{overflow:hidden;overflow-y:scroll;width:100%;border-collapse:collapse}.head-table-ver-productos{position:sticky;background-color:#9376e0;height:58px;top:0}.head-table-container{display:flex;flex-direction:column}.input-busqueda{padding:10px;border-radius:5px;border:#9276e0 solid thin;outline:none;font-size:20px;color:#16191f}input::placeholder{color:#16191f}.input-search-pagina-productos{display:flex;justify-content:space-between;align-items:center}th{color:#fff;font-weight:400}tr{height:50px;border-bottom:#9276e0 thin solid;color:#16191f}tr a{color:#16191f}tr :is(.btn_delete, .btn_cancel){color:tomato}.nombre-producto{text-decoration:none}.input-nombre-producto{border:none;font-size:20px;text-align:center;background-color:#fff;width:auto;transition:all .3s ease-in-out}.input-nombre-producto:focus{outline:none}.input-nombre-producto:not(:disabled){border-bottom:#9276e0 thin solid;padding-left:5%}th,td{text-align:center}.input-costo,.input-venta,.input-cantidad{text-align:center;width:150px;background-color:#fff;border:none;font-size:20px;padding-left:10%;outline:none;transition:all .3s ease-in-out}:is(.input-costo, .input-venta, .input-cantidad):not(:disabled){border-bottom:#9276e0 thin solid;padding-left:5%}.titulo-productos{font-size:40px}.imagen-columna{width:100px;padding-left:20px}img{height:50px;vertical-align:middle;object-fit:contain;color:#2d2727}.btn_delete,.btn_save,.btn_edit,.btn_cancel{text-decoration:none;border:none;background-color:#fff;cursor:pointer;font-size:20px;padding:0 8px}:is(.btn_delete, .btn_save, .btn_edit, .btn_cancel):hover{opacity:.6}aside{background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;width:250px;height:100vh;box-shadow:2px 0 5px #b8b8b8}.logo{width:180px;object-fit:cover;align-self:center;margin-left:-20px}h3{font-size:15px;margin-left:3vh;font-weight:400;color:#454545}ul{display:flex;flex-direction:column;list-style:none;align-items:center;font-size:20px;padding:0}.icono{color:#865dff;font-size:25px}.icono-nav-menu{width:100%;display:flex;padding:10px 0;cursor:pointer;text-decoration:none;color:#8f43ee}.link{display:flex;align-items:center;column-gap:8px;padding-left:20px}.icono-nav-menu:hover{box-shadow:inset 250px 0 #9276e0c6;transition:all .3s ease}.icono-nav-menu:hover span,.icono-nav-menu:hover .icono{color:#fff}.active{background-color:#9376e0;text-decoration:none;border-left:10px solid #242424}.active:hover{background-color:#9376e0}.active :is(.icono, span){color:#fff}.rojo{color:red;font-size:50px}.rojo{color:green}.seccion-der{display:flex;flex-direction:column;background-color:#fff;height:100vh;text-align:justify;padding:0 40px;box-shadow:0 0 5px #b8b8b8;color:#1a1a1a;font-size:18px}.app-container{display:grid;grid-template-columns:250px 1fr;gap:20px;height:100vh}.main-content{overflow-y:auto}.seccion-derecha{display:flex;justify-content:space-between;background-color:#fff;align-items:center}.seccion-der-a{display:flex;flex-direction:column;align-items:center;margin:auto;padding:20px 0;gap:50px}.seccion-der-b{display:flex;align-items:center;padding-right:10vh;height:100vh}.img-container{position:relative}.img-container:before{position:absolute;content:"Registra tus productos y facilita tus ventas";top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#9276e0a6;font-size:45px;padding:20px 0;width:100%;text-align:center}.imagen-formulario{height:90vh;width:50vh;object-fit:cover;border-radius:20px;box-shadow:-2px -2px 30px #a3a3a3}.form-container{display:grid;grid-template-columns:repeat(6,80px);grid-template-areas:"nombre nombre nombre nombre codigoBarra codigoBarra" "medida medida categoria categoria cantidad cantidad" "costoUnidad costoUnidad costoUnidad precioVenta precioVenta precioVenta" ". . botonCrear botonCrear . . ";background-color:#fff;border-radius:10px;box-shadow:0 0 8px #a3a3a3;padding:50px;margin:0 50px;column-gap:10px;row-gap:30px;color:var(--primary_color)}.h1-titulo{width:700px;font-weight:400;font-size:50px;text-align:center;margin:0}.input{border:#9276e0 solid 1px;padding:10px;border-radius:5px;outline:none;font-size:20px;color:#1a1a1a}.input::placeholder{color:#5e5e5e}.nombre{display:flex;width:95%;flex-direction:column;grid-area:nombre}.codigoBarra{display:flex;flex-direction:column;grid-area:codigoBarra}.medida{display:flex;flex-direction:column;grid-area:medida}.categoria{display:flex;flex-direction:column;grid-area:categoria}.cantidad{display:flex;flex-direction:column;grid-area:cantidad}.costoUnidad{display:flex;flex-direction:column;grid-area:costoUnidad}.precioVenta{display:flex;flex-direction:column;grid-area:precioVenta}.boton-container{justify-self:center;grid-area:botonCrear}.button{width:200px;cursor:pointer;font-size:25px;padding:10px;border:none;box-shadow:2px 2px 4px #9376e0;border-radius:5px;background-color:#9376e0;color:#f5f5f5}.button:hover{opacity:.9}.button:active{transform:translateY(2px)}.mensaje{grid-area:mensaje;text-align:center}.mensaje-producto-creado{color:#4bb543}.input-label{display:flex;gap:10px}.select-box{border:thin solid #9376e0;border-radius:5px;padding:12px;text-align:center;width:150px}.opcion-input{appearance:none!important;color:#333;border:thin solid #9376e0}.error-crear-producto{color:tomato}.producto-creado-mensaje-container{position:absolute;top:45%;background-color:#fff;box-shadow:0 0 10px #bebebe;display:flex;flex-direction:column;align-items:center;padding:25px;gap:20px;border-radius:8px;z-index:5}.not-active{display:none;animation:popUpAnimation .6s}.mensaje-producto-creado-mensaje{color:#1a1a1a;font-size:20px}.boton-aceptar-producto-creado-mensaje{background-color:#9376e0;padding:10px 20px;border-radius:8px;color:#fff;cursor:pointer}.form-container.with-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;backdrop-filter:blur(5px);height:100%;opacity:1;z-index:4}.titulo-venta{margin:10px 0}.seccion-der-tarjeta-venta{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));overflow:scroll;background-color:#f8f8f8;box-shadow:0 0 4px #c2c2c2;border-radius:8px;padding:10px}.seccion-der-tarjeta-venta::-webkit-scrollbar{width:10px}.seccion-der-tarjeta-venta::-webkit-scrollbar-track{background-color:#fff}.seccion-der-tarjeta-venta::-webkit-scrollbar-thumb{background-color:#9276e0}.card-venta-container{cursor:pointer;display:flex;flex-wrap:wrap;border-radius:15px;box-shadow:0 0 6px #2f05a1;background-color:#fff;color:#242424;margin:10px;padding:0 20px;max-width:320px;text-decoration:none}.card-venta-container p{font-size:15px}.card-venta-container:hover{opacity:.8}.head-card-venta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px}.head-card-venta h4{margin:0;color:#9276e0}.head-card-venta p{margin:0}.detalles-venta-individual{display:flex;justify-content:space-between;font-weight:700;width:100%;padding:10px 0;text-align:center}.detalles-venta-individual p{margin:0;font-size:18px}.total-pagar-venta{display:flex;flex-direction:column}.total-pagar-venta p{margin:0}.titulo-total-pagar{text-align:left;color:#9276e0}.efectivo-total-pagar,.cambio-total-pagar{display:flex;column-gap:10px}.container-form-factura{display:flex;justify-content:space-evenly}.seccion-izq-form{display:flex;flex-direction:column;width:70%;padding:0 30px 50px}.form-factura-container{display:flex;background-color:#fff;border-radius:8px;margin:10px;padding:20px 10px}.cantidad-producto-form-factura{display:flex;height:inherit;vertical-align:middle;align-items:center;justify-content:center;gap:10px}td{color:#242424}.head-form-prod-factura{background-color:#9276e0;font-size:large}.factura-container{background-color:#fff;box-shadow:0 0 10px #9276e0;border-radius:10px;padding:0 30px 50px;color:#fff;height:70vh;overflow:scroll}.factura-container::-webkit-scrollbar{width:8px}.factura-container::-webkit-scrollbar-track{background-color:#fff}.factura-container::-webkit-scrollbar-thumb{background-color:#9276e0}.head-registrar-compra{display:flex;align-items:center;justify-content:space-between;margin-right:10px;color:#242424}.seccion-der-form{display:grid;width:30%;background-color:#fff;box-shadow:0 0 10px #242424;padding:0 20px;height:100vh}.valor-total-compra-container{display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.input-efectivo{width:40%;padding:8px;font-size:20px;outline:none;border:none;font-weight:700;font-size:25px;text-align:end;border-bottom:#1a1a1a solid thin}.productos-seleccionados-compra{height:350px;margin-top:-15px;overflow:scroll;padding:0 15px}.productos-seleccionados-compra::-webkit-scrollbar{width:10px}.productos-seleccionados-compra::-webkit-scrollbar-track{background-color:#fff}.productos-seleccionados-compra::-webkit-scrollbar-thumb{background-color:#9276e0}.producto-seleccionado-individual{display:grid;width:100%;grid-template-columns:1fr .7fr;place-content:center;border-bottom:#242424 thin solid;height:45px}.search-producto{display:flex;gap:10px;padding:10px 0;align-items:center;color:#242424}.input-search-producto{font-size:16px;padding:8px 15px;border-radius:8px;outline:none;border:#9276e0 1.5px solid;width:200px}.input-search-producto::placeholder{color:#888;font-weight:400}.label-fecha{border-radius:8px}.label{display:flex;flex-direction:column;padding:10px 20px;width:100%;font-size:25px;gap:10px;border:thin solid #242424}.input-fecha{padding:0;font-size:25px;width:100%;border:none;text-align:center}.label-producto{display:flex;padding:10px 20px;font-size:25px;gap:10px;width:40%;border:thin solid #242424;border-radius:8px;text-align:center}.input-producto{text-align:center;font-size:25px;width:300px;border:none;padding:0}.input-producto:target{outline:none}.boton-form-factura{height:50px;width:150px}.resultados-busqueda{position:absolute;border-radius:8px;max-height:500px;overflow-x:hidden;overflow-y:scroll;text-align:center;border:#1a1a1a thin solid}.resultados-busqueda::-webkit-scrollbar{width:10px}.resultados-busqueda::-webkit-scrollbar-thumb{border-top-right-radius:6px;border-bottom-right-radius:6px;background-color:#9276e0}.li-resultados-productos{display:flex;z-index:10;width:210px;padding:10px;color:#242424;justify-content:center;background-color:#fff;border-bottom:#9276e0 thin solid}.li-resultados-productos:hover{background-color:#242424;color:#fff}.disminuir-cantidad-form-factura,.aumentar-cantidad-form-factura{cursor:pointer;font-size:20px;background-color:#9276e0b3;padding:0 4px;width:20px;border-radius:5px;color:#fff}:is(.disminuir-cantidad-form-factura, .aumentar-cantidad-form-factura):hover{background-color:#9276e0}.eliminar-producto-form-factura{font-size:20px;color:tomato;cursor:pointer}.eliminar-producto-form-factura:hover{opacity:.7}.detalles-compra-valores{color:#9276e0}.confirmar-compra-container{position:absolute;top:40%;display:flex;flex-direction:column;text-align:center;padding:20px;margin:20px 20px 20px 0;box-shadow:0 0 10px #242424;background-color:#fff;border-radius:8px;display:none;z-index:5}.botones-confirmar-compra-container{display:flex;justify-content:space-evenly}.boton-confirmar-compra,.boton-cancelar-confirmar-compra{cursor:pointer;padding:8px 20px;border-radius:8px;background-color:#9276e0;color:#fff}:is(.boton-confirmar-compra, .boton-cancelar-confirmar-compra).boton-cancelar-confirmar-compra{background-color:tomato}:is(.boton-confirmar-compra, .boton-cancelar-confirmar-compra):hover{opacity:.8}.boton-abrir-mensaje-compartir-compra{background-color:#9276e0;color:#fff;font-size:20px;padding:8px 20px;border-radius:8px;cursor:pointer}.boton-abrir-mensaje-compartir-compra:hover{opacity:.8}.boton-abrir-mensaje-compartir-compra:checked{transform:translate(10px)}.visible{display:flex!important;animation:popUpAnimation .6s}@keyframes popUpAnimation{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}.seccion-der-form.with-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;backdrop-filter:blur(2px);height:100%;opacity:1;z-index:4}.not-active{display:none}.disabled{background-color:tomato;pointer-events:none}.venta-realizada-exito{position:absolute;width:20%;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;box-shadow:0 0 8px #242424;border-radius:8px;padding:20px;z-index:9;display:none;top:40%;left:40%}.venta-realizada-exito a{background-color:#9276e0;padding:10px 20px;font-size:20px;color:#fff;border-radius:8px;cursor:pointer}.venta-realizada-exito a:hover{opacity:.9}.seccion-der-detalle-factura{overflow:scroll}.seccion-der-detalle-factura::-webkit-scrollbar{width:8px}.seccion-der-detalle-factura::-webkit-scrollbar-thumb{background-color:#1a1a1a}.detalle-factura-container{width:50%;margin:20px auto;border:#dddddd 2px solid;padding:20px 50px}.logo-detalle-factura{display:inline-block;padding:0 30px;border:2px dashed #dddddd}.datos-detalle-factura{margin-bottom:30px}.datos-detalle-factura h1{margin-bottom:0}.fecha-detalle-factura{display:flex;column-gap:60px}.fecha-detalle-factura p{margin:5px 0;font-size:15px;font-weight:700}.fecha-detalle-factura span{color:#979797;font-weight:400}.tabla-detalle-factura{margin:50px auto}.head-table-detalle-factura{background:#9276e0}.tr-table-detalle-factura{border-bottom:#979797 dashed thin}.divisor-line{border-bottom:#ddd solid thin;width:100%;margin:10px auto 50px}.total-detalle-factura{display:flex;flex-direction:column;align-items:end;padding:0 30px 10px;gap:10px}.total-detalle-factura span{color:#979797;font-weight:400}.total-detalle-factura h4{margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#242424;background-color:#f4f5fa;--background_botons: #424346;--primary: #9276e0;font-family:Poppins}body{margin:0;padding:0}