.huerfana-thumb[data-v-78bc2869]{object-fit:contain;cursor:zoom-in;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:220px;transition:transform .2s,border-color .2s}.huerfana-thumb[data-v-78bc2869]:hover{border-color:#0ea5e9;transform:scale(1.02)}*{box-sizing:border-box}body{color:#1e293b;background-color:#f1f5f9;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{width:100%;max-width:1400px;margin:0 auto;padding:20px 20px 100px}.login-wrapper{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;max-width:400px;padding:35px 30px;box-shadow:0 20px 25px -5px #0000004d}.login-header{text-align:center;margin-bottom:25px}.login-header h1{color:#0f172a;margin:0;font-size:1.6rem}.login-header p{color:#64748b;margin:6px 0 0;font-size:.95rem}.login-form{flex-direction:column;gap:18px;display:flex}.main-header{color:#fff;background-color:#0f172a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:20px 25px;display:flex}.header-titles h1{margin:0;font-size:clamp(1.2rem,3vw,1.5rem)}.header-titles p{color:#94a3b8;margin:5px 0 0;font-size:.9rem}.top-nav{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.top-nav button{color:#475569;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;flex:auto;min-width:120px;padding:12px 15px;font-size:15px;font-weight:700;transition:all .2s}.top-nav button:hover{background-color:#cbd5e1}.top-nav button.active{color:#fff;background-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb66}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:25px;box-shadow:0 4px 6px -1px #0000000d}.flat-card{border:none;padding:0}.text-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px;font-size:15px}.text-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.w-full{width:100%;max-width:none}.mini-input{width:100%;max-width:90px;padding:6px;font-size:14px}.mb-15{margin-bottom:15px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.btn-primary{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#0284c7}.btn-primary:disabled{cursor:not-allowed;background-color:#94a3b8}.btn-success{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .2s}.btn-success:hover{background-color:#059669}.btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .2s}.btn-danger:hover{background-color:#dc2626}.btn-outline{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.btn-link{color:#2563eb;cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:15px;font-weight:700;text-decoration:underline}.btn-sm{padding:6px 10px;font-size:12px}.clickable-text{cursor:pointer;text-decoration:underline;transition:color .2s}.clickable-text:hover{color:#1d4ed8}.clickable-tag{cursor:pointer;transition:transform .2s;display:inline-block}.clickable-tag:hover{transform:scale(1.05)}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.section-title{color:#0c4a6e;border-bottom:2px solid #e2e8f0;margin-top:0;padding-bottom:10px}.grid-3{grid-template-columns:1fr;gap:15px;display:grid}@media (width>=768px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.grid-4{grid-template-columns:1fr;gap:15px;display:grid}@media (width>=768px){.grid-4{grid-template-columns:repeat(4,1fr)}}.item-row{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin-bottom:15px;padding:15px}.item-header{color:#0f172a;border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:10px;padding-bottom:5px;display:flex}label{color:#475569;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.factura-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;transition:border-color .2s;overflow:hidden}.factura-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;display:flex}.header-title-group{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.factura-header h3{color:#0f172a;margin:0;font-size:1.1rem}.factura-info{grid-template-columns:1fr;gap:15px;padding:20px;font-size:14px;display:grid}@media (width>=768px){.factura-info{grid-template-columns:1fr 1fr;gap:30px}}.info-block p{margin:0 0 5px}.edit-box{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px}.edit-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;display:flex}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-center{text-align:center}.text-lg{font-size:1.1em}.text-sm{font-size:.9em}.text-slate{color:#475569}.text-muted{color:#94a3b8;font-size:.8em}.text-emerald{color:#047857}.highlight-blue{color:#2563eb}.cbm-text{color:#64748b;margin-left:5px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;background:#fff;width:100%;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:600px}.items-table th,.items-table td{text-align:left;vertical-align:middle;border-top:1px solid #e2e8f0;padding:12px 15px}.items-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;font-size:13px}.col-cant{width:60px}.col-medidas{width:120px}.col-cbm{width:90px}.col-foto{width:80px}.col-original{width:150px}.alert{border-radius:8px;margin-top:20px;padding:15px}.success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.empty-alert{text-align:center;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0}.badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.badge-warning{color:#854d0e;background-color:#fef08a}.badge-success{color:#166534;background-color:#bbf7d0}.badge-info{color:#075985;background-color:#bae6fd}.cliente-profile{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:20px}.profile-header{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.profile-avatar{background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:10px;font-size:40px;display:flex}.profile-details h3{color:#0f172a;margin:0 0 8px;font-size:clamp(1.2rem,2.5vw,1.5rem)}.profile-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-code{color:#fff;background:#1e293b;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.tag-phone{color:#fff;background:#10b981;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.client-workspace{flex-direction:column;gap:20px;margin-top:25px;display:flex}@media (width>=900px){.client-workspace{flex-direction:row;align-items:flex-start}}.client-sidebar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 300px;padding:15px}.client-content{flex:1;min-width:0}.sidebar-title{color:#0f172a;margin-top:0;font-size:1.1rem}.invoice-list{flex-direction:column;gap:8px;max-height:500px;padding-right:5px;display:flex;overflow-y:auto}.invoice-list-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.invoice-list-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.invoice-list-item.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.inv-number{color:#0f172a;font-size:14px;font-weight:700}.inv-status{white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.empty-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px 20px;display:flex}.emoji-icon{margin-bottom:10px;font-size:40px;display:block}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.search-dropdown{z-index:10;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-height:200px;margin-top:5px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.search-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 15px;transition:background .2s}.search-dropdown-item:hover{color:#0ea5e9;background:#f8fafc}.search-dropdown-item:last-child{border-bottom:none}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;max-width:100%;max-height:100%;padding:10px;display:flex;position:relative}.form-modal{padding:25px;box-shadow:0 20px 25px -5px #0000001a}.modal-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:85vh}.modal-close{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 6px #0000004d}.modal-close:hover{background:#dc2626;transform:scale(1.1)}.thumbnail-link{cursor:pointer;color:#0369a1;white-space:nowrap;background:#e0f2fe;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.thumbnail-link:hover{background:#bae6fd}.viewer-overlay{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:15px;z-index:3000!important}.zoom-toolbar{z-index:3010;background:#0f172aeb;border:1px solid #334155;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 10px 25px #00000080}.zoom-btn{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .15s}.zoom-btn:hover{color:#fff;background:#0ea5e9;border-color:#38bdf8}.zoom-close{background:#ef4444;border-color:#f87171}.zoom-close:hover{background:#dc2626}.zoom-level{color:#38bdf8;text-align:center;min-width:52px;font-size:14px;font-weight:700}.viewer-stage{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.viewer-image{object-fit:contain;transform-origin:50%;border-radius:6px;max-width:90vw;max-height:78vh;box-shadow:0 15px 35px #0009}.viewer-hint{color:#cbd5e1;text-align:center;z-index:3010;background:#0f172abf;border-radius:20px;padding:6px 16px;font-size:12px}@media (width<=768px){.hidden-mobile{display:none}.show-only-mobile{display:block}.main-header{text-align:center;flex-direction:column;gap:10px;padding:15px}.header-titles h1{font-size:1.3rem}.top-nav{z-index:1000;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;gap:4px;width:100%;margin:0;padding:10px 5px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #0000001a}.top-nav button{border-radius:8px;flex:1;min-width:0;padding:10px 2px;font-size:11px}.app-container{padding-bottom:90px!important}}@media (width<=500px){.app-container{padding:10px}.card,.factura-info{padding:15px}.profile-header{text-align:center;justify-content:center}.profile-tags{justify-content:center}.modal-close{width:30px;height:30px;font-size:14px;top:-10px;right:-10px}}