:root{--primario:#1c61e7;--primario-hover:#164eba;--primario-texto:#164eba;--fondo-suave:#e1ebff;--fondo-suave-hover:#d3e1fd;--fondo-chip:#e6effd;--fondo:#f5f7fb;--blanco:#fff;--titulo:#242424;--texto:#767676;--texto-fuerte:#555a61;--texto-meta:#5f6368;--gris-oscuro:#4a4f57;--gris-chip:#f1f3f6;--gris-cuenta:#eceff3;--gris-punto:#b9c0cb;--borde:#e8ebf0;--borde-fila:#f0f2f5;--borde-campo:#858c97;--borde-tarjeta:#e5e8ef;--ambar-fondo:#fff4e5;--ambar-borde:#f2c37f;--ambar-texto:#8a4700;--ambar-titulo:#6b3800;--rojo-fondo:#fdecea;--rojo-borde:#f1b5b0;--rojo-texto:#8c1d18;--verde:#1a7f37;--en-linea:#22c55e;--radio-tarjeta:10px;--radio-boton:5px;--fuente-titulo:"Lexend Deca", Arial, sans-serif;--fuente-texto:"Open Sans", Arial, Helvetica, sans-serif;--anillo-foco:0 0 0 4px #1c61e740}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--fuente-texto);color:var(--titulo);background:var(--blanco);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--primario-texto)}a:hover{color:#0f3a8c}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{box-shadow:var(--anillo-foco);outline:none}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{box-shadow:none;outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:var(--blanco);border-inline:1px solid var(--borde);flex-direction:column;max-width:400px;height:100%;margin:0 auto;display:flex}.app__sin-conexion{background:var(--ambar-fondo);border-bottom:1px solid var(--ambar-borde);color:var(--ambar-titulo);margin:0;padding:8px 16px;font-size:12.5px;font-weight:600}.app__vista{flex-direction:column;flex:auto;min-height:0;display:flex}.provisoria{color:var(--texto-meta);margin:0;padding:24px 16px}.encabezado{border-bottom:1px solid var(--borde);flex:none;align-items:center;gap:8px;height:56px;padding:0 10px 0 16px;display:flex}.encabezado__logo{width:auto;height:22px}.encabezado__app{font-family:var(--fuente-titulo);color:var(--texto-meta);border-left:1px solid #e3e6ec;padding-left:10px;font-size:13px;font-weight:500}.encabezado__sucursal{color:var(--primario-texto);background:var(--fondo-chip);border-radius:var(--radio-boton);margin-left:auto;padding:3px 8px;font-size:12px;font-weight:600}.avatar{background:var(--primario);width:32px;height:32px;color:var(--blanco);font-family:var(--fuente-titulo);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:relative}.avatar__punto{background:var(--gris-punto);border:2px solid var(--blanco);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.avatar__punto--en-linea{background:var(--en-linea)}.boton-texto{border-radius:var(--radio-boton);height:32px;color:var(--texto-meta);background:0 0;border:0;padding:0 8px;font-size:13px;font-weight:600}.boton-texto:hover{background:var(--fondo);color:var(--titulo)}@media (width<=370px){.encabezado__app{display:none}}.boton{border-radius:var(--radio-boton);height:44px;font-family:var(--fuente-titulo);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.boton--primario{background:var(--primario);color:var(--blanco)}.boton--primario:hover:not(:disabled){background:var(--primario-hover)}.boton--suave{background:var(--fondo-suave);color:var(--primario-texto)}.boton--suave:hover:not(:disabled){background:var(--fondo-suave-hover)}.boton--grande{height:48px;font-size:15px}.etiqueta{color:var(--titulo);font-size:12px;font-weight:600}.campo{border:1px solid var(--borde-campo);border-radius:var(--radio-boton);background:var(--blanco);width:100%;height:42px;padding:0 12px;font-size:13.5px}.campo:focus{border-color:var(--primario);outline:none;box-shadow:0 0 0 4px #1c61e72e}.tarjeta{background:var(--blanco);border:1px solid var(--borde-tarjeta);border-radius:var(--radio-tarjeta);flex-direction:column;gap:10px;padding:16px;display:flex}.tarjeta__titulo{font-family:var(--fuente-titulo);color:var(--titulo);margin:0;font-size:15px;font-weight:500}.tarjeta__texto{color:var(--texto-fuerte);margin:0;font-size:13.5px;line-height:1.5}.esqueleto{background:linear-gradient(90deg,#eef1f6 25%,#e2e7ef 50%,#eef1f6 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.2s ease-in-out infinite esqueleto}@keyframes esqueleto{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.esqueleto{animation:none}}.login{flex-direction:column;justify-content:center;gap:16px;max-width:400px;min-height:100%;margin:0 auto;padding:32px 28px;display:flex}.login__logo{align-self:flex-start;width:auto;height:28px}.login__titulo{font-family:var(--fuente-titulo);color:var(--titulo);margin:0;font-size:20px;font-weight:600}.login__texto{color:var(--texto-fuerte);margin:0;font-size:13.5px;line-height:1.5}.login__form{flex-direction:column;gap:16px;display:flex}.login__campo{flex-direction:column;gap:6px;display:flex}.login__secreto{letter-spacing:.15em;font-size:16px}.login__ayuda{color:var(--texto-fuerte);margin:0;font-size:12.5px;line-height:1.4}.login__estado:empty{margin-top:-16px}.login__aviso{background:var(--ambar-fondo);border:1px solid var(--ambar-borde);border-radius:var(--radio-boton);color:var(--ambar-titulo);margin:0;padding:10px 12px;font-size:13px}.login__error{background:var(--rojo-fondo);border:1px solid var(--rojo-borde);border-radius:var(--radio-boton);color:var(--rojo-texto);margin:0;padding:10px 12px;font-size:13px}.bandeja{flex-direction:column;flex:auto;min-height:0;display:flex}.bandeja[hidden]{display:none}.bandeja__operador{border-bottom:1px solid var(--borde);flex:none;gap:8px;padding:10px 16px;display:flex}.bandeja__operador .campo,.bandeja__operador .boton{height:36px}.pestanas{border-bottom:1px solid var(--borde);flex:none;padding:0 8px;display:flex}.pestana{height:46px;font-family:var(--fuente-titulo);color:var(--texto-meta);background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pestana--activa{border-bottom-color:var(--primario);color:var(--primario);font-weight:600}.pestana__n{background:var(--gris-cuenta);min-width:22px;height:20px;color:var(--gris-oscuro);font-family:var(--fuente-texto);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.pestana--activa .pestana__n{background:var(--primario);color:var(--blanco)}.bandeja__lista{flex:auto;min-height:0;overflow-y:auto}.filas{margin:0;padding:0;list-style:none}.fila{border:0;border-bottom:1px solid var(--borde-fila);background:var(--blanco);text-align:left;gap:12px;width:100%;padding:14px 16px;transition:background .2s;display:flex}.fila:hover{background:var(--fondo)}.fila__inicial{background:var(--fondo-suave);width:36px;height:36px;color:var(--primario-texto);font-family:var(--fuente-titulo);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.fila__cuerpo{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.fila__arriba{align-items:baseline;gap:8px;display:flex}.fila__nombre{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--fuente-titulo);color:var(--titulo);font-size:15px;font-weight:500;overflow:hidden}.fila__hora{color:var(--texto-meta);white-space:nowrap;flex:none;margin-left:auto;font-size:12px}.fila__snippet{text-overflow:ellipsis;white-space:nowrap;color:var(--texto-fuerte);font-size:13px;overflow:hidden}.fila__estado{align-items:center;gap:6px;display:flex}.fila__audio{color:var(--gris-oscuro);flex:none}.fila--esqueleto{pointer-events:none}.fila--esqueleto .fila__inicial{background:#eef1f6}.fila--esqueleto .fila__cuerpo{justify-content:center;gap:8px}.esqueleto--corto{width:40%}.esqueleto--largo{width:85%}.insignia{border-radius:var(--radio-boton);background:var(--gris-chip);color:var(--gris-oscuro);align-items:center;gap:5px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.insignia--especial{background:var(--ambar-fondo);color:var(--ambar-texto)}.insignia--lista{background:var(--fondo-suave);color:var(--primario-texto)}.insignia--generando{background:var(--fondo-chip);color:var(--primario-texto)}.insignia--generando:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite latido}.insignia--alerta{background:var(--rojo-fondo);color:var(--rojo-texto)}@keyframes latido{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.insignia--generando:before{animation:none}}.bandeja__vacia{text-align:center;flex-direction:column;gap:6px;padding:40px 24px;display:flex}.bandeja__error{margin:14px 16px}.bandeja__aviso{background:var(--rojo-fondo);border-bottom:1px solid var(--rojo-borde);color:var(--rojo-texto);flex:none;align-items:center;gap:8px;padding:6px 10px 6px 16px;font-size:12.5px;display:flex}.bandeja__aviso .boton-texto{color:var(--rojo-texto);margin-left:auto}.bandeja__pie{border-top:1px solid var(--borde);color:var(--texto-meta);flex:none;margin:0;padding:10px 16px;font-size:12px}.sug-tarjeta{border-radius:var(--radio-tarjeta);background:#fff;border:1px solid #e5e8ef;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 2px 8px #0000000a}.sug-etiqueta{letter-spacing:.06em;text-transform:uppercase;color:#5f6368;font-family:Lexend Deca,Arial,sans-serif;font-size:12px;font-weight:600}.sug-oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sug-area{resize:vertical;border:1px solid var(--borde-campo);width:100%;min-height:184px;color:var(--titulo);border-radius:8px;padding:12px;font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:1.55}.sug-area[readonly]{background:var(--fondo);color:#5f6368}.sug-input{border:1px solid var(--borde-campo);border-radius:var(--radio-boton);min-width:0;height:38px;color:var(--titulo);background:#fff;flex:auto;padding:0 10px;font-family:inherit;font-size:13px}.sug-area:focus,.sug-input:focus{border-color:var(--primario);outline:none;box-shadow:0 0 0 4px #1c61e72e}.sug-label{color:var(--titulo);font-size:12px;font-weight:600}.sug-btn{border-radius:var(--radio-boton);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 14px;font-family:Lexend Deca,Arial,sans-serif;font-size:13.5px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.sug-btn:focus-visible,.sug-link:focus-visible,.sug-chip:focus-visible{outline:none;box-shadow:0 0 0 4px #1c61e740}.sug-btn:disabled,.sug-link:disabled{opacity:.55;cursor:not-allowed}.sug-btn-primario{background:var(--primario);color:#fff}.sug-btn-primario:hover:not(:disabled){background:var(--primario-hover)}.sug-btn-suave{background:var(--fondo-suave);color:var(--primario-hover)}.sug-btn-suave:hover:not(:disabled){background:#d3e1fd}.sug-btn-borde{height:34px;color:var(--titulo);background:#fff;border:1px solid #dfe3ea;padding:0 12px;font-family:inherit;font-size:13px;font-weight:400}.sug-btn-borde:hover:not(:disabled){border-color:var(--primario)}.sug-btn-chico{height:34px;font-size:13px}.sug-copiar{width:100%;height:48px;font-size:15px}.sug-fila{gap:8px;display:flex}.sug-fila>.sug-btn-suave{flex:1 1 0}.sug-banner{color:var(--primario-hover);background:#f3f7ff;border:1px solid #c9d8fb;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.sug-banner>span{flex:auto}.sug-problemas{color:#5c1a16;background:#fdecea;border:1px solid #f1b5b0;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.sug-problemas strong{color:#8c1d18;font-family:Lexend Deca,Arial,sans-serif;font-size:13.5px;font-weight:600}.sug-problemas ul{margin:4px 0 0;padding-left:18px}.sug-quitado{color:#8c1d18;margin:0;font-size:13px;font-weight:600}.sug-pidiendo{color:#5f6368;margin:0;font-size:13px}.sug-chips{flex-wrap:wrap;gap:6px;display:flex}.sug-chip{background:var(--fondo);border-radius:var(--radio-boton);color:var(--titulo);border:1px solid #e5e8ef;align-items:center;gap:6px;padding:6px 9px;font-size:12.5px;text-decoration:none;display:inline-flex}.sug-chip:hover{border-color:var(--primario)}.sug-chip-check{color:#1a7f37}.sug-nota{color:#4a4f57;white-space:pre-line;background:#f1f3f6;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.sug-cambio{border-top:1px solid #eef0f4;flex-direction:column;gap:8px;padding-top:10px;display:flex}.sug-leyenda{color:#555a61;align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.45;display:flex}.sug-leyenda svg{flex:none;margin-top:1px}.sug-pie{justify-content:center;display:flex}.sug-link{border-radius:var(--radio-boton);color:#555a61;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;height:36px;padding:0 10px;font-family:inherit;font-size:12.5px;display:inline-flex}.sug-link:hover:not(:disabled){color:var(--titulo)}.sug-gracias{color:#1a7f37;padding:9px 0;font-size:12.5px}.toast-zona{z-index:10;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:8px;padding:10px 14px;font-size:13.5px;line-height:1.4;box-shadow:0 6px 18px #0000002e}.toast-ok{background:#1a7f37}.toast-error{background:#8c1d18}.det{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.det-cabeza{background:#fff;border-bottom:1px solid #e8ebf0;align-items:center;gap:6px;padding:8px 12px 8px 4px;display:flex}.det-volver{border-radius:var(--radio-boton);height:44px;color:var(--titulo);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:2px;padding:0 8px 0 4px;font-family:Lexend Deca,Arial,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.det-volver:hover{background:var(--fondo)}.det-volver:focus-visible,.det-mensajes-boton:focus-visible{outline:none;box-shadow:0 0 0 4px #1c61e740}.det-titulos{border-left:1px solid #e3e6ec;flex-direction:column;min-width:0;padding-left:10px;display:flex}.det-nombre{color:var(--titulo);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Lexend Deca,Arial,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.det-resumen{color:#5f6368;margin:0;font-size:12px;line-height:1.4}.det-cuerpo{background:var(--fondo);flex-direction:column;flex:auto;gap:12px;padding:14px 16px 18px;display:flex}.det-cargando{color:#5f6368;margin:0;font-size:13.5px}.det-card{border-radius:var(--radio-tarjeta);background:#fff;border:1px solid #e5e8ef;flex-direction:column;gap:10px;padding:16px;display:flex}.det-card-fila{align-items:center;gap:8px;display:flex}.det-card-fila svg{flex:none}.det-card-titulo{color:var(--titulo);margin:0;font-family:Lexend Deca,Arial,sans-serif;font-size:15px;font-weight:500}.det-card-texto{color:#555a61;margin:0;font-size:13.5px;line-height:1.5}.det-card-sub{color:#5f6368;margin:0;font-size:12.5px;line-height:1.45}.det-ambar{border-radius:var(--radio-tarjeta);color:#9a5200;background:#fff4e5;border:1px solid #f2c37f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.det-ambar-titulo{color:#6b3800;font-family:Lexend Deca,Arial,sans-serif;font-size:14px;font-weight:600}.det-ambar-texto{color:#4d3412;margin:0;font-size:13.5px;line-height:1.5}.det-ambar-pie{font-weight:600}.det-ambar .sug-label{color:#4d3412}.det-ambar .sug-input{flex:none;height:40px}.det-plantillas{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.det-plantillas li{border-radius:var(--radio-boton);color:var(--titulo);border:1px solid #dfe3ea;padding:10px 12px;font-size:13.5px}.det-esqueleto{background:linear-gradient(90deg,#eef1f6 25%,#e2e7ef 50%,#eef1f6 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.2s ease-in-out infinite det-brillo}.det-esqueleto-1{width:92%}.det-esqueleto-2{width:100%}.det-esqueleto-3{width:84%}.det-esqueleto-4{width:60%}@keyframes det-brillo{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.det-esqueleto{animation:none}}.det-mensajes{flex-direction:column;gap:6px;display:flex}.det-mensajes-boton{border-radius:var(--radio-boton);height:40px;color:var(--titulo);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0 4px;font-family:Lexend Deca,Arial,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.det-mensajes-boton svg{transition:transform .2s}.det-girado{transform:rotate(180deg)}.det-mensajes-lista{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.det-mensaje{color:var(--titulo);background:#fff;border:1px solid #e5e8ef;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.det-mensaje-quien{font-weight:600}.det-mensaje-texto{white-space:pre-wrap;overflow-wrap:anywhere}.det-adjunto{color:#5f6368}