.montoto-pedidos-catalog{max-width:1200px;min-height:80vh;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.montoto-pedidos-catalog .catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f1f1}.montoto-pedidos-catalog .catalog-header h2{margin:0;color:#333;font-size:28px}.montoto-pedidos-catalog .catalog-header .cart-summary .cart-toggle{background:linear-gradient(135deg, #6c757d 0%, rgb(96.1802575107, 104.19527897, 111.3197424893) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.montoto-pedidos-catalog .catalog-header .cart-summary .cart-toggle:hover:not(:disabled){background:linear-gradient(135deg, rgb(89.0884120172, 96.5124463519, 103.1115879828) 0%, rgb(79.6326180258, 86.2686695279, 92.1673819742) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.montoto-pedidos-catalog .catalog-header .cart-summary .cart-toggle:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.montoto-pedidos-catalog .catalog-header .cart-summary .cart-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.montoto-pedidos-catalog .catalog-header .cart-summary .cart-toggle{font-size:16px;padding:12px 20px}.montoto-loading{text-align:center;padding:60px 20px}.montoto-loading .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #e84e1b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.montoto-loading p{color:#6c757d;font-size:16px}.loading-spinner-sm{width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.montoto-error{text-align:center;padding:40px 20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.montoto-error p{margin-bottom:20px;font-size:16px}.montoto-error-notification{background-color:#f8d7da;border:2px solid #f5c6cb;border-radius:8px;color:#721c24;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.1)}.montoto-error-notification p{margin:0;font-size:15px;font-weight:500;flex:1}.montoto-error-notification .btn{margin-left:12px;font-size:13px;padding:6px 12px}.btn.btn-primary{background:linear-gradient(135deg, #e84e1b 0%, rgb(212.1035856574, 68.8406374502, 21.3964143426) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, rgb(198.2055776892, 64.3298804781, 19.9944223108) 0%, rgb(179.6749003984, 58.3155378486, 18.1250996016) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.btn.btn-secondary{background:linear-gradient(135deg, #6c757d 0%, rgb(96.1802575107, 104.19527897, 111.3197424893) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, rgb(89.0884120172, 96.5124463519, 103.1115879828) 0%, rgb(79.6326180258, 86.2686695279, 92.1673819742) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn.btn-secondary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.btn.btn-success{background:linear-gradient(135deg, #28a745 0%, rgb(35.0724637681, 146.4275362319, 60.5) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn.btn-success:hover:not(:disabled){background:linear-gradient(135deg, rgb(32.115942029, 134.084057971, 55.4) 0%, rgb(28.1739130435, 117.6260869565, 48.6) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn.btn-success:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.btn.btn-danger{background:linear-gradient(135deg, #dc3545 0%, rgb(210.9493670886, 36.5506329114, 53.2594936709) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, rgb(197.9088607595, 34.2911392405, 49.9670886076) 0%, rgb(180.5215189873, 31.2784810127, 45.5772151899) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn.btn-danger:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.btn.btn-warning{background:linear-gradient(135deg, #ffc107 0%, rgb(236.5, 177.375, 0) 100%);color:#212529;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn.btn-warning:hover:not(:disabled){background:linear-gradient(135deg, rgb(221.2, 165.9, 0) 0%, rgb(200.8, 150.6, 0) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn.btn-warning:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn.btn-warning:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.btn.btn-sm{padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px}.product-filters{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2px}.product-filters .filters-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.product-filters .filters-row .search-form{flex:1;min-width:300px}.product-filters .filters-row .search-form .search-field-group{display:flex;gap:8px}.product-filters .filters-row .search-form .search-field-group .search-input{flex:1;padding:14px 16px;border:2px solid #e8ecef;border-radius:8px;font-size:15px;background:#fafbfc;transition:all .3s ease;font-weight:400}.product-filters .filters-row .search-form .search-field-group .search-input:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 3px rgba(232,78,27,.08);transform:translateY(-1px)}.product-filters .filters-row .search-form .search-field-group .search-input::placeholder{color:#9ca3af;font-weight:400}.product-filters .filters-row .category-filter .category-select{padding:14px 16px;border:2px solid #e8ecef;border-radius:8px;font-size:15px;background:#fafbfc;min-width:220px;transition:all .3s ease;font-weight:400;cursor:pointer}.product-filters .filters-row .category-filter .category-select:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 3px rgba(232,78,27,.08);transform:translateY(-1px)}.product-filters .filters-row .category-filter .category-select:hover{border-color:#d1d5db}.product-filters .active-filters{margin-top:16px;padding-top:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-filters .active-filters .filters-label{font-weight:600;color:#6c757d;font-size:14px}.product-filters .active-filters .filter-tag{background:#17a2b8;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.products-table-container{background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;margin-bottom:24px}.products-table-container .products-table{width:100%;border-collapse:collapse}.products-table-container .products-table th,.products-table-container .products-table td{padding:16px;text-align:left;border-bottom:1px solid #eee}.products-table-container .products-table th{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.products-table-container .products-table .product-row:hover{background-color:#f8f9fa}.products-table-container .products-table .product-row .product-info .product-details{display:flex;gap:12px;align-items:flex-start}.products-table-container .products-table .product-row .product-info .product-details .product-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #eee}.products-table-container .products-table .product-row .product-info .product-details .product-text{flex:1}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#333}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name .product-link{color:#e84e1b;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name .product-link:hover{color:rgb(188.9402390438,61.3227091633,19.0597609562);text-decoration:underline}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name .product-link:visited{color:rgb(212.1035856574,68.8406374502,21.3964143426)}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name .product-link::after{content:"↗";font-size:12px;opacity:.6;transition:opacity .3s ease}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-name .product-link:hover::after{opacity:1}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-meta{display:flex;align-items:center;gap:0;margin:2px 0 4px 0;font-size:13px;line-height:1.4}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-meta .product-modelo{color:#6c757d;font-weight:400;font-style:italic}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-meta .meta-separator{color:#6c757d;margin:0 4px}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-meta .product-sku{color:#6c757d;font-weight:400}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-modelo:not(.product-meta .product-modelo){display:block;font-size:13px;color:#6c757d;margin:2px 0 4px 0;font-weight:400;font-style:italic}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-sku:not(.product-meta .product-sku){font-size:12px;color:#6c757d;background:#f1f1f1;padding:2px 6px;border-radius:2px}.products-table-container .products-table .product-row .product-info .product-details .product-text .product-description{margin:8px 0 0 0;font-size:14px;color:#6c757d;line-height:1.4}.products-table-container .products-table .product-row .product-categories .categories-list{display:flex;flex-wrap:wrap;gap:4px}.products-table-container .products-table .product-row .product-categories .categories-list .category-tag{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500}.products-table-container .products-table .product-row .product-categories .no-categories{color:#6c757d;font-style:italic}.products-table-container .products-table .product-row .product-stock .stock-available{color:#28a745;font-weight:500}.products-table-container .products-table .product-row .product-stock .stock-available .stock-quantity{color:#6c757d;font-weight:normal;font-size:12px}.products-table-container .products-table .product-row .product-stock .stock-unavailable{color:#dc3545;font-weight:500}.products-table-container .products-table .product-row .quantity-input .quantity-field{width:85px;padding:10px 12px;border:2px solid #e8ecef;border-radius:8px;text-align:center;font-size:14px;font-weight:500;background:#fafbfc;transition:all .3s ease}.products-table-container .products-table .product-row .quantity-input .quantity-field:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 3px rgba(232,78,27,.08);transform:translateY(-1px)}.products-table-container .products-table .product-row .quantity-input .quantity-field:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.products-table-container .products-table .product-row .product-actions .add-to-cart-btn{white-space:nowrap}.products-loading .loading-skeleton .skeleton-row{display:flex;gap:16px;margin-bottom:16px}.products-loading .loading-skeleton .skeleton-row .skeleton-cell{height:78px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;flex:1}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.no-products{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.order-cart{background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:24px;overflow:hidden}.order-cart .cart-header{background:#f8f9fa;padding:16px 20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.order-cart .cart-header h3{margin:0;color:#333;font-size:18px}.order-cart .cart-items{max-height:400px;overflow-y:auto}.order-cart .cart-items .cart-item{padding:16px 20px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center;gap:16px}.order-cart .cart-items .cart-item:last-child{border-bottom:none}.order-cart .cart-items .cart-item .item-image{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.order-cart .cart-items .cart-item .item-image img{width:100%;height:100%;object-fit:cover}.order-cart .cart-items .cart-item .item-image{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.order-cart .cart-items .cart-item .item-image img{width:100%;height:100%;object-fit:cover}.order-cart .cart-items .cart-item .item-info{flex:1}.order-cart .cart-items .cart-item .item-info .item-name{margin:0 0 4px 0;font-size:14px;font-weight:600;color:#333;line-height:1.4}.order-cart .cart-items .cart-item .item-info .item-name strong{font-weight:700}.order-cart .cart-items .cart-item .item-info .item-name .item-modelo{font-weight:400;color:#6c757d;font-size:13px;font-style:italic}.order-cart .cart-items .cart-item .item-info .item-name .item-sku{font-weight:400;color:#6c757d;font-size:13px}.order-cart .cart-items .cart-item .item-info .item-price{color:#6c757d;font-size:12px}.order-cart .cart-items .cart-item .item-controls{display:flex;align-items:center;gap:12px}.order-cart .cart-items .cart-item .item-controls .quantity-controls{display:flex;align-items:center;gap:4px}.order-cart .cart-items .cart-item .item-controls .quantity-controls .quantity-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 1px 4px rgba(0,0,0,.1)}.order-cart .cart-items .cart-item .item-controls .quantity-controls .quantity-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.order-cart .cart-items .cart-item .item-controls .quantity-controls .quantity-input-cart{width:55px;padding:6px 8px;border:2px solid #e8ecef;border-radius:6px;text-align:center;font-size:13px;font-weight:500;background:#fafbfc;transition:all .3s ease}.order-cart .cart-items .cart-item .item-controls .quantity-controls .quantity-input-cart:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 2px rgba(232,78,27,.08)}.order-cart .cart-items .cart-item .item-controls .item-subtotal{min-width:80px;text-align:right;color:#333;font-size:14px}.order-cart .cart-items .cart-item .item-controls .remove-item-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-weight:600;transition:all .3s ease;box-shadow:0 1px 4px rgba(0,0,0,.1)}.order-cart .cart-items .cart-item .item-controls .remove-item-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.order-cart .cart-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid #dee2e6}.order-cart .cart-footer .cart-total{margin-bottom:12px;text-align:right;font-size:18px;color:#333}.order-cart .cart-footer .cart-summary{margin-bottom:16px;color:#6c757d;font-size:14px}.order-cart .cart-footer .cart-actions{text-align:right}.order-cart .cart-footer .cart-actions .checkout-btn{font-size:16px;padding:12px 24px}.order-cart.empty-cart .empty-message{padding:40px 20px;text-align:center;color:#6c757d;margin:0}.customer-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}@keyframes slideInModal{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-form-container{max-width:900px;width:100%;max-height:90vh;overflow-y:auto;margin:0;animation:slideInModal .4s ease-out}.customer-form-container::-webkit-scrollbar{width:8px}.customer-form-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.customer-form-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.customer-form-container::-webkit-scrollbar-thumb:hover{background:#555}.customer-form-container .modal-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#666;cursor:pointer;z-index:10001;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.customer-form-container .modal-close-button:hover{background:#fff;color:#333;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.customer-form-container .modal-close-button:active{transform:scale(0.95)}.customer-form-container .customer-form-wrapper{background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.2);overflow:hidden;position:relative}.customer-form-container .customer-form-wrapper .form-close-btn{position:absolute;top:16px;right:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6c757d;z-index:10;transition:all .2s ease}.customer-form-container .customer-form-wrapper .form-close-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.customer-form-container .customer-form-wrapper .form-close-btn:before{content:"×";font-weight:bold;line-height:1}.customer-form-container .customer-form-wrapper .customer-form{padding:32px}.customer-form-container .customer-form-wrapper .customer-form .form-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f1f3f4}.customer-form-container .customer-form-wrapper .customer-form .form-header h3{margin:0 0 12px 0;color:#333;font-size:24px;font-weight:700}.customer-form-container .customer-form-wrapper .customer-form .form-header .auto-fill-notice{margin:0;padding:12px 16px;background:linear-gradient(135deg, #e8f5e8, #f0f9f0);border:1px solid #c3e6c3;border-radius:8px;color:#2d5a2d;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.customer-form-container .customer-form-wrapper .customer-form .form-header .auto-fill-notice:before{content:"ℹ️";font-style:normal}.customer-form-container .customer-form-wrapper .customer-form .form-header .auto-fill-notice p{margin:0}.customer-form-container .customer-form-wrapper .customer-form .form-header .auto-fill-notice .loading-text{display:flex;align-items:center;gap:8px}.customer-form-container .customer-form-wrapper .customer-form .form-header .auto-fill-notice .loading-text:before{content:"⏳"}.form-steps{margin-bottom:32px}.form-steps .steps-indicator{display:flex;justify-content:center;align-items:center;position:relative;padding:0 20px}.form-steps .steps-indicator:before{content:"";position:absolute;top:40%;left:40px;right:40px;height:2px;background:#e9ecef;transform:translateY(-50%);z-index:0}.form-steps .steps-indicator .step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;z-index:1;cursor:pointer;transition:all .3s ease;padding:16px 8px;border-radius:12px}.form-steps .steps-indicator .step-indicator:hover.accessible{background:#f8f9fa}.form-steps .steps-indicator .step-indicator:not(.accessible){cursor:not-allowed}.form-steps .steps-indicator .step-indicator .step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .3s ease;background:#fff;border:3px solid #e9ecef;color:#6c757d}.form-steps .steps-indicator .step-indicator .step-label{font-size:12px;font-weight:600;text-align:center;color:#6c757d;transition:all .3s ease;max-width:80px;line-height:1.2}.form-steps .steps-indicator .step-indicator.current .step-number{background:#e84e1b;border-color:#e84e1b;color:#fff;box-shadow:0 0 0 4px rgba(232,78,27,.15);transform:scale(1.1)}.form-steps .steps-indicator .step-indicator.current .step-label{color:#e84e1b;font-weight:700}.form-steps .steps-indicator .step-indicator.completed .step-number{background:#28a745;border-color:#fff;color:#fff;font-size:20px}.form-steps .steps-indicator .step-indicator.completed .step-label{color:#28a745}.form-steps .steps-indicator .step-indicator.pending .step-number{background-color:#e1e1e1;border-color:#fff;color:#adb5bd}.form-steps .steps-indicator .step-indicator.pending .step-label{color:#adb5bd}.form-step-content{min-height:400px;margin-bottom:24px}.form-step-content .step-content{animation:fadeInStep .4s ease-in-out;padding:24px 0}.form-step-content .step-content .step-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f1f3f4}.form-step-content .step-content .step-header h4{margin:0 0 8px 0;color:#333;font-size:22px;font-weight:700}.form-step-content .step-content .step-header p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}@keyframes fadeInStep{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.order-summary-step{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:24px;max-width:600px;margin:0 auto}.order-summary-step .order-items{margin-bottom:20px}.order-summary-step .order-items .order-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e9ecef;gap:16px}.order-summary-step .order-items .order-item:last-child{border-bottom:none}.order-summary-step .order-items .order-item .item-image{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.order-summary-step .order-items .order-item .item-image img{width:100%;height:100%;object-fit:cover}.order-summary-step .order-items .order-item .item-details{flex:1}.order-summary-step .order-items .order-item .item-details .item-name{display:block;font-weight:600;color:#333;margin-bottom:4px;font-size:15px;line-height:1.4}.order-summary-step .order-items .order-item .item-details .item-name strong{font-weight:700}.order-summary-step .order-items .order-item .item-details .item-name .item-modelo{font-weight:400;color:#6c757d;font-size:13px;font-style:italic}.order-summary-step .order-items .order-item .item-details .item-name .item-sku{font-weight:400;color:#6c757d;font-size:13px}.order-summary-step .order-items .order-item .item-details .item-quantity{display:block;color:#6c757d;font-size:13px}.order-summary-step .order-items .order-item .item-pricing{text-align:right;min-width:120px}.order-summary-step .order-items .order-item .item-pricing .item-price{display:block;color:#6c757d;font-size:12px;margin-bottom:4px}.order-summary-step .order-items .order-item .item-pricing .item-total{display:block;font-weight:700;color:#333;font-size:15px}.order-summary-step .order-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:2px solid #dee2e6;margin-top:16px}.order-summary-step .order-total .total-label{font-size:18px;font-weight:600;color:#333}.order-summary-step .order-total .total-amount{font-size:20px;font-weight:700;color:#e84e1b}.order-summary-step .empty-cart{text-align:center;padding:40px 20px}.order-summary-step .empty-cart p{margin:0;color:#6c757d;font-size:16px}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;border-top:2px solid #f1f3f4}.step-navigation .step-actions{flex:1;display:flex;justify-content:center}.step-navigation .step-btn{min-width:120px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s ease}.step-navigation .step-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.form-group .address-row,.form-group .name-row{display:flex;gap:12px;margin-top:8px}.form-group .address-row .form-input,.form-group .name-row .form-input{flex:1}.form-group .address-row .form-input.form-input-small,.form-group .name-row .form-input.form-input-small{flex:0 0 100px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:15px;letter-spacing:.2px}.form-group .form-input,.form-group .form-textarea{width:100%;padding:14px 16px;border:2px solid #e8ecef;border-radius:8px;font-size:15px;font-family:inherit;background:#fafbfc;transition:all .3s ease;font-weight:400}.form-group .form-input:focus,.form-group .form-textarea:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 3px rgba(232,78,27,.08);transform:translateY(-1px)}.form-group .form-input::placeholder,.form-group .form-textarea::placeholder{color:#9ca3af;font-weight:400}.form-group .form-input.error,.form-group .form-textarea.error{border-color:#dc3545;background:#fef2f2;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.form-group .form-input:disabled,.form-group .form-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group .form-textarea{resize:vertical;min-height:80px}.form-group .error-message{display:block;margin-top:4px;color:#dc3545;font-size:12px}.payment-methods .form-group{margin-bottom:16px}.payment-methods .payment-option{display:flex;align-items:center;padding:16px 20px;border:2px solid #e8ecef;border-radius:8px;background:#fafbfc;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500}.payment-methods .payment-option:hover{border-color:hsl(14.9268292683,81.6733067729%,70.7843137255%);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.payment-methods .payment-option input[type=radio]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#e84e1b}.payment-methods .payment-option input[type=radio]:checked+.payment-label{color:#e84e1b;font-weight:600}.payment-methods .payment-option:has(input[type=radio]:checked){border-color:#e84e1b;background:hsl(14.9268292683,81.6733067729%,95.7843137255%);box-shadow:0 2px 8px rgba(232,78,27,.15)}.payment-methods .payment-option .payment-label{flex:1;cursor:pointer;color:#374151;transition:all .3s ease}.payment-methods .payment-option:has(input[type=radio]:disabled){opacity:.6;cursor:not-allowed;background:#f3f4f6}.payment-methods .payment-option:has(input[type=radio]:disabled) .payment-label{cursor:not-allowed}.payment-methods .error-message{display:block;margin-top:12px;padding:12px;color:#dc3545;font-size:14px;background:#fef2f2;border-radius:6px;border-left:4px solid #dc3545}.price-notice-banner{background-color:#fff3cd;border-radius:8px;padding:16px 20px;margin-top:20px;margin-bottom:20px}.price-notice-banner p{margin:0;color:#856404;font-size:15px;line-height:1.6;text-align:center}.price-notice-banner p strong{color:#664d03;font-size:16px}.pagination-info{text-align:center;padding:16px;background:#fff}.pagination-info p{margin:0;color:#6c757d;font-size:14px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;background:#fff;gap:16px}.pagination-controls .pagination-btn{background:linear-gradient(135deg, #e84e1b 0%, rgb(212.1035856574, 68.8406374502, 21.3964143426) 100%);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.pagination-controls .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg, rgb(198.2055776892, 64.3298804781, 19.9944223108) 0%, rgb(179.6749003984, 58.3155378486, 18.1250996016) 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.pagination-controls .pagination-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.pagination-controls .pagination-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:#e5e7eb;color:#9ca3af}.pagination-controls .pagination-btn{font-size:14px;padding:10px 16px;min-width:120px}.pagination-controls .pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-controls .pagination-btn:disabled:hover{background-color:#e9ecef;transform:none}.pagination-controls .pagination-info-detailed{text-align:center;color:#333;font-size:14px;flex:1}.pagination-controls .pagination-info-detailed span{display:block}.pagination-controls .pagination-info-detailed span:first-child{font-weight:600;margin-bottom:4px}.pagination-controls .pagination-info-detailed span:last-child{color:#6c757d;font-size:12px}@media(max-width: 768px){.montoto-pedidos-catalog{padding:12px}.montoto-pedidos-catalog .catalog-header{flex-direction:column;gap:16px;align-items:flex-start}.product-filters .filters-row{flex-direction:column;align-items:stretch}.product-filters .filters-row .search-form{min-width:auto}.product-filters .filters-row .search-form .search-field-group{flex-direction:column}.product-filters .filters-row .search-form .search-field-group .search-input{margin-bottom:8px}.product-filters .filters-row .category-filter .category-select{min-width:auto;width:100%}.products-table-container{overflow-x:auto}.products-table-container .products-table{min-width:700px}.order-cart .cart-item{flex-direction:column;align-items:flex-start;gap:12px}.order-cart .cart-item .item-controls{width:100%;justify-content:space-between}.customer-form-container{padding:12px}.customer-form-container .customer-form-wrapper .customer-form{padding:20px}.customer-form-container .customer-form-wrapper .customer-form .form-header{margin-bottom:24px}.customer-form-container .customer-form-wrapper .customer-form .form-header h3{font-size:20px}.form-steps{margin-bottom:24px}.form-steps .steps-indicator{padding:0 10px}.form-steps .steps-indicator:before{left:30px;right:30px}.form-steps .steps-indicator .step-indicator{padding:12px 4px}.form-steps .steps-indicator .step-indicator .step-number{width:40px;height:40px;font-size:16px}.form-steps .steps-indicator .step-indicator .step-label{font-size:11px;max-width:70px}.order-summary-step{padding:20px}.order-summary-step .order-items .order-item{flex-direction:column;align-items:flex-start;gap:8px}.order-summary-step .order-items .order-item .item-pricing{align-self:flex-end;text-align:right}.step-navigation{flex-direction:column;gap:12px}.step-navigation .step-actions{order:-1;width:100%}.step-navigation .step-btn{width:100%;min-width:auto}.form-group .address-row,.form-group .name-row{flex-direction:column;gap:8px}.form-group .address-row .form-input.form-input-small,.form-group .name-row .form-input.form-input-small{flex:1}.pagination-controls{flex-direction:column;gap:12px}.pagination-controls .pagination-info-detailed{order:-1}.pagination-controls .pagination-btn{min-width:auto;width:100%}}.login-form-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}.login-form-container .login-form-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);max-width:450px;width:100%;overflow:hidden}.login-form-container .login-form-card .login-header{background:#e84e1b;color:#fff;padding:32px 28px;text-align:center}.login-form-container .login-form-card .login-header h2{margin:0 0 8px 0;font-size:24px;font-weight:600}.login-form-container .login-form-card .login-header .login-subtitle{margin:0;opacity:.9;font-size:14px;line-height:1.4}.login-form-container .login-form-card .login-form{padding:28px}.login-form-container .login-form-card .login-form .login-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:4px;margin-bottom:20px}.login-form-container .login-form-card .login-form .login-error p{margin:0;font-size:14px}.login-form-container .login-form-card .login-form .form-group{margin-bottom:24px}.login-form-container .login-form-card .login-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#374151;font-size:15px;letter-spacing:.2px}.login-form-container .login-form-card .login-form .form-group .form-input{width:100%;padding:16px 18px;border:2px solid #e8ecef;border-radius:8px;font-size:16px;font-family:inherit;background:#fafbfc;transition:all .3s ease;font-weight:400}.login-form-container .login-form-card .login-form .form-group .form-input:focus{outline:none;border-color:#e84e1b;background:#fff;box-shadow:0 0 0 4px rgba(232,78,27,.08);transform:translateY(-1px)}.login-form-container .login-form-card .login-form .form-group .form-input::placeholder{color:#9ca3af;font-size:15px;font-weight:400}.login-form-container .login-form-card .login-form .form-group .form-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.login-form-container .login-form-card .login-form .form-actions{margin-top:28px}.login-form-container .login-form-card .login-form .form-actions .login-btn{width:100%;padding:16px 24px;font-size:17px;font-weight:700;border-radius:8px;transition:all .3s ease;text-align:center;background:linear-gradient(135deg, #e84e1b 0%, rgb(198.2055776892, 64.3298804781, 19.9944223108) 100%);color:#fff;border:none;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 16px rgba(232,78,27,.25)}.login-form-container .login-form-card .login-form .form-actions .login-btn:hover:not(:disabled){background:linear-gradient(135deg, rgb(198.2055776892, 64.3298804781, 19.9944223108) 0%, rgb(165.7768924303, 53.8047808765, 16.7231075697) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,78,27,.35)}.login-form-container .login-form-card .login-form .form-actions .login-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px rgba(232,78,27,.3)}.login-form-container .login-form-card .login-form .form-actions .login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.login-form-container .login-form-card .login-form .form-actions .login-btn .loading-spinner-sm{margin-right:10px}.login-form-container .login-form-card .login-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px 28px}.login-form-container .login-form-card .login-footer .contact-info{text-align:center;margin-bottom:20px}.login-form-container .login-form-card .login-footer .contact-info h4{margin:0 0 8px 0;color:#333;font-size:16px;font-weight:600}.login-form-container .login-form-card .login-footer .contact-info p{margin:0;color:#6c757d;font-size:14px;line-height:1.5}.login-form-container .login-form-card .login-footer .contact-info p .contact-email{color:#e84e1b;text-decoration:none;font-weight:600;transition:all .3s ease}.login-form-container .login-form-card .login-footer .contact-info p .contact-email:hover{color:rgb(188.9402390438,61.3227091633,19.0597609562);text-decoration:underline}.login-form-container .login-form-card .login-footer .company-info{text-align:center;padding-top:16px;border-top:1px solid #e9ecef}.login-form-container .login-form-card .login-footer .company-info .company-name{margin:0 0 4px 0;font-size:18px;font-weight:700;color:#e84e1b;letter-spacing:1px}.login-form-container .login-form-card .login-footer .company-info .company-description{margin:0;color:#6c757d;font-size:12px;font-style:italic}.catalog-header .header-actions{display:flex;align-items:center;gap:16px}.catalog-header .header-actions .user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:4px}.catalog-header .header-actions .user-info .welcome-message{font-size:14px;color:#333;font-weight:500}.catalog-header .header-actions .user-info .logout-btn{font-size:12px;padding:4px 8px}.catalog-header .header-actions .orders-link{font-size:14px;padding:8px 16px;text-decoration:none;white-space:nowrap}.catalog-header .header-actions .orders-link:hover{text-decoration:none}.catalog-header .header-actions .cart-summary .cart-toggle{font-size:16px;padding:12px 20px}@media(max-width: 768px){.login-form-container{min-height:100vh;padding:16px}.login-form-container .login-form-card .login-header{padding:24px 20px}.login-form-container .login-form-card .login-header h2{font-size:20px}.login-form-container .login-form-card .login-header .login-subtitle{font-size:13px}.login-form-container .login-form-card .login-form{padding:20px}.login-form-container .login-form-card .login-form .form-group{margin-bottom:20px}.login-form-container .login-form-card .login-form .form-group .form-input{padding:10px 14px;font-size:14px}.login-form-container .login-form-card .login-form .form-actions{margin-top:24px}.login-form-container .login-form-card .login-form .form-actions .login-btn{padding:12px 16px;font-size:14px}.login-form-container .login-form-card .login-footer{padding:20px}.login-form-container .login-form-card .login-footer .contact-info{margin-bottom:16px}.login-form-container .login-form-card .login-footer .contact-info h4{font-size:14px}.login-form-container .login-form-card .login-footer .contact-info p{font-size:13px}.login-form-container .login-form-card .login-footer .company-info .company-name{font-size:16px}.login-form-container .login-form-card .login-footer .company-info .company-description{font-size:11px}.catalog-header .header-actions{flex-direction:column;gap:12px;align-items:stretch}.catalog-header .header-actions .user-info{justify-content:space-between}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-overlay.visible{opacity:1;visibility:visible}.notification-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:500px;width:90%;margin:0 20px;transform:translateY(-50px) scale(0.9);transition:transform .3s ease;overflow:hidden}.notification-modal.visible{transform:translateY(0) scale(1)}.notification-modal .notification-header{display:flex;align-items:flex-start;padding:24px;position:relative}.notification-modal .notification-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:24px;font-weight:bold;margin-right:16px;flex-shrink:0}.notification-modal .notification-content{flex:1;min-width:0}.notification-modal .notification-title{margin:0 0 8px 0;font-size:18px;font-weight:600;line-height:1.3}.notification-modal .notification-message{margin:0;font-size:14px;line-height:1.5;color:#666}.notification-modal .notification-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.notification-modal .notification-close:hover{background-color:#f5f5f5;color:#333}.notification-modal .notification-actions{padding:0 24px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.notification-modal .notification-actions .btn{min-width:80px}.notification-modal.success .notification-icon{background-color:#e8f5e8;color:#4caf50}.notification-modal.success .notification-title{color:#2e7d32}.notification-modal.error .notification-icon{background-color:#ffebee;color:#f44336}.notification-modal.error .notification-title{color:#c62828}.notification-modal.warning .notification-icon{background-color:#fff8e1;color:#ff9800}.notification-modal.warning .notification-title{color:#f57c00}.notification-modal.info .notification-icon{background-color:#e3f2fd;color:#2196f3}.notification-modal.info .notification-title{color:#1976d2}@media(max-width: 600px){.notification-modal{margin:0 16px}.notification-modal .notification-header{padding:20px}.notification-modal .notification-actions{padding:0 20px 20px 20px;flex-direction:column}.notification-modal .notification-actions .btn{width:100%}}.loading-spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.2);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.montoto-pedidos-catalog .cart-toggle{transition:all .3s ease}.montoto-pedidos-catalog .cart-toggle.btn-primary{background:linear-gradient(135deg, #1976d2, #42a5f5);border-color:#1976d2}.montoto-pedidos-catalog .cart-toggle.btn-primary:hover{background:linear-gradient(135deg, #1565c0, #1976d2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(25,118,210,.3)}.montoto-pedidos-catalog .order-cart,.montoto-pedidos-catalog .product-filters,.montoto-pedidos-catalog .pagination-info,.montoto-pedidos-catalog .product-table-container,.montoto-pedidos-catalog .pagination-controls{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
