body,html{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}body{background-color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-container{margin-top:80px;padding:20px;background-color:#f3f3f3;border-radius:15px;box-shadow:0 4px 6px #0000001a;width:100%;min-height:100vh;overflow-y:auto}.elements-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.div-loading{display:flex;justify-content:center}.square{width:150px;height:150px;margin:15px;background-color:#ffe28a;border-radius:5px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;font-weight:700;box-shadow:2px 2px 5px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#000}.square:hover{transform:scale(1.1);box-shadow:4px 4px 10px #0000004d}.diamond{width:120px;height:120px;background-color:#a9d6ff;transform:rotate(45deg);margin:15px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;font-weight:700;box-shadow:2px 2px 5px #0003;transition:transform .2s,box-shadow .2s;cursor:pointer;color:#000}.diamond:hover{transform:rotate(45deg) scale(1.1);box-shadow:4px 4px 10px #0000004d}.diamond>span{transform:rotate(-45deg)}.descripcion-bienvenida{text-align:center}.titulo-bienvenida{color:#001259}.reports-container{margin-top:20px;padding:20px;background-color:#f9f9f9;border:2px solid #001259;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#001259;font-family:Arial,sans-serif}.reports-container h1{font-size:2rem;margin-bottom:15px;text-align:center}.reports-container p{font-size:1.2rem;margin-bottom:10px;text-align:center}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{background-color:#001259;border:2px solid #001259;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;font-size:.5rem;font-weight:700;color:#fff;text-align:center;width:calc(50% - 30px);box-sizing:border-box}.card:hover{background-color:#2d4fd6;color:#fff;transition:background-color .3s,color .3s}@media (max-width: 768px){.card{width:100%}}.navbar{width:100%;background-color:#eee9e9;padding:10px 20px;box-shadow:0 3px 6px #0009;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.navbar-logo img{width:100px;height:auto}.navbar-links{list-style:none;display:flex;align-items:center;margin:0;padding:0}.navbar-links li{margin-left:18px}.navbar button{background:none;color:#001259;border:none;cursor:pointer;font-size:1 rem;padding:8px 16px;transition:background-color .3s ease;border-radius:4px}.navbar button:hover{text-decoration:underline;background-color:#ffffff1a}.login-wrapper{display:grid;grid-template-columns:2fr 2fr;height:100vh;width:100vw;overflow:hidden}.login-container{background-color:#fff;padding:4rem;border-radius:8px;box-shadow:0 6px 18px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.login-form input{width:100%;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;background-color:#001259}.login-form button{width:100%;padding:.8rem;background-color:#001259;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.login-form button:hover{background-color:#142028}.error-message{color:red;margin-top:1rem;text-align:center;font-size:.9rem}.blue-container{background-color:#001259;display:flex;align-items:center;justify-content:center;height:100%}.blue-avatar{display:flex;justify-content:center;align-items:center;width:200px;height:200px}.blue-avatar img{max-width:100%;max-height:100%;object-fit:cover}.register-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:transparent}.register-wrapper h1{font-size:2rem;color:#001259;margin-bottom:1.5rem;text-align:center}.register-form input,.register-form select{width:100%;margin-bottom:1rem;padding:.8rem;font-size:1rem;color:#333;background-color:#f8f9fa;border:1px solid #cccccc;border-radius:6px;transition:border .3s ease}.register-form input:focus,.register-form select:focus{border-color:#001259;outline:none}.register-form button{width:100%;padding:.8rem;background-color:#001259;color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.register-form button:hover{background-color:#002580}.error-message{color:#d9534f;font-size:.9rem;text-align:center;margin-top:1rem}.success-message{color:#5cb85c;font-size:.9rem;text-align:center;margin-top:1rem}.list-users-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.list-users-container h1{font-size:2rem;color:#001259;margin-bottom:1.5rem}.user-table{width:100%;border-collapse:collapse;margin-top:1rem}.user-table th,.user-table td{padding:.8rem;border:1px solid #ddd;text-align:center}.user-table th{background-color:#001259;color:#fff;font-weight:700}.user-table td{color:#000}.user-table td.campo-role{color:red}.detail-button{background-color:#001259;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.delete-button{background-color:red;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-left:5px}.delete-button:hover{background-color:red}.user-detail-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center}.user-detail-container h1{color:#001259;margin-bottom:1.5rem}.user-detail-form{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.user-detail-form label{display:flex;flex-direction:column;font-weight:700;color:#0a0a0a}.user-detail-form input{margin-top:.5rem;padding:.8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#0a0a0a;background-color:#f8f9fa}.user-detail-form input:disabled{background-color:#e9ecef}.user-detail-form input:focus{outline:none;border-color:#001259}.button-group{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.button-group button{flex:1;padding:.8rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.button-group button[type=submit]{background-color:#001259;color:#fff}.button-group button[type=submit]:hover{background-color:#002580}.button-group button[type=button]{background-color:#ccc;color:#333}.button-group button[type=button]:hover{background-color:#bbb}.client-registration-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center}.client-registration-container h1{color:#001259;margin-bottom:1.5rem;text-align:center}.client-registration-form{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.client-registration-form label{display:flex;flex-direction:column;font-weight:700;color:#1c2b36}.client-registration-form input{margin-top:.5rem;padding:.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;color:#333;background-color:#f8f9fa}.client-registration-form input:focus{outline:none;border-color:#001259}.client-registration-form button{background-color:#001259;color:#fff;border:none;padding:.8rem;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.client-registration-form button:hover{background-color:#002580}.client-list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.botones-rv{display:flex;justify-content:start;gap:5px;margin-left:90px}.register-boton,.volver-boton:hover{background-color:#001259;color:#fff}.client-list-container h1{color:#001259;text-align:center}.client-table{width:100%;max-width:1000px;border-collapse:collapse;background-color:#fff;box-shadow:0 6px 15px #0000001a}.client-table th,.client-table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}.client-table th{background-color:#001259;color:#fff}.client-table td{color:#000}.client-table tr:hover{background-color:#f1f1f1}.client-table button{padding:.5rem 1rem;margin-right:.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:opacity .3s ease}.client-table button:hover{opacity:.8}.client-table button:first-of-type{background-color:#67686b;color:#fff}.client-table button:last-of-type{background-color:#001259;color:#fff}.btn-eliminar{background-color:red}.button-orders{background-color:#d3d3d3;border:none;color:#333;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease;box-shadow:0 2px 4px #0000001a}.button-orders:hover{background-color:#b0b0b0;color:#000}.button-orders:active{background-color:#a0a0a0;box-shadow:inset 0 2px 4px #0003}.error-message{color:#dc3545;margin-bottom:1rem}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.pagination button{padding:.5rem 1rem;margin:0 .5rem;border:none;border-radius:4px;background-color:#001259;color:#000;cursor:pointer;transition:background-color .3s ease}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#001259;color:#fff}.pagination span{font-weight:700;color:#333}.btn-vol{padding:10px}.client-edit-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center}.client-edit-container h1{color:#001259;margin-bottom:1.5rem;text-align:center}.back-btn{background-color:#ccc;color:#333;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;align-self:flex-start;margin-bottom:1rem}.back-btn:hover{background-color:#bbb}.client-edit-form{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.client-edit-form label{display:flex;flex-direction:column;font-weight:700;color:#1c2b36}.client-edit-form input{margin-top:.5rem;padding:.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;color:#333;background-color:#f8f9fa}.client-edit-form input:focus{outline:none;border-color:#001259}.client-edit-form button[type=submit]{background-color:#001259;color:#fff;border:none;padding:.8rem;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.client-edit-form button[type=submit]:hover{background-color:#002580}.error-message{color:red;font-size:.875rem;margin-top:.25rem}.historical-orders-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}h1{text-align:center;color:#001259}.orders-table{width:100%;border-collapse:collapse;margin:1rem auto}.orders-table th,.orders-table td{padding:.8rem;border:1px solid #ddd;text-align:left}.orders-table th{background-color:#001259;color:#fff}.orders-table td{color:#000}.orders-table tr:nth-child(2n){background-color:#f2f2f2}.orders-table tr:hover{background-color:#ddd}.error-message{color:red;text-align:center;font-weight:700}.no-orders-message{color:#ff9800;text-align:center;font-weight:700;margin:1rem 0}.orders-table td.estado-pendiente{color:red;font-weight:700}.orders-table td.estado-completado{color:green;font-weight:700}.register-payment-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-gen-pa{display:flex;justify-content:center}.register-payment-form{background-color:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 4px 10px #0003;width:400px;max-width:90%}.register-payment-form h2{text-align:center;margin-bottom:20px;color:#333}.register-payment-form label{display:block;font-weight:700;margin-bottom:5px;color:#555}.register-payment-form input,.register-payment-form select,.register-payment-form textarea{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.register-payment-form textarea{resize:none;height:100px}.register-payment-form .buttons{display:flex;justify-content:space-between;gap:10px}.register-payment-form button{flex:1;padding:10px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;color:#fff;background-color:#001259}.register-payment-form button:hover{background-color:#002080}.register-payment-form button[type=button]{background-color:#999}.register-payment-form button[type=button]:hover{background-color:#777}.registro-pedido-container{margin-top:250px;padding:20px}.error{color:red;font-size:.9em;margin-left:5px}.conten-saldo-pen{display:flex;justify-content:center}.text-saldo-co{color:red}.payments-table-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.payments-table{width:100%;border-collapse:collapse;margin-top:20px}.payments-table th,.payments-table td{border:1px solid #ddd;padding:10px;text-align:left}.payments-table th{background-color:#001259;color:#fff}.payments-table td{color:#000}.delete-button{background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.despacho-button{margin-left:5px;background-color:#001259;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.delete-button:hover{background-color:#8b0000}.error-message{color:red;font-weight:700}.order-code-value{color:#000}.pending-balance-value{color:red}.conten-ped-div{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%;max-width:2900px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.form-pedido,.form-producto{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px;color:#555}.checkbox-label{font-weight:700;margin-bottom:10px;color:#555}table{width:100%;border-collapse:collapse;margin-top:20px}p{margin:10px 0;font-weight:700;color:#333}.table-productos td{color:#000}.register-inventory-form-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.register-inventory-form h2{grid-column:span 4;text-align:center}.register-inventory-form label{grid-column:span 1;display:block;margin-bottom:8px;font-weight:700}.register-inventory-form input,.register-inventory-form select{grid-column:span 1;padding:4px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.register-inventory-form-form button{background-color:#001259}.check-pedido{width:20px;height:20px}.content-form-div{width:1000px;margin:0 auto;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.inventory-container{margin-top:auto;padding:2rem;display:flex;flex-direction:column;align-items:center;max-height:calc(100vh - 100px)}.inventory-container h1{color:#001259;margin-bottom:20px;text-align:center}.botones-rv-d{display:flex;justify-content:center;gap:5px}.black-box-button{width:260px;background-color:#001259;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-bottom:20px;text-align:center}.black-box-button:hover{background-color:#1558b0;transform:scale(1.05)}.product-grid-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center;margin-top:20px;width:100%;max-width:1200px}.product-card-card{background-color:#001259;color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000004d;text-align:center;cursor:pointer;transition:transform .2s,background-color .2s}.product-card-card:hover{transform:scale(1.05);background-color:#b3d4ff}.product-card-card h3{font-size:18px;margin:10px 0;color:#fff}.product-card-card p{font-size:14px;color:#fff}.inventory-table-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}h2{font-size:24px;color:#1a73e8;margin-bottom:20px;text-align:center}.boton-volver-d button[type=button]{background-color:#fff;color:#001259;border:2px solid #001259}.boton-volver-d button[type=button]:hover{background-color:#fff;color:#001259}h2 .valor{color:#001259;font-weight:700}.inventory-table{width:100%;border-collapse:collapse;margin-top:20px}.inventory-table th,.inventory-table td{border:1px solid #ddd;padding:8px;text-align:center}.inventory-table th{background-color:#f4f4f4;color:#333;font-weight:700}.inventory-table td{color:#000}.inventory-table tr:nth-child(2n){background-color:#f9f9f9}.inventory-table tr:hover{background-color:#f1f1f1}.delete-button{background-color:#e74c3c;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.delete-button:hover{background-color:#c0392b}.detalle-button{background-color:#001259;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.detalle-button:hover{background-color:#001259}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px 30px;border-radius:8px;width:300px;box-shadow:0 2px 10px #0000001a}.modal-content h3{margin-top:0}.modal-content p{margin-bottom:15px}.modal-content input{width:100%;padding:8px;margin-bottom:15px;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end}.modal-actions button{padding:8px 12px;margin-left:10px;border:none;border-radius:4px;cursor:pointer}.modal-actions button:first-child{background-color:#d9534f;color:#fff}.modal-actions button:last-child{background-color:#6c757d;color:#fff}.filters{display:flex;justify-content:center;gap:10px}.filtros-fecha{display:flex}.input-filtro{width:150px}.descripcion{display:flex;justify-content:space-between}.buton-filtro{display:flex;justify-content:center}.descripcion h2{color:#333}.tipo-inventario{display:flex;justify-content:baseline}.totales{display:flex;justify-content:end}.texto-entradas{color:green}.texto-salidas{color:red}.register-inventory-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.content-form{width:700px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.register-inventory-form h2{grid-column:span 4;text-align:center;color:#1a73e8;font-size:1.5rem;margin-bottom:20px}.register-inventory-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.register-inventory-form label{grid-column:span 1;font-weight:700;color:#333;margin-bottom:8px;font-size:.9rem}.register-inventory-form input,.register-inventory-form textarea,.register-inventory-form select{grid-column:span 1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background-color:#fff;box-sizing:border-box;color:#000}.register-inventory-form textarea{resize:none;height:100px}.register-inventory-form .buttons{grid-column:span 4;display:flex;justify-content:space-between;margin-top:20px}.register-inventory-form button{padding:12px 20px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.register-btn{background-color:#4caf50;color:#fff}.register-btn:hover{background-color:#45a049}.back-btn{background-color:#d32f2f;color:#fff}.back-btn:hover{background-color:#b71c1c}@media (max-width: 768px){.register-inventory-form{grid-template-columns:repeat(2,1fr)}.register-inventory-form h2,.register-inventory-form .buttons{grid-column:span 2}}@media (max-width: 480px){.register-inventory-form{grid-template-columns:1fr}.register-inventory-form h2,.register-inventory-form .buttons{grid-column:span 1}}.volver-bt{background-color:#fff;color:#001259}.product-list-container h2{text-align:center;color:#1a73e8;margin-bottom:20px;font-size:1.5rem}.product-table{width:100%;border-collapse:collapse;text-align:left}.product-table td{color:#000}.product-table th,.product-table td{padding:12px 8px;border:1px solid #ddd}.product-table th{background-color:#001259;color:#fff;font-weight:700}.botones-actions{display:flex;gap:5px}.register-but{background-color:#001259;color:#fff}.modify-btn,.delete-btn{font-size:.9rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.delete-btn{background-color:#d32f2f;color:#fff;margin-left:5px}.delete-btn:hover{background-color:#b71c1c}.success-message{background-color:#d4edda;color:#155724;padding:10px 20px;border-radius:4px;margin-bottom:15px;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;padding:10px 20px;border-radius:4px;margin-bottom:15px;border:1px solid #f5c6cb}@media (max-width: 768px){.product-list-container{padding:15px}.product-table th,.product-table td{font-size:.85rem}.modify-btn,.delete-btn{font-size:.8rem}}.descripciones{display:flex;flex-direction:column;align-items:start}.pedido-table td{color:#000}.btn-vol{display:flex;justify-content:center}.product-list-container h2{color:#333;margin-bottom:20px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.product-card h3{color:#fff}.product-card{padding:15px;background-color:#001259;color:#fff;border-radius:8px;cursor:pointer;text-align:center;transition:transform .3s ease}.product-card:hover{transform:scale(1.05)}.pedido-table-container{margin-top:30px}.pedido-table{width:100%;border-collapse:collapse;margin-top:10px}.pedido-table th,.pedido-table td{padding:10px;border:1px solid #ddd;text-align:center}.pedido-table th{background-color:#001259;color:#fff}.left-aligned{text-align:left}.no-products-message{color:red;font-weight:700;text-align:center;margin-top:20px}.cronograma-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.cronograma-title{color:#333;margin-bottom:20px;font-size:44px;font-weight:700}.cronograma-cards{display:flex;justify-content:center;gap:20px;margin-top:10px}.cronograma-card{width:150px;height:150px;flex:1;background-color:#001259;color:#fff;border-radius:8px;text-align:center;font-size:28px;font-weight:700;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.cronograma-card:hover{transform:scale(1.05)}@media (max-width: 600px){.cronograma-cards{flex-direction:column}.cronograma-card{margin-bottom:10px}}.registro-calendario-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);--w-idx: 56px;--w-sinpedido: 120px;--w-fecha: 150px;--w-pedido: 220px;--w-referencia: 240px;--w-cat: 260px;--w-name: 220px;--w-color: 160px;--w-vr: 160px;--w-prog: 140px;--w-total: 170px;--w-prod: 140px;--w-saldo: 120px;--w-acciones: 120px}.productions-table{width:100%;table-layout:fixed;border-collapse:collapse}.productions-table col.col-idx{width:var(--w-idx)}.productions-table col.col-sinpedido{width:var(--w-sinpedido)}.productions-table col.col-fecha{width:var(--w-fecha)}.productions-table col.col-pedido{width:var(--w-pedido)}.productions-table col.col-referencia{width:var(--w-referencia)}.productions-table col.col-cat{width:var(--w-cat)}.productions-table col.col-name{width:var(--w-name)}.productions-table col.col-color{width:var(--w-color)}.productions-table col.col-vr{width:var(--w-vr)}.productions-table col.col-prog{width:var(--w-prog)}.productions-table col.col-total{width:var(--w-total)}.productions-table col.col-prod{width:var(--w-prod)}.productions-table col.col-saldo{width:var(--w-saldo)}.productions-table col.col-acciones{width:var(--w-acciones)}.productions-table td input,.productions-table td select{width:100%;box-sizing:border-box;padding:6px 8px}.productions-table th,.productions-table td{border:1px solid #e5e7eb;padding:6px 8px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-mini{font-size:11px;color:#6b7280;margin-top:2px}.conten-gen{margin-top:60px;padding:1rem}.conten-but{display:flex;justify-content:start;gap:5px}.conten-conten{display:flex;justify-content:center;flex-direction:column}.boton-volver button[type=button]{background-color:#fff;color:#001259;border:2px solid #001259}.boton-volver button[type=button]:hover{background-color:#fff;color:#001259}.inventory-table th{background-color:#001259;color:#fff}.client-detail-container{font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;padding:20px;max-width:800px;margin:20px auto;border-radius:8px;box-shadow:0 0 10px #0000001a}.conten-form-deta{display:flex;justify-content:center}h1{color:#036;text-align:center;margin-bottom:20px}.client-detail-form{display:flex;flex-direction:column;gap:15px}label{font-weight:700;margin-bottom:5px;color:#036}input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#1c2b36;color:#fff}input:disabled{background-color:#4d4d4d;color:#bbb}input::placeholder{color:#ccc}.button-group{display:flex;justify-content:space-between;margin-top:20px}button{background-color:#036;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}button:hover{background-color:#024}button[type=button]{background-color:#666}button[type=button]:hover{background-color:#555}.error-message{color:red;text-align:center;font-weight:700;margin-top:20px}.material-form-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-form-ma{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px 30px;width:100%;max-width:400px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px}.conten-form-ma form{display:flex;flex-direction:column;gap:15px}.conten-gen-ma{display:flex;justify-content:center}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.success-message{color:green;margin-top:10px}.material-inventory-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}h1{margin-bottom:20px;font-size:2rem;color:#333}.material-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.material-card{width:200px;padding:15px;border-radius:10px;background-color:#f5f5f5;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center;border:2px solid #002580}.material-card h2{margin:0 0 10px;font-size:1.5rem;color:#555}.material-card p{margin:0;font-size:1.2rem;color:#777}.material-card:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.boton-registrar{display:flex;justify-content:center;margin-bottom:10px;gap:5px}.action-button{padding:8px 15px;margin:5px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s}.action-button.edit{background-color:#002580;color:#fff;border:none}.action-button.edit:hover{background-color:#002580}.action-button.delete{background-color:#002580;color:#fff;border:none}.action-button.delete:hover{background-color:#002580}.action-button.eliminar{background-color:#002580;color:#fff;border:none}.action-button.eliminar:hover{background-color:#002580}.actions-container{display:flex;justify-content:center;margin-bottom:20px}.register-button{padding:10px 20px;background-color:#002580;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.material-table{width:100%;border-collapse:collapse;margin-top:20px}.material-table th,.material-table td{border:1px solid #ddd;padding:8px;text-align:left}.material-table th{background-color:#001259;color:#fff}.material-table td{color:#000}.delete-button{padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:transform .2s ease}.delete-button:hover{transform:scale(1.1)}.actions-container{display:flex;justify-content:start;gap:5px}.register-button{padding:10px 20px;background-color:#001259;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.register-button:hover{background-color:#1a73e8}.conten-consumo-gen{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-form-gen{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px 30px;width:100%;max-width:500px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px}.conten-form-con{display:flex;justify-content:center}input:read-only{background-color:#888787;color:#fff;border:1px solid #ccc}.material-list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.material-table{width:100%;table-layout:fixed}.material-table th:nth-child(1),.material-table td:nth-child(1){width:120px}.material-table th:nth-child(2),.material-table td:nth-child(2){width:120px}.material-table th:nth-child(3),.material-table td:nth-child(3){width:120px}.material-table th:nth-child(4),.material-table td:nth-child(4){width:120px}.material-table th:nth-child(5),.material-table td:nth-child(5){width:120px}.material-table th:nth-child(6),.material-table td:nth-child(6){width:120px}.material-table th:nth-child(7),.material-table td:nth-child(7){width:120px}.material-table th:nth-child(8),.material-table td:nth-child(8){width:120px}.material-table th:nth-child(9),.material-table td:nth-child(9){width:120px}.material-table th:nth-child(10),.material-table td:nth-child(10){width:120px}.material-table th:nth-child(11),.material-table td:nth-child(11){width:120px}.material-table th:nth-child(12),.material-table td:nth-child(12){width:120px}.material-table th:nth-child(13),.material-table td:nth-child(13){width:120px}.material-table th:nth-child(14),.material-table td:nth-child(14){width:120px}.material-table th:nth-child(15),.material-table td:nth-child(15){width:120px}.material-table th:nth-child(16),.material-table td:nth-child(16){width:120px}.material-table th:nth-child(17),.material-table td:nth-child(17){width:120px}.categoria-material-form-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-gen-form{display:flex;justify-content:center}.conten-form-ca{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100%;max-width:400px;box-sizing:border-box}.conten-form-ca form{display:flex;flex-direction:column;gap:15px}.conten-form-ca .form-group{display:flex;flex-direction:column}.conten-form-ca label{font-weight:700;margin-bottom:5px}.conten-form-ca input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.conten-form-ca button{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.conten-form-ca button:hover{background-color:#0056b3}.conten-gen{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}h1,h2{color:#333;margin-bottom:10px}.pedido-info th{color:#000}.pedido-info,.pedido-productos{width:100%;border-collapse:collapse;margin-bottom:20px}.pedido-info th,.pedido-info td,.pedido-productos th,.pedido-productos td{border:1px solid #aaaaaa;padding:8px;text-align:left}.pedido-info th,.pedido-productos th{background-color:#e0e0e0;font-weight:700}.pedido-info tbody tr:nth-child(odd),.pedido-productos tbody tr:nth-child(odd){background-color:#f7f7f7}.pedido-info tbody tr:hover,.pedido-productos tbody tr:hover{background-color:#e9e9e9}.pedido-info td,.pedido-productos td,.despachos-table td{color:#000}.pedido-info td.estado-pendiente{color:red;font-weight:700}.pedido-info td.estado-completado{color:green;font-weight:700}.pedido-contenedor{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;overflow:visible}.detalle-productos,.detalle-pagos{flex:1;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.detalle-pagos{max-width:100%}.payments-table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{border:1px solid #aaaaaa;padding:8px;text-align:left}.payments-table th{background-color:#ddd;font-weight:700;color:#333}.action-button.descargar{background-color:#001259;color:#fff;border:none;padding:5px 10px;margin-left:5px;cursor:pointer}.producto-linea{margin-bottom:4px;padding:4px;border-bottom:1px solid #333}.content-detalle-pago{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.content-detalle-pago .detall{flex:1 1 60%;min-width:420px}.content-detalle-pago .pag{flex:1 1 38%;min-width:320px}.content-detalle-pago .detall table,.content-detalle-pago .pag table{width:100%}.content-detalle-pago .pag{overflow:auto;max-height:60vh;padding:4px 0}@media (max-width: 1100px){.content-detalle-pago .detall,.content-detalle-pago .pag{flex:1 1 100%;min-width:0}}.register-dispatch-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-form{width:1000px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:15px}.form-actions{display:flex;justify-content:space-between}.productos-table td{color:#000}.main-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);box-sizing:border-box}.pedidos-container{padding:20px;font-family:Arial,sans-serif}.pedidos-container h1{color:#001259;text-align:center;margin-bottom:20px}.pedidos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pedido-card{background-color:#001259;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.pedido-card h2{color:#fff;margin-bottom:10px}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.producto-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;box-shadow:0 2px 4px #0000001a}.producto-card h3{margin-bottom:5px;font-size:1.1rem}.pedidos-pendientes-container{margin-top:200px;max-height:calc(100vh - 100px)}.pedidos-pendientes-container h2{font-size:1.5rem;margin-bottom:10px}.pedidos-pendientes-container p{font-size:1.2rem;color:#333}.titul h3{font-size:1.5rem}.titul{border:2px solid #001259;border-radius:10px}.titul h1{font-size:2.5rem;color:red}.titulo{color:#001259}.chart-description{font-family:Arial,sans-serif;font-size:.9rem;color:#555;margin-top:10px;line-height:1.5;text-align:center}.productos-stock-table td,.productos-solicitados-table td,.material-type-table td,.outstanding-balances-table td{color:#000}.outstanding-balances-table td.pendiente-saldo{color:red}.charts-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);box-sizing:border-box}.chart-item{flex:1 1 calc(50% - 20px);padding:60px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;min-height:150px;box-sizing:border-box}.list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.product-cards-container{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.actions-container-di{display:flex;justify-content:center;margin-bottom:10px;gap:5px}.card{width:400px;padding:15px;background-color:#001259;color:#fff;text-align:center;font-size:28px;font-weight:700;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s ease;border-color:#001259}.card:hover{transform:scale(1.05);background-color:#1a73e8;border-color:#1a73e8}.card h3{font-size:1.2rem;margin-bottom:10px;color:#fff}.card p{font-size:1rem;color:#fff}.registro-calendario-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.conten-form-calen{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px 30px;width:100%;height:100%;max-width:600px;box-sizing:border-box}.conten-gen{display:flex;justify-content:center}.registro-calendario-container h2{text-align:center;margin-bottom:20px;color:#1a73e8}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group textarea{resize:vertical}.textarea-observacion{width:100%;height:120px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;resize:vertical}.form-buttons{display:flex;justify-content:space-between}.btn-registrar,.btn-volver{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.btn-registrar{background-color:#1a73e8;color:#fff}.btn-volver{background-color:#ddd;color:#333}.btn-registrar:hover{background-color:#155cb0}.btn-volver:hover{background-color:#bbb}.product-list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}h2{font-size:24px;color:#1a73e8;text-align:center;margin-bottom:20px}.volver-botones{text-align:center;margin-bottom:5px}.filters input{width:200px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.products-grid p{color:#fff}.product-card{border:1px solid #ddd;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination button{background-color:#fff;border:1px solid #ddd;padding:5px 10px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading-message,.error-message,.no-data-message{text-align:center;font-size:18px;margin:20px 0;color:#333}.error-message{color:red}.resumen-table-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.reporte-pedidos-table{width:100%;border-collapse:collapse;margin-top:20px}.reporte-pedidos-table th,.reporte-pedidos-table td{border:1px solid #ddd;padding:8px;text-align:center}.reporte-pedidos-table th{background-color:#001259;color:#fff;font-weight:700}.reporte-pedidos-table td{color:#000}.reporte-pedidos-table tr:nth-child(2n){background-color:#f9f9f9}.reporte-pedidos-table tr:hover{background-color:#f1f1f1}.cargo-number-group{display:flex;gap:8px}.cargo-number-group input{flex:2}.cargo-number-group button{flex:2;margin-bottom:10px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.register-password-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.div-form{display:flex;justify-content:center}.register-form{width:100%;max-width:350px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 15px #0003}h1{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}input,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button{padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.error-message{color:red;margin-top:10px}.list-generacionpassword-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.list-generacionpassword-container h1{font-size:2rem;color:#001259;margin-bottom:1.5rem}.list-generacionpassword-container h4{text-align:center}.generacionpassword-table{width:100%;border-collapse:collapse}.generacionpassword-table th,.generacionpassword-table td{padding:.8rem;border:1px solid #ddd;text-align:center}.generacionpassword-table th{background-color:#001259;color:#fff;font-weight:700}.generacionpassword-table td{color:#000}.detail-button,.register-button{background-color:#001259;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.content-boton{display:flex;justify-content:center}.detail-button:hover{background-color:#002580}.button-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.button-title{color:#333;margin-bottom:20px;font-size:44px;font-weight:700}.button-cards{display:flex;justify-content:center;gap:20px;margin-top:20px}.button-card{width:150px;height:150px;flex:1;background-color:#001259;color:#fff;border-radius:8px;text-align:center;font-size:28px;font-weight:700;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.button-card:hover{transform:scale(1.05)}@media (max-width: 600px){.button-cards{flex-direction:column}.button-card{margin-bottom:10px}}.registro-pedido-container{margin-top:80px;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a;overflow-y:auto;height:calc(100vh - 100px)}h1,h2,h3{text-align:center;color:#333}.conten-ped{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%;max-width:1000px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.form-pedido,.form-tipo-empresa,.form-producto{margin-bottom:20px}label.required{display:block;font-weight:700;margin-bottom:5px;color:#555}input[type=text],input[type=date],input[type=number],select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.conten-check{display:flex;align-items:center;width:244px}.conten-check label{margin-right:5px}.conten-descuento{display:flex}.conten-descuento input.campo-descuento{width:100px}.simbolo-descuento{font-size:large;margin-left:5px}.table-productos{width:100%;border-collapse:collapse;margin-top:20px}table th,table td{border:1px solid #ccc;padding:10px;text-align:center}table th{background-color:#f1f1f1;color:#333}table tr:nth-child(2n){background-color:#f9f9f9}table tr:hover{background-color:#f1f1f1}button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}button:hover{background-color:#0056b3}.buttons-container{display:flex;justify-content:space-between;margin-top:20px}.buttons-container button{width:48%}h3{font-weight:700;color:#333;text-align:center}.order-discount-section{width:15%}label.required:after{content:" *";color:red;font-weight:700}@media (max-width: 768px){.registro-pedido-container{padding:15px}table th,table td{font-size:14px}button{font-size:14px;padding:8px 15px}}.inventory-edit-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center}.inventory-edit-container h1{color:#001259;margin-bottom:1rem}.inventory-edit-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 15px #0003;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.inventory-edit-form label{display:flex;flex-direction:column;font-weight:700;color:#1c2b36}.inventory-edit-form input,.inventory-edit-form select,.inventory-edit-form textarea{margin-top:.5rem;padding:.8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;background:#f8f9fa;color:#000}.inventory-edit-form input[disabled],.inventory-edit-form select[disabled]{background:#a0a0a0;color:#474747}.inventory-edit-form input:focus,.inventory-edit-form select:focus,.inventory-edit-form textarea:focus{outline:none;border-color:#001259}.inventory-edit-form .button-group{display:flex;gap:1rem}.inventory-edit-form button{background:#001259;color:#fff;border:none;padding:.8rem;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s;flex:1}.inventory-edit-form button:hover{background:#002580}.button-container,.pedido-list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.pedido-list-container{margin-top:auto;padding:2rem;max-height:calc(100vh - 100px)}.table-container{display:flex;justify-content:center;overflow-x:auto;width:100%}