.App{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;background-image:url(/assets/naturalboxbanner-DWN1w2T0.jpg);padding:0;width:100%}#root{margin:0;padding:0;width:100%}body{margin:0;width:100%}:root{--color-primary: #471323;--color-secondary: #264653;--color-error: #264653;--color-bg: #f8fafc;--surface-bg: #ffffff;--surface-border: #e3e8ef;--color-info: #d0f4de;--font-main: "Anaheim", Arial, sans-serif;--font-title: "Kanit", Arial, sans-serif;--color-white: #fff;--color-black: #333;--color-gray: #666;--color-border: #ddd;--color-accent: #4285f4;--color-accent2: #a8c6ff;--color-accent3: #f0f7ff}.agregar-producto-comprobante .producto-form{display:flex;flex-direction:column;gap:16px;padding:20px;background-color:var(--surface-bg);font-size:1rem;font-family:var(--font-main);border:1px solid var(--surface-border);border-radius:12px;position:relative;margin-bottom:5px}@media (max-width: 768px){.agregar-producto-comprobante .producto-form{padding:12px;gap:12px;margin-bottom:5px}}@media (max-height: 768px){.agregar-producto-comprobante .producto-form{padding:10px 16px;gap:8px}}@media (max-height: 650px){.agregar-producto-comprobante .producto-form{padding:6px 12px;gap:6px}}@media (max-height: 550px){.agregar-producto-comprobante .producto-form{padding:4px 10px;gap:4px}}.agregar-producto-comprobante .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.agregar-producto-comprobante .form-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-height: 768px){.agregar-producto-comprobante .form-grid{gap:10px}}@media (max-height: 650px){.agregar-producto-comprobante .form-grid{gap:8px}}.agregar-producto-comprobante .form-group{display:flex;flex-direction:column;gap:1px;width:100%;box-sizing:border-box}@media (max-width: 768px){.agregar-producto-comprobante .form-group{gap:4px}}@media (max-height: 768px){.agregar-producto-comprobante .form-group{gap:2px}}@media (max-height: 650px){.agregar-producto-comprobante .form-group{gap:1px}}@media (max-height: 550px){.agregar-producto-comprobante .form-group{gap:0px}}.agregar-producto-comprobante .full-width-group{grid-column:span 2;width:100%;box-sizing:border-box}@media (max-width: 768px){.agregar-producto-comprobante .full-width-group{grid-column:span 1}}.agregar-producto-comprobante .input{padding:10px;border:1px solid var(--color-border);border-radius:6px;width:calc(100% - 1px);box-sizing:border-box;font-size:.95rem;font-family:Inter,sans-serif;color:var(--color-black);background-color:var(--color-white);transition:border-color .2s ease,box-shadow .2s ease}.agregar-producto-comprobante .input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}@media (max-width: 768px){.agregar-producto-comprobante .input{font-size:.9rem;padding:8px}}@media (max-height: 768px){.agregar-producto-comprobante .input{padding:8px;font-size:.9rem}}@media (max-height: 650px){.agregar-producto-comprobante .input{padding:6px 8px;font-size:.85rem}}.agregar-producto-comprobante .label{font-size:.9rem;font-family:Inter,sans-serif;color:var(--color-black);font-weight:500}@media (max-height: 768px){.agregar-producto-comprobante .label{font-size:.85rem;line-height:1.2}}@media (max-height: 650px){.agregar-producto-comprobante .label{font-size:.8rem;line-height:1.1}}@media (max-height: 550px){.agregar-producto-comprobante .label{font-size:.75rem;line-height:1}}.agregar-producto-comprobante .descuentos-container{background-color:var(--color-accent3);border-radius:5px;padding:1px;max-height:250px;overflow-y:auto}.agregar-producto-comprobante .descuentos-container::-webkit-scrollbar{width:6px}.agregar-producto-comprobante .descuentos-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.agregar-producto-comprobante .descuentos-container::-webkit-scrollbar-thumb{background:var(--color-accent2);border-radius:3px}@media (max-width: 768px){.agregar-producto-comprobante .descuentos-container{padding:6px;max-height:200px}}.agregar-producto-comprobante .descuentos-list{list-style-type:none;padding:0;margin:0}.agregar-producto-comprobante .descuento-item{background-color:#5b2e4822;border-left:3px solid #5b2e48;padding:6px 10px;border-radius:6px;margin-bottom:6px;box-shadow:0 1px 3px #0000000d}.agregar-producto-comprobante .descuento-item:last-child{margin-bottom:0}@media (max-width: 768px){.agregar-producto-comprobante .descuento-item{padding:5px 8px;margin-bottom:5px}}.agregar-producto-comprobante .descuento-nombre{font-weight:600;color:#2c3e50;margin-bottom:5px;font-size:.95rem}.agregar-producto-comprobante .descuento-detalle{list-style-type:none;padding:0;margin:5px 0 0;font-size:.85rem;color:#555}.agregar-producto-comprobante .descuento-detalle-item{margin-bottom:3px;display:flex;align-items:center}.agregar-producto-comprobante .descuento-detalle-item:before{content:"•";color:var(--color-accent);font-weight:700;margin-right:8px}.agregar-producto-comprobante .no-descuentos{color:#666;font-style:italic;margin:8px 0;text-align:center;font-size:.9rem}.agregar-producto-comprobante .search-container{position:relative;width:100%}.agregar-producto-comprobante .search-input{padding:10px;border:1px solid var(--color-border);border-radius:6px;width:calc(100% - 1px);box-sizing:border-box;font-size:.95rem;font-family:Inter,sans-serif;color:var(--color-black);background-color:var(--color-white);transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:0}.agregar-producto-comprobante .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}@media (max-width: 768px){.agregar-producto-comprobante .search-input{font-size:.9rem;padding:8px}}@media (max-height: 768px){.agregar-producto-comprobante .search-input{padding:8px;font-size:.9rem}}@media (max-height: 650px){.agregar-producto-comprobante .search-input{padding:6px 8px;font-size:.85rem}}.agregar-producto-comprobante .search-results{max-height:500px;overflow-y:auto;background-color:var(--color-white);border:1px solid var(--surface-border);border-radius:6px;position:absolute;top:100%;left:0;right:0;z-index:150;box-shadow:none;margin-top:4px}@media (max-height: 768px){.agregar-producto-comprobante .search-results{max-height:300px}}@media (max-height: 650px){.agregar-producto-comprobante .search-results{max-height:270px}}.agregar-producto-comprobante .search-results::-webkit-scrollbar{width:6px}.agregar-producto-comprobante .search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.agregar-producto-comprobante .search-results::-webkit-scrollbar-thumb{background:var(--color-accent2);border-radius:3px}@media (max-width: 768px){.agregar-producto-comprobante .search-results{max-height:200px}}.agregar-producto-comprobante .search-result-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.agregar-producto-comprobante .search-result-item:hover{background-color:#f5f9ff}.agregar-producto-comprobante .search-result-item:last-child{border-bottom:none}@media (max-width: 768px){.agregar-producto-comprobante .search-result-item{padding:6px 8px}}.agregar-producto-comprobante .product-info{display:flex;justify-content:space-between;align-items:center}.agregar-producto-comprobante .product-name{font-weight:500}.agregar-producto-comprobante .product-price{color:#06c;font-weight:500}.agregar-producto-comprobante .product-code{font-size:.8rem;color:#666;margin-top:2px}.agregar-producto-comprobante .no-results{padding:10px;text-align:center;color:#666;font-style:italic}.agregar-producto-comprobante .selected-product{padding:10px;border:1px solid var(--surface-border);border-radius:8px;background-color:var(--color-bg);margin-top:4px;margin-bottom:8px}.agregar-producto-comprobante .selected-product.visible{display:block}.agregar-producto-comprobante .selected-product.hidden{display:none}@media (max-width: 768px){.agregar-producto-comprobante .selected-product{padding:6px;margin-top:3px;margin-bottom:6px}}.horizontal-layout{display:flex;flex-direction:row;gap:20px;align-items:stretch;width:100%;flex-wrap:wrap;margin-bottom:20px}.horizontal-layout>*{flex:1;min-width:300px}.product-column{flex:3;min-width:450px}.summary-column{flex:2;min-width:350px;display:flex;flex-direction:column}.summary-column>*{flex:1;display:flex;flex-direction:column;width:100%}.action-column{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:0;margin:0 auto;max-width:450px;height:100%}.payment-column{flex:2;min-width:450px}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;gap:15px;width:100%}.navigation-buttons .button{flex:1}.navigation-buttons.column{flex-direction:column;align-items:center;width:100%}.navigation-buttons.column .MuiButton-root{width:100%;margin-bottom:10px}@media (max-width: 992px){.horizontal-layout{flex-direction:column;align-items:center}.horizontal-layout>*{width:100%;max-width:500px;margin:0 auto 20px}.product-column,.summary-column,.action-column,.payment-column{min-width:100%;margin-bottom:20px}.action-column{width:100%;max-width:450px;margin:0 auto 20px;height:auto}}.form-container{max-width:95%;padding:2rem;background:linear-gradient(15deg,#f7fbff,#fff);border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 8px 32px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}@media (max-width: 768px){.form-container{padding:1.5rem;margin:1rem;max-width:95%;box-shadow:0 4px 16px #00000008;background:#fff}.form-container:hover{transform:none}}.form-container:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#4dabf7,#3bc9db);border-radius:12px 0 0 12px}.form-container input,.form-container select,.form-container textarea{font-family:Segoe UI,sans-serif;transition:all .2s ease}.form-container button{font-weight:500;letter-spacing:.02em}.button-container{display:flex;justify-content:center;margin-top:20px;width:100%}@media (max-width: 768px){.button-container{flex-direction:column;gap:10px}}@media (max-width: 768px){.button{font-size:.9rem;padding:10px;max-width:100%}}