:root{--azul:#0a6cff;--azul-2:#26b3ff;--azul-oscuro:#0552c7;--fondo:#eef2f8;--tarjeta:#fff;--texto:#0f172a;--texto-suave:#64748b;--borde:#e6eaf1;--input-bg:#fff;--pendiente-bg:#fff6e9;--pendiente-tx:#b45309;--pendiente-ac:#f59e0b;--curso-bg:#eaf2ff;--curso-tx:#1d4ed8;--curso-ac:#0a6cff;--hecho-bg:#e9fbf0;--hecho-tx:#15803d;--hecho-ac:#16a34a;--sombra:0 1px 2px #0f172a0f, 0 8px 20px #0f172a0f;--sombra-flotante:0 8px 24px #0a6cff73;--radio:18px;color:var(--texto);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-tema=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#0a1120;--tarjeta:#141d2f;--texto:#e9eef7;--texto-suave:#93a1b8;--borde:#263248;--input-bg:#0f1728;--pendiente-bg:#3a2c12;--pendiente-tx:#f8cd8f;--curso-bg:#14294d;--curso-tx:#93bbff;--hecho-bg:#123526;--hecho-tx:#86e2ab;--sombra:0 1px 2px #0006, 0 8px 20px #00000059}*{box-sizing:border-box}body{background:var(--fondo);margin:0}.app{max-width:480px;min-height:100vh;margin:0 auto}.cabecera{z-index:10;background:linear-gradient(135deg, var(--azul), var(--azul-2));color:#fff;border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;position:sticky;top:0;box-shadow:0 6px 20px #0a6cff47}.boton-tema{cursor:pointer;background:#ffffff38;border:none;border-radius:12px;flex-shrink:0;width:40px;height:40px;font-size:19px;line-height:1}.boton-tema:active{background:#ffffff59}.cabecera-titulo{align-items:center;gap:12px;display:flex}.gota{filter:drop-shadow(0 2px 4px #0003);font-size:30px}.marca{letter-spacing:-.3px;margin:0;font-size:21px;font-weight:800}.subtitulo{opacity:.85;margin:2px 0 0;font-size:13px}.volver{color:#fff;background:#ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;text-decoration:none;display:flex}.volver:active{background:#ffffff59}.inicio-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:480px;margin:0 auto;padding:18px 14px;display:grid}.modulo{background:var(--tarjeta);border:1px solid var(--borde);color:var(--texto);box-shadow:var(--sombra);border-radius:18px;flex-direction:column;justify-content:center;gap:6px;min-height:120px;padding:20px 16px;text-decoration:none;display:flex}.modulo:active{transform:scale(.98)}.modulo-icono{font-size:34px}.modulo-nombre{font-size:17px;font-weight:800}.modulo-info{color:var(--texto-suave);font-size:12px;font-weight:600}.modulo-proximo{opacity:.55}.tabs{gap:6px;max-width:480px;margin:0 auto;padding:12px 14px 0;display:flex}.tab{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:10px;font-size:15px;font-weight:700}.tab.activo{background:var(--tarjeta);color:var(--azul);box-shadow:var(--sombra)}.lista{padding:16px 14px 96px}.agenda-grupo{margin-bottom:20px}.agenda-titulo{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.5px;margin:0 4px 10px;font-size:14px;font-weight:800}.cita{text-align:left;background:var(--tarjeta);border:1px solid var(--borde);width:100%;box-shadow:var(--sombra);cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px;display:flex}.cita-fecha{text-align:center;border-right:1px solid var(--borde);flex-shrink:0;width:62px;padding-right:12px}.cita-dia{color:var(--texto-suave);text-transform:capitalize;font-size:12px;display:block}.cita-hora{color:var(--azul);font-size:17px;font-weight:800;display:block}.cita-cuerpo{flex:1;min-width:0}.cita-cliente{font-size:15px;font-weight:700;display:block}.cita-dir{color:var(--texto-suave);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.punto{border-radius:50%;flex-shrink:0;width:11px;height:11px}.punto-pendiente{background:var(--pendiente-ac)}.punto-curso{background:var(--curso-ac)}.punto-hecho{background:var(--hecho-ac)}.parte-cita{color:var(--azul);text-transform:capitalize;margin:12px 0 0;font-size:13px;font-weight:700}.resumen{gap:10px;margin-bottom:18px;display:flex}.chip{background:var(--tarjeta);border:1px solid var(--borde);text-align:center;box-shadow:var(--sombra);border-radius:14px;flex:1;padding:12px 8px}.chip strong{font-size:22px;font-weight:800;line-height:1;display:block}.chip span{color:var(--texto-suave);margin-top:4px;font-size:11px;font-weight:600;display:block}.chip-pendiente strong{color:var(--pendiente-ac)}.chip-curso strong{color:var(--curso-ac)}.chip-hecho strong{color:var(--hecho-ac)}.vacio{text-align:center;color:var(--texto-suave);margin-top:64px}.vacio-icono{font-size:54px}.vacio-titulo{color:var(--texto);margin:12px 0 4px;font-size:18px;font-weight:700}.vacio-texto{margin:0;font-size:14px}.parte{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);border-left:4px solid #0000;margin-bottom:14px;padding:16px}.parte-pendiente{border-left-color:var(--pendiente-ac)}.parte-curso{border-left-color:var(--curso-ac)}.parte-hecho{border-left-color:var(--hecho-ac)}.parte-top{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--azul), var(--azul-2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.avatar-pendiente{background:linear-gradient(135deg, #f7b34d, var(--pendiente-ac))}.avatar-hecho{background:linear-gradient(135deg, #4ece7e, var(--hecho-ac))}.parte-info{flex:1;min-width:0}.parte-cliente{font-size:16px;font-weight:700;line-height:1.2;display:block}.parte-direccion{color:var(--texto-suave);margin-top:2px;font-size:13px;display:block}.parte-descripcion{margin:12px 0 0;font-size:14px;line-height:1.4}.badge{white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:5px 11px;font-size:12px;font-weight:700}.badge.pendiente{background:var(--pendiente-bg);color:var(--pendiente-tx)}.badge.curso{background:var(--curso-bg);color:var(--curso-tx)}.badge.hecho{background:var(--hecho-bg);color:var(--hecho-tx)}.miniaturas{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.miniaturas img{object-fit:cover;border:1px solid var(--borde);border-radius:10px;width:72px;height:72px;display:block}.firma-guardada{color:var(--hecho-ac);align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:600;display:flex}.firma-guardada img{border:1px solid var(--borde);background:#fff;border-radius:8px;height:44px}.pills{gap:8px;margin-top:14px;display:flex}.pill{text-align:center;background:var(--curso-bg);color:var(--curso-tx);border-radius:10px;flex:1;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none}.pill:active{opacity:.7}.parte-acciones{border-top:1px solid var(--borde);gap:18px;margin-top:14px;padding-top:12px;display:flex}.editar,.borrar{cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:13px;font-weight:700}.editar{color:var(--azul)}.borrar{color:#e5484d}.boton-anadir{background:linear-gradient(135deg, var(--azul), var(--azul-2));color:#fff;cursor:pointer;width:62px;height:62px;box-shadow:var(--sombra-flotante);border:none;border-radius:50%;font-size:34px;line-height:1;transition:transform .1s;position:fixed;bottom:24px;right:max(18px,50% - 222px)}.boton-anadir:active{transform:scale(.92)}.fondo-modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#0f172a80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--tarjeta);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;width:100%;max-width:480px;max-height:92vh;padding:12px 20px 28px;display:flex;overflow-y:auto}.modal-tirador{background:var(--borde);border-radius:999px;width:44px;height:5px;margin:0 auto 4px}.modal h2{margin:0 0 4px;font-size:20px;font-weight:800}.modal label{color:var(--texto-suave);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.modal input,.modal textarea{font:inherit;border:1px solid var(--borde);color:var(--texto);background:var(--input-bg);resize:vertical;border-radius:11px;padding:11px 13px;font-weight:400}.modal input:focus,.modal textarea:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #0a6cff26}.campo{flex-direction:column;gap:6px;display:flex}.campo-titulo{color:var(--texto-suave);font-size:13px;font-weight:700}.mini-form{position:relative}.mini-quitar{border:2px solid var(--tarjeta);color:#fff;cursor:pointer;background:#e5484d;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:-6px;right:-6px}.anadir-foto{border:2px dashed var(--azul);width:72px;height:72px;color:var(--azul);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.firma-trigger{border:2px dashed var(--azul);background:var(--curso-bg);width:100%;color:var(--azul);cursor:pointer;border-radius:11px;padding:14px;font-size:15px;font-weight:700}.firma-preview{align-items:center;gap:12px;display:flex}.firma-preview img{object-fit:contain;border:1px solid var(--borde);background:#fff;border-radius:10px;flex:1;min-width:0;height:60px;padding:4px}.firma-preview-acc{flex-direction:column;gap:6px;display:flex}.firma-preview-acc button{color:var(--azul);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:13px;font-weight:700}.firma-preview-acc .firma-quitar{color:#e5484d}.firma-modal{z-index:40;background:var(--tarjeta);flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.firma-modal-cab{justify-content:space-between;align-items:center;font-size:17px;font-weight:800;display:flex}.firma-cerrar{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.firma-lienzo-caja{flex:1;position:relative}.firma-canvas-full{border:2px dashed var(--borde);touch-action:none;cursor:crosshair;background:#fff;border-radius:14px;width:100%;height:100%}.firma-hint{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.firma-modal-acc{gap:10px;display:flex}.firma-modal-acc button{cursor:pointer;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:700}.modal-botones{gap:10px;margin-top:6px;display:flex}.modal-botones button{cursor:pointer;border-radius:12px;flex:1;padding:13px;font-size:16px;font-weight:700}.btn-cancelar{background:var(--fondo);border:1px solid var(--borde);color:var(--texto)}.btn-guardar{background:linear-gradient(135deg, var(--azul), var(--azul-2));color:#fff;border:none}.btn-guardar:active{opacity:.85}.buscador-clientes{position:relative}.buscador-clientes input{width:100%}.buscador-lista{z-index:20;background:var(--tarjeta);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.buscador-lista li{list-style:none}.buscador-lista button{text-align:left;width:100%;color:var(--texto);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.buscador-lista button:hover,.buscador-lista button:active{background:var(--curso-bg)}.buscador-sub{color:var(--texto-suave);font-size:.8rem}.buscador-info{color:var(--texto-suave);padding:10px 12px;font-size:.85rem}.etiqueta-odoo{color:var(--hecho-ac);margin-left:8px;font-size:.75rem;font-weight:600}.buscador-pagina{margin-bottom:12px}.buscador-pagina input{width:100%}.cargando-texto{text-align:center;color:var(--texto-suave);padding:24px 0}.tarjeta-cliente{align-items:center;gap:12px;display:flex}.cliente-avatar{color:#fff;background:linear-gradient(135deg, var(--azul), var(--azul-2));border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.cliente-datos{flex-direction:column;gap:2px;min-width:0;display:flex}.cliente-datos span,.cliente-datos a{color:var(--texto-suave);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.cliente-tel{text-decoration:none;color:var(--azul)!important}.cliente-flecha{color:var(--texto-suave);margin-left:auto;font-size:1.5rem}a.tarjeta-cliente{color:inherit;text-decoration:none}.ficha-cabecera{align-items:center;gap:14px;margin-bottom:16px;display:flex}.cliente-avatar-grande{width:60px;height:60px;font-size:1.3rem}.ficha-nombre{margin:0;font-size:1.3rem}.ficha-tipo{color:var(--texto-suave);font-size:.85rem}.ficha-datos{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:16px;padding:4px 14px}.ficha-fila{border-bottom:1px solid var(--borde);grid-template-columns:24px 90px 1fr;align-items:center;gap:8px;padding:10px 0;display:grid}.ficha-fila:last-child{border-bottom:none}.ficha-icono{text-align:center}.ficha-etiqueta{color:var(--texto-suave);font-size:.8rem}.ficha-valor{word-break:break-word;font-weight:500}.ficha-enlace{color:var(--azul);text-decoration:none}.btn-ancho{width:100%;margin-bottom:20px}.ficha-seccion{margin:8px 0 12px;font-size:1rem}.ficha-parte{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-pendiente{background:var(--pendiente-bg);color:var(--pendiente-tx)}.badge-curso{background:var(--curso-bg);color:var(--curso-tx)}.badge-hecho{background:var(--hecho-bg);color:var(--hecho-tx)}