:root{--fondo:#f0f2f5;--panel:#ffffff;--chat:#efeae2;--borde:#e9edef;--borde-2:#d1d7db;--texto:#111b21;--texto-2:#667781;--cyan:#00a89e;--cyan-claro:#e7f7f6;--burbuja-yo:#d9fdd3;--burbuja-tu:#ffffff;--alerta:#e5533d;--sombra:0 1px 2px rgba(11,20,26,.08);--sombra-2:0 6px 24px rgba(11,20,26,.12)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{cursor:pointer}button,input,textarea{font:inherit}::selection{background:var(--cyan-claro)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--borde-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--texto-2)}.app{height:100dvh;background:var(--fondo)}.app,.lista{display:flex}.lista{width:390px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--borde);flex-direction:column}.lista header{padding:12px 16px;background:var(--fondo);display:flex;align-items:center;gap:10px;min-height:60px}.logo{height:26px;width:auto;display:block}.marca{font-weight:650;letter-spacing:-.3px;font-size:16px}.marca span{color:var(--cyan)}.contador{margin-left:auto;font-size:12px;color:var(--texto-2);background:var(--panel);padding:4px 10px;border-radius:20px;border:1px solid var(--borde)}.contador.hay{background:var(--alerta);color:#fff;border-color:transparent}.buscador{padding:8px 12px;background:var(--panel)}.buscador input{width:100%;padding:9px 16px;border-radius:8px;border:1px solid transparent;background:var(--fondo);color:var(--texto);outline:none;transition:border-color .15s,background .15s}.buscador input:focus{border-color:var(--cyan);background:var(--panel)}.buscador input::placeholder{color:var(--texto-2)}.convs{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.conv{display:flex;gap:13px;padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--borde);transition:background .12s ease}.conv:hover{background:#f5f6f6}.conv.activa{background:var(--cyan-claro)}.avatar{width:47px;height:47px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--cyan),#0b7c76);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;letter-spacing:.3px}.conv .cuerpo{min-width:0;flex:1 1}.conv .arriba{display:flex;align-items:center;gap:7px}.conv .nombre{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv .hora{margin-left:auto;font-size:11.5px;color:var(--texto-2);flex-shrink:0}.conv .previo{color:var(--texto-2);font-size:13.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:10px;padding:2px 7px;border-radius:10px;letter-spacing:.3px;font-weight:600;flex-shrink:0}.chip.escalada{background:var(--alerta);color:#fff}.hilo{flex:1 1;display:flex;flex-direction:column;min-width:0}.hilo>header{padding:10px 16px;background:var(--fondo);border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:12px;min-height:60px}.hilo header .quien{font-weight:500}.hilo header .sub{font-size:12.5px;color:var(--texto-2)}.acciones{margin-left:auto;display:flex;gap:8px}.btn{padding:8px 14px;border-radius:20px;border:1px solid var(--borde-2);background:var(--panel);color:var(--texto);font-size:13px;transition:all .15s ease;white-space:nowrap}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn.primario{background:var(--cyan);border-color:var(--cyan);color:#fff}.btn.primario:hover{filter:brightness(1.08);color:#fff}.mensajes{flex:1 1;overflow-y:auto;padding:20px 6%;display:flex;flex-direction:column;gap:3px;background-color:var(--chat);background-image:radial-gradient(rgba(11,20,26,.035) 1px,transparent 0);background-size:22px 22px;scroll-behavior:smooth}.msg{max-width:65%;padding:6px 9px 6px 11px;border-radius:8px;box-shadow:var(--sombra);animation:entra .18s ease-out}@keyframes entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg.entrante{align-self:flex-start;background:var(--burbuja-tu);border-top-left-radius:2px}.msg.saliente{align-self:flex-end;background:var(--burbuja-yo);border-top-right-radius:2px}.msg+.msg.entrante,.msg+.msg.saliente{margin-top:1px}.msg .texto{white-space:pre-wrap;word-break:break-word;font-size:14.5px}.msg .texto a{color:var(--cyan)}.msg .pie{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:11px;color:var(--texto-2);margin-top:2px;line-height:1}.origen{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;font-weight:600}.origen.bot{background:var(--cyan-claro);color:var(--cyan)}.origen.humano{background:#e3ecf7;color:#2b5c9b}.origen.plantilla{background:#f0f0f0;color:var(--texto-2)}.dia{align-self:center;background:rgba(255,255,255,.9);color:var(--texto-2);font-size:12px;padding:5px 12px;border-radius:8px;box-shadow:var(--sombra);margin:10px 0}.escribir{padding:10px 16px;background:var(--fondo)}.escribir .caja{display:flex;gap:10px;align-items:flex-end}.escribir textarea{flex:1 1;resize:none;max-height:130px;padding:11px 15px;border-radius:22px;border:1px solid transparent;background:var(--panel);color:var(--texto);outline:none;box-shadow:var(--sombra);transition:border-color .15s}.escribir textarea:focus{border-color:var(--cyan)}.enviar{width:44px;height:44px;border-radius:50%;border:none;flex-shrink:0;background:var(--cyan);color:#fff;font-size:17px;display:grid;place-items:center;transition:transform .12s ease,opacity .12s}.enviar:hover:not(:disabled){transform:scale(1.06)}.enviar:disabled{opacity:.35;cursor:not-allowed}.aviso{font-size:12.5px;color:var(--texto-2);margin-bottom:8px;background:#fff8e1;border:1px solid #ffe6a0;padding:7px 12px;border-radius:8px}.aviso b{color:#8a6100}.ficha{width:300px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--borde);padding:22px;overflow-y:auto}.ficha h3{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--cyan);margin:0 0 14px;font-weight:700}.dato{margin-bottom:15px}.dato .k{font-size:11.5px;color:var(--texto-2);margin-bottom:1px}.dato .v{font-size:14.5px}.vacio{flex:1 1;display:grid;place-items:center;color:var(--texto-2);text-align:center;background:var(--fondo);border-left:1px solid var(--borde)}.vacio img{height:74px;opacity:.3;margin-bottom:18px}.entrar{height:100dvh;display:grid;place-items:center;padding:24px;background:var(--fondo)}.entrar form{width:100%;max-width:350px;background:var(--panel);border-radius:16px;padding:36px 30px;box-shadow:var(--sombra-2);display:flex;flex-direction:column;gap:14px}.entrar .logo-grande{height:54px;align-self:center;margin-bottom:4px}.marca-grande{font-size:22px;font-weight:700;letter-spacing:-.5px;text-align:center}.marca-grande span{color:var(--cyan)}.entrar .lead{margin:0 0 6px;text-align:center;color:var(--texto-2);font-size:13px}.entrar input{padding:13px 16px;border-radius:10px;border:1px solid var(--borde-2);background:var(--panel);color:var(--texto);outline:none;transition:border-color .15s}.entrar input:focus{border-color:var(--cyan)}.entrar button{padding:13px;border-radius:10px;border:none;background:var(--cyan);color:#fff;font-weight:600;transition:filter .15s}.entrar button:hover:not(:disabled){filter:brightness(1.08)}.entrar button:disabled{opacity:.45}.entrar .error{color:var(--alerta);font-size:13px;text-align:center}.volver{display:none;background:none;border:none;color:var(--cyan);font-size:26px;line-height:1;padding:0 2px 0 0;align-items:center}@media (max-width:860px){.ficha{display:none}.lista{width:100%;border-right:none}.app.viendo-hilo .lista,.app:not(.viendo-hilo) .hilo,.app:not(.viendo-hilo) .vacio{display:none}.mensajes{padding:14px 10px}.msg{max-width:82%}.volver{display:inline-flex}.escribir{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}}.cono{min-height:100dvh;background:var(--fondo)}.cono>header{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--borde);position:-webkit-sticky;position:sticky;top:0;z-index:5}.cono>header .marca{font-size:16px}.cono>header .btn{margin-left:auto}.cono-cuerpo{max-width:860px;margin:0 auto;padding:26px 20px 60px}.cono h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;margin:30px 0 6px}.cono h2:first-child{margin-top:0}.cuenta{font-size:11.5px;font-weight:600;color:var(--texto-2);background:var(--panel);border:1px solid var(--borde);padding:2px 9px;border-radius:20px}.cuenta.borra{background:#fff8e1;border-color:#ffe6a0;color:#8a6100}.cono h2 .btn{margin-left:auto}.explica{color:var(--texto-2);font-size:13.5px;margin:0 0 14px}.huecos{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.hueco{display:flex;align-items:center;gap:10px;background:#fff8e1;border:1px solid #ffe6a0;border-radius:10px;padding:11px 14px}.hueco-txt{flex:1 1;font-size:14px;min-width:0}.hueco-txt b{color:#8a6100;font-weight:600}.btn.sutil{border-color:transparent;color:var(--texto-2)}.btn.sutil:hover{color:var(--alerta);border-color:var(--alerta)}.arts{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.art{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:15px;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s}.art:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:var(--sombra)}.art.borrador{background:#fffdf6;border-style:dashed}.art-tit{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:7px}.chip-b{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;background:#fff3cd;color:#8a6100;padding:2px 6px;border-radius:4px;font-weight:700}.art-txt{font-size:13px;color:var(--texto-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal{position:fixed;inset:0;background:rgba(11,20,26,.5);display:grid;place-items:center;padding:20px;z-index:10;animation:aparece .15s ease}@keyframes aparece{0%{opacity:0}to{opacity:1}}.caja-edit{width:100%;max-width:660px;background:var(--panel);border-radius:16px;padding:22px;box-shadow:var(--sombra-2);display:flex;flex-direction:column;gap:12px}.caja-edit input,.caja-edit textarea{border:1px solid var(--borde-2);border-radius:10px;padding:12px 14px;outline:none;background:var(--panel);color:var(--texto);transition:border-color .15s}.caja-edit input:focus,.caja-edit textarea:focus{border-color:var(--cyan)}.caja-edit input{font-weight:600;font-size:16px}.caja-edit textarea{min-height:230px;resize:vertical;line-height:1.6}.pie-edit{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pie-edit .espacio{flex:1 1}.nota{font-size:12px;color:var(--texto-2)}.nota b{color:var(--cyan)}@media (max-width:700px){.arts{grid-template-columns:1fr}.hueco{flex-wrap:wrap}.pie-edit .espacio{display:none}.pie-edit{justify-content:stretch}.pie-edit .btn{flex:1 1}}.buscar-art{width:100%;padding:11px 16px;margin:4px 0 14px;border-radius:10px;border:1px solid var(--borde-2);background:var(--panel);color:var(--texto);outline:none;transition:border-color .15s}.buscar-art:focus{border-color:var(--cyan)}.buscar-art::placeholder{color:var(--texto-2)}