/* --- Estilos del Offcanvas (Cotización) --- */
 .offcanvas-header {
     background-color: var(--light-gray);
     border-bottom: 1px solid #dee2e6;
 }

 .offcanvas-title {
     font-weight: 600;
     color: #333;
 }

 .quotation-item {
     background: #fff;
     border: 1px solid #eee;
     border-radius: 12px;
     padding: 1rem;
     margin-bottom: 1rem;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
     position: relative;
 }

 .item-thumb {
     width: 70px;
     height: 70px;
     object-fit: cover;
     border-radius: 8px;
 }

 .btn-remove-item {
     position: absolute;
     top: 10px;
     right: 10px;
     color: #ccc;
     transition: color 0.2s;
     cursor: pointer;
 }

 .btn-remove-item:hover {
     color: var(--primary-color);
 }

 .qty-controls {
     display: flex;
     align-items: center;
     border: 1px solid #ddd;
     border-radius: 20px;
     width: fit-content;
     overflow: hidden;
     background: #fdfdfd;
 }

 .qty-btn {
     background: none;
     border: none;
     padding: 2px 10px;
     font-size: 1.1rem;
     color: #555;
 }

 .qty-btn:hover {
     background: #eee;
 }

 .qty-input {
     width: 40px;
     text-align: center;
     border: none;
     font-size: 0.85rem;
     font-weight: 600;
     background: transparent;
 }

 .offcanvas-footer {
     padding: 1.5rem;
     border-top: 1px solid #dee2e6;
     background: #fff;
 }

 /* Footer General
 footer {
     background: var(--dark-bg);
     color: white;
     padding: 3rem 0;
     margin-top: auto;
     margin-left: var(--sidebar-width);
 } */

 @media (max-width: 992px) {
     .sidebar {
         transform: translateX(-100%);
     }

     .main-wrapper
      {
         margin-left: 0;
     }
 }