*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius: 8px;--bottom-nav-h: 64px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.op-layout{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto}.op-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--primary);color:#fff;position:sticky;top:0;z-index:50}.op-logo{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.op-header-right{display:flex;align-items:center;gap:.5rem}.op-sync-badge{background:var(--warning);color:#000;padding:.15rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600}.op-offline-badge{background:var(--danger);color:#fff;padding:.15rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.op-btn-logout{background:#fff3;border:none;color:#fff;padding:.3rem .6rem;border-radius:var(--radius);font-size:.75rem;cursor:pointer}.op-main{flex:1;padding:.75rem;padding-bottom:calc(var(--bottom-nav-h) + 12px)}.op-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--primary);display:flex;justify-content:space-around;align-items:stretch;height:var(--bottom-nav-h);max-width:480px;margin:0 auto;z-index:100;box-shadow:0 -2px 12px #00000026;padding-bottom:env(safe-area-inset-bottom,0)}.op-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#fff9;text-decoration:none;padding:4px 2px;gap:2px;transition:color .15s,background .15s;border:none;background:none;cursor:pointer;font-family:inherit}.op-tab-active{color:#fff;background:#ffffff26}.op-tab-disabled{color:#ffffff40;cursor:default}.op-tab-icon{width:24px;height:24px;flex-shrink:0}.op-tab-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1.2}.op-login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:linear-gradient(135deg,#eff6ff,#f1f5f9)}.op-login-card{background:var(--surface);padding:2rem 1.5rem;border-radius:16px;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.op-login-logo{text-align:center;margin-bottom:1rem}.op-login-card h1{font-size:1.4rem;font-weight:700;margin-bottom:.25rem;text-align:center}.op-login-card p{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;text-align:center}.op-login-card input{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1rem;margin-bottom:.85rem;transition:border-color .2s;-webkit-appearance:none}.op-login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.op-login-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:var(--radius);padding:.65rem .85rem;font-size:.85rem;margin-bottom:.85rem}.op-login-help{font-size:.8rem;color:var(--muted);text-align:center;margin-top:1.25rem;margin-bottom:0}.op-btn-primary{background:var(--primary);color:#fff;border:none;padding:.85rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;width:100%;transition:background .2s}.op-btn-primary:active{background:var(--primary-dark)}.op-btn-primary:disabled{opacity:.6;cursor:not-allowed}.op-btn-secondary{background:var(--surface);border:1px solid var(--border);padding:.4rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.8rem}.op-btn-sm{width:auto;padding:.35rem .75rem;font-size:.8rem}.op-btn-full{width:100%;margin-top:1rem}.op-agenda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.op-agenda-header h2{font-size:1.2rem;font-weight:700}.op-day-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.op-day-btn{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-weight:600;color:var(--primary);cursor:pointer;white-space:nowrap}.op-day-btn:active{background:#eff6ff}.op-day-center{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem}.op-date-input{padding:.4rem .5rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.85rem;max-width:140px}.op-today-btn{padding:.3rem .6rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.75rem;font-weight:600;cursor:pointer}.op-agenda-date{font-size:.9rem;color:var(--primary);margin-bottom:.5rem;text-transform:capitalize;font-weight:600}.op-agenda-group{margin-bottom:1rem}.op-cita-card{display:block;background:var(--surface);border-radius:var(--radius);padding:.85rem;margin-bottom:.5rem;box-shadow:0 1px 4px #00000014}.op-cita-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.op-cita-time{font-weight:700;font-size:1.05rem}.op-cita-ref{font-size:.9rem;color:var(--muted);font-weight:600}.op-cita-body{font-size:.95rem}.op-cita-type{border-left:4px solid;padding-left:.6rem;margin-bottom:.3rem;font-weight:700;font-size:1rem}.op-cita-address{color:var(--muted);font-size:.9rem}.op-cita-client{color:var(--muted);font-size:.9rem;margin-top:.2rem}.op-cita-done{opacity:.7;border-left:4px solid var(--success);background:#f0fdf4}.op-cita-done .op-badge-done{background:var(--success);color:#fff}.op-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;background:#e2e8f0;color:var(--text);margin-left:.25rem}.op-badge-done{background:#dcfce7;color:#166534;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.op-badge-programada{background:#dbeafe;color:#1d4ed8}.op-badge-confirmada{background:#dcfce7;color:#166534}.op-badge-realizada{background:#f3f4f6;color:#4b5563}.op-exp-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:2px solid var(--border)}.op-exp-code{font-weight:700;font-size:1rem}.op-exp-type{font-size:.85rem;color:var(--muted)}.op-datos{display:flex;flex-direction:column;gap:.5rem}.op-datos-card{background:var(--surface);border-radius:var(--radius);padding:.75rem;box-shadow:0 1px 3px #0000000f;border-left:3px solid var(--border)}.op-datos-row{display:flex;flex-direction:column;padding:.35rem 0;border-bottom:1px solid #f1f5f9}.op-datos-row:last-child{border-bottom:none}.op-datos-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.03em}.op-datos-value{font-size:1.05rem;font-weight:500}.op-datos-big{font-size:1.25rem;font-weight:700}.op-datos-desc{font-size:1rem;margin-top:.25rem;line-height:1.6}.op-datos-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.op-action-btn-lg{display:flex;align-items:center;gap:6px;padding:.65rem 1rem;background:#eff6ff;border:1.5px solid var(--primary);border-radius:var(--radius);font-size:.85rem;color:var(--primary);font-weight:600;cursor:pointer;flex:1;justify-content:center;min-height:48px}.op-action-btn-lg:active{background:#dbeafe}.op-priority-badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.op-priority-baja{background:#f3f4f6;color:#6b7280}.op-priority-media{background:#dbeafe;color:#1d4ed8}.op-priority-alta{background:#fef3c7;color:#b45309}.op-priority-urgente{background:#fef2f2;color:#dc2626}.op-priority-normal{background:#f0fdf4;color:#166534}.op-fotos{display:flex;flex-direction:column;gap:.75rem}.op-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.op-capture-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:1rem .5rem;border:2px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text);min-height:90px;transition:all .15s;font-family:inherit}.op-capture-btn:active{transform:scale(.97)}.op-capture-photo{border-color:var(--primary);color:var(--primary);background:#eff6ff}.op-capture-photo svg{stroke:var(--primary)}.op-capture-video{border-color:var(--danger);color:var(--danger);background:#fef2f2}.op-capture-video svg{stroke:var(--danger)}.op-capture-audio{border-color:var(--warning);color:#b45309;background:#fffbeb}.op-capture-audio svg{stroke:#b45309}.op-capture-recording{animation:pulse-red 1s infinite;border-color:var(--danger);color:var(--danger);background:#fef2f2}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.op-capture-prev{border-color:var(--muted);color:var(--muted)}.op-capture-prev svg{stroke:var(--muted)}.op-clasif-tabs{display:flex;gap:0;border-radius:var(--radius);overflow:hidden;border:2px solid var(--border)}.op-clasif-tab{flex:1;padding:.6rem;text-align:center;font-size:.9rem;font-weight:600;border:none;background:var(--surface);cursor:pointer;color:var(--muted);transition:all .15s;font-family:inherit}.op-clasif-active{background:var(--primary);color:#fff}.op-gallery{margin-top:.5rem}.op-gallery-title{font-size:.85rem;color:var(--muted);margin-bottom:.5rem;text-transform:uppercase;font-weight:600}.op-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.op-gallery-item{position:relative;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000001a}.op-gallery-preview{position:relative;aspect-ratio:4/3;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.op-gallery-preview img,.op-gallery-preview video{width:100%;height:100%;object-fit:cover}.op-gallery-audio-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#eff6ff}.op-gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f8fafc}.op-gallery-clasif{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.65rem;font-weight:600;padding:3px 6px;text-align:center;text-transform:uppercase}.op-gallery-status{padding:4px 8px;font-size:.7rem;font-weight:600;text-align:center}.op-status-uploading{color:var(--warning);background:#fffbeb}.op-status-uploaded{color:var(--success);background:#f0fdf4}.op-status-error{color:var(--danger);background:#fef2f2;cursor:pointer}.op-gallery-delete{position:absolute;top:6px;right:6px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.op-prev-section{margin-top:1rem}.op-empty-sm{text-align:center;padding:1.5rem;color:var(--muted);font-size:.85rem;background:var(--surface);border-radius:var(--radius)}.op-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.op-fullscreen img{max-width:100%;max-height:100%;object-fit:contain}.op-fullscreen-close{position:absolute;top:16px;right:16px;background:#fff3;color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.op-trabajos{display:flex;flex-direction:column;gap:.75rem}.op-trabajos-field{display:flex;flex-direction:column;gap:.25rem}.op-trabajos-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.op-trabajos-textarea{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;line-height:1.5;-webkit-appearance:none}.op-trabajos-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.op-trabajos-actions{display:flex;gap:.5rem}.op-btn-guardar{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:.85rem 1rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;font-family:inherit}.op-btn-guardar:active{background:#16a34a}.op-btn-guardar:disabled{opacity:.6}.op-btn-material{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:.85rem 1rem;background:var(--warning);color:#78350f;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:700;cursor:pointer;min-height:52px;font-family:inherit}.op-btn-material:active{background:#d97706}.op-material-form{background:#fffbeb;border:2px solid var(--warning);border-radius:12px;padding:1rem;margin-top:.5rem}.op-material-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.op-material-hint{font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.op-material-row{display:flex;gap:.5rem}.op-material-input{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;-webkit-appearance:none}.op-material-input:focus{outline:none;border-color:var(--primary)}.op-firma-page{display:flex;flex-direction:column;gap:.5rem}.op-firma-title{font-size:1.1rem;font-weight:700}.op-firma-hint{font-size:.85rem;color:var(--muted)}.op-firma-canvas{width:100%;height:300px;border:3px solid var(--border);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}.op-firma-actions{display:flex;gap:.5rem;flex-wrap:wrap}.op-firma-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:100px;padding:.75rem .5rem;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:700;cursor:pointer;min-height:52px;font-family:inherit}.op-firma-btn:disabled{opacity:.5;cursor:not-allowed}.op-firma-btn-save{background:var(--success);color:#fff}.op-firma-btn-save:active{background:#16a34a}.op-firma-btn-clear{background:var(--danger);color:#fff}.op-firma-btn-clear:active{background:#dc2626}.op-firma-btn-decline{background:var(--muted);color:#fff}.op-firma-btn-decline:active{background:#475569}.op-finalizar{display:flex;flex-direction:column;gap:.75rem}.op-finalizar-title{font-size:1.2rem;font-weight:700}.op-finalizar-summary{background:var(--surface);border-radius:12px;padding:.75rem;box-shadow:0 1px 4px #00000014}.op-finalizar-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #f1f5f9;font-size:.85rem}.op-finalizar-row:last-child{border-bottom:none}.op-finalizar-label{color:var(--muted);font-weight:600}.op-finalizar-section{display:flex;flex-direction:column;gap:.35rem}.op-btn-finalizar{width:100%;padding:1rem;background:var(--success);color:#fff;border:none;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;min-height:60px;margin-top:.5rem;font-family:inherit}.op-btn-finalizar:active{background:#16a34a}.op-btn-finalizar:disabled{opacity:.6;cursor:not-allowed}.op-finalizar-ok{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;gap:.5rem}.op-finalizar-ok h2{font-size:1.2rem}.op-finalizar-ok p{color:var(--muted)}.op-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.op-result-btn{padding:.65rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit}.op-result-btn.active{border-color:var(--primary);background:#eff6ff;color:var(--primary)}.op-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.op-inactivity-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:op-fade-in .15s ease}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}.op-inactivity-card{background:var(--surface);border-radius:12px;padding:1.5rem;width:100%;max-width:320px;box-shadow:0 4px 24px #0003;text-align:center}.op-inactivity-card h3{font-size:1rem;margin-bottom:.5rem}.op-inactivity-timer{font-size:2.5rem;font-weight:700;color:var(--danger);margin:.5rem 0}.op-inactivity-actions{display:flex;gap:.5rem;margin-top:1rem}.op-inactivity-actions button{flex:1}.op-timeout-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.op-timeout-btn{padding:.6rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:.85rem;font-weight:500}.op-timeout-btn.active{border-color:var(--primary);background:#eff6ff;color:var(--primary)}.op-loading{text-align:center;padding:3rem;color:var(--muted)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.op-empty{text-align:center;padding:3rem;color:var(--muted);font-size:.9rem}.op-error{background:#fef2f2;color:var(--danger);padding:.6rem .85rem;border-radius:var(--radius);font-size:.85rem;margin:.5rem 0}.op-success-msg{background:#f0fdf4;color:var(--success);padding:.6rem .85rem;border-radius:var(--radius);font-size:.85rem;font-weight:600}.op-warning-msg{background:#fffbeb;color:#b45309;padding:.6rem .85rem;border-radius:var(--radius);font-size:.85rem;font-weight:600}.op-muted{color:var(--muted);font-size:.85rem}.op-badge-finalized{background:var(--success);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.op-finalized-banner{background:#f0fdf4;border:1.5px solid var(--success);border-radius:var(--radius);padding:.65rem .85rem;font-size:.9rem;color:#166534;font-weight:600;text-align:center;margin-bottom:.5rem}.op-audio-recording{background:#ef4444f2;border-radius:16px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.75rem;position:relative;overflow:hidden}.op-audio-recording-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgba(255,255,255,.3);border-radius:16px;animation:audio-pulse 1.5s ease-in-out infinite}@keyframes audio-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.op-audio-recording-time{color:#fff;font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.op-audio-recording-label{color:#fffc;font-size:1rem;font-weight:600}.op-audio-stop-btn{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:2px solid white;border-radius:12px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem;font-family:inherit}.op-audio-stop-btn:active{background:#ffffff59}.op-config{display:flex;flex-direction:column;gap:.75rem}.op-config-section{background:var(--surface);border-radius:12px;padding:1rem;box-shadow:0 1px 4px #0000000f}.op-config-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;margin-bottom:.5rem}.op-config-hint{font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.op-config-profile{display:flex;flex-direction:column;gap:0}.op-config-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.op-config-row:last-child{border-bottom:none}.op-config-label{color:var(--muted);font-weight:600;font-size:.8rem}.op-perm-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #f1f5f9}.op-perm-row:last-child{border-bottom:none}.op-perm-info{display:flex;align-items:center;gap:8px;flex:1}.op-perm-label{font-size:.9rem;font-weight:500}.op-perm-status{font-size:.75rem;font-weight:600;margin-left:auto;margin-right:8px}.op-perm-btn{padding:.4rem .75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:36px}.op-perm-btn:active{background:var(--primary-dark)}.op-config-firma-preview{background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:.5rem;margin-bottom:.5rem;text-align:center}.op-config-firma-preview img{max-width:100%;max-height:150px;object-fit:contain}.op-config-firma-actions{display:flex;gap:.5rem}.op-config-version{text-align:center;color:var(--muted);font-size:.75rem;padding:1rem 0}