:root{--c-primario: #2f7d4f;--c-primario-oscuro: #215a38;--c-acento: #d6457b;--c-fondo: #f6f7f4;--c-superficie: #ffffff;--c-texto: #1f2a24;--c-texto-suave: #66746b;--c-borde: #dfe4dc;--c-peligro: #b42318;--c-ok: #1a7f4b;--radio: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--c-texto);background:var(--c-fondo)}*{box-sizing:border-box}body{margin:0;background:var(--c-fondo);line-height:1.45}h1{font-size:1.6rem;margin:0}h2{font-size:1.05rem;margin:0 0 12px}p{margin:0 0 10px}small{font-size:.8em}a{color:var(--c-primario)}.suave{color:var(--c-texto-suave)}.error{color:var(--c-peligro)}.ok{color:var(--c-ok)}.cargando,.vacio{padding:28px;text-align:center;color:var(--c-texto-suave)}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:500}input,select,textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--c-borde);border-radius:8px;background:var(--c-superficie);color:var(--c-texto);min-width:0}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--c-primario);outline-offset:1px}input[type=radio],input[type=checkbox]{padding:0}button,.boton{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--c-primario);background:var(--c-primario);color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;display:inline-block}button:hover:not(:disabled),.boton:hover{background:var(--c-primario-oscuro)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario,.boton.secundario{background:var(--c-superficie);color:var(--c-texto);border-color:var(--c-borde)}button.secundario:hover:not(:disabled),.boton.secundario:hover{background:var(--c-fondo)}button.peligro{background:var(--c-peligro);border-color:var(--c-peligro)}button.peligro:hover:not(:disabled){background:#8f1c12}button.pequeno{padding:4px 10px;font-size:.85rem}button.enlace{background:none;border:none;color:var(--c-primario);padding:0;font-weight:500;text-decoration:underline}button.enlace:hover:not(:disabled){background:none}button.icono{background:none;border:none;color:var(--c-texto-suave);font-size:1.5rem;line-height:1;padding:0 6px}button.icono:hover:not(:disabled){background:none;color:var(--c-texto)}button.orden{background:none;border:none;color:inherit;padding:0;font-weight:600}button.orden:hover:not(:disabled){background:none;color:var(--c-primario)}.app{min-height:100vh}.barra{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;background:var(--c-superficie);border-bottom:1px solid var(--c-borde);position:sticky;top:0;z-index:5}.barra-marca{font-weight:700;font-size:1.15rem;color:var(--c-primario)}.barra nav{display:flex;gap:4px;flex:1}.barra nav a{padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--c-texto);font-weight:500}.barra nav a.active{background:color-mix(in srgb,var(--c-primario) 12%,transparent);color:var(--c-primario)}.barra-usuario{display:flex;align-items:center;gap:12px;font-size:.9rem}.contenido{max-width:1180px;margin:0 auto;padding:24px}.cabecera-pagina{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.cabecera-pagina p{margin:4px 0 0}.acciones{display:flex;gap:8px}.volver{display:inline-block;margin-bottom:8px;text-decoration:none}.tarjeta{background:var(--c-superficie);border:1px solid var(--c-borde);border-radius:var(--radio);padding:18px;margin-bottom:16px}.cabecera-tarjeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cabecera-tarjeta h2{margin:0}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-caja{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px}.login-caja h1{color:var(--c-primario)}.filtros{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filtros input[type=search]{flex:1;min-width:240px}.tabla-caja{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--c-borde);vertical-align:middle}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--c-texto-suave);background:var(--c-fondo)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:color-mix(in srgb,var(--c-primario) 4%,transparent)}.enlace-fila{font-weight:600;text-decoration:none}.enlace-fila:hover{text-decoration:underline}.acciones-fila{display:flex;gap:6px;justify-content:flex-end}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;margin:12px 0}[aria-busy=true]{opacity:.7}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.chip button{background:none;border:none;color:inherit;padding:0 0 0 2px;font-size:1rem;line-height:1;opacity:.8}.chip button:hover:not(:disabled){background:none;opacity:1}.chip-boton{background:var(--c-superficie);color:var(--c-texto);border:1px dashed var(--c-borde);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:500}.chip-boton:hover:not(:disabled){background:var(--c-fondo);border-color:var(--c-primario)}.etiqueta-nueva{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap}.etiqueta-nueva input{flex:1;min-width:160px}.colores{display:inline-flex;gap:4px}.color{width:20px;height:20px;padding:0;border-radius:50%;border:2px solid transparent}.color:hover:not(:disabled){background-color:inherit;filter:brightness(.9)}.color.activo{border-color:var(--c-texto)}.sugeridas{margin-top:12px;display:flex;flex-direction:column;gap:6px}.ficha{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.ficha-columna{display:flex;flex-direction:column}.formulario{display:flex;flex-direction:column;gap:12px}.etiqueta-campo{display:flex;gap:6px;align-items:baseline}.historico-calculado{display:flex;flex-wrap:wrap;gap:18px;padding:10px 12px;margin-bottom:12px;background:var(--c-fondo);border:1px solid var(--c-borde);border-radius:8px}.historico-calculado>div{display:flex;flex-direction:column;gap:2px}.historico-calculado small{flex-basis:100%}.modal-fondo{position:fixed;inset:0;background:#0f171280;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:var(--c-superficie);border-radius:var(--radio);padding:20px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-cabecera h2{margin:0}.modal-pie{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.radios{display:flex;flex-direction:column;gap:8px;margin:10px 0}.radios label{flex-direction:row;align-items:center;gap:8px;font-weight:400}.mapeo select{width:100%}.ejemplo{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultado{display:flex;gap:24px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}.resultado strong{font-size:1.4rem}progress{width:100%;height:10px;margin-top:10px;accent-color:var(--c-primario)}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{background:var(--c-texto);color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 6px 20px #00000040;max-width:360px}.toast-error{background:var(--c-peligro)}@media(max-width:800px){.ficha{grid-template-columns:1fr}.barra{padding:0 12px;gap:12px}.barra-usuario span{display:none}.contenido{padding:16px 12px}}.pestanas{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--c-borde)}.pestanas button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--c-texto-suave);padding:8px 14px;font-weight:600;margin-bottom:-1px}.pestanas button:hover:not(:disabled){background:none;color:var(--c-texto)}.pestanas button.activa{color:var(--c-primario);border-bottom-color:var(--c-primario)}.cabecera-tarjeta.relleno{padding:14px 18px 0;margin-bottom:12px;gap:16px}.orden-celda{white-space:nowrap;display:flex;gap:4px}.selector-color{padding:2px;height:38px;width:70px;cursor:pointer}.contenido.ancho{max-width:none}.selector-pipeline label{flex-direction:row;align-items:center;gap:10px}.selector-pipeline select{font-size:1.05rem;font-weight:600;min-width:220px}.kanban{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding-bottom:16px;min-height:60vh}.kanban-columna{flex:0 0 292px;background:color-mix(in srgb,var(--c-borde) 45%,var(--c-fondo));border:1px solid var(--c-borde);border-radius:var(--radio);padding:10px;display:flex;flex-direction:column;gap:8px}.kanban-columna.encima{outline:2px dashed var(--c-primario);outline-offset:-2px}.kanban-columna.tipo-ganada{border-top:3px solid var(--c-ok)}.kanban-columna.tipo-perdida{border-top:3px solid var(--c-peligro)}.kanban-cabecera{display:flex;justify-content:space-between;align-items:flex-start;padding:2px 4px}.kanban-cabecera h2{margin:0;font-size:.95rem}.kanban-cabecera .suave{font-size:.8rem}.kanban-lista{display:flex;flex-direction:column;gap:8px;min-height:70px;padding-bottom:4px}.kanban-vacia{text-align:center;color:var(--c-texto-suave);font-size:.85rem;padding:18px 0;margin:0;border:1px dashed var(--c-borde);border-radius:8px}.kanban-mas{text-align:center;font-size:.8rem;margin:0}.kanban-arrastrable{touch-action:manipulation;outline:none}.kanban-arrastrable:focus-visible .kanban-tarjeta{outline:2px solid var(--c-primario)}.kanban-tarjeta{background:var(--c-superficie);border:1px solid var(--c-borde);border-radius:8px;padding:10px 12px;cursor:grab;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:3px}.kanban-tarjeta:hover{border-color:var(--c-primario)}.kanban-tarjeta.flotante{cursor:grabbing;box-shadow:0 10px 24px #00000040;transform:rotate(2deg)}.kanban-contacto{font-weight:600}.kanban-titulo{font-size:.88rem;color:var(--c-texto-suave)}.kanban-valor{font-weight:600;color:var(--c-primario)}.kanban-pie{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--c-texto-suave);margin-top:2px}.kanban-responsable{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-cabecera-tarjeta{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.kanban-origen-web{font-size:.72rem;color:var(--c-texto-suave);white-space:nowrap}.kanban-origen-web-enlace{text-decoration:none}.kanban-origen-web-enlace:hover .kanban-origen-web{color:var(--c-primario);text-decoration:underline}.kanban-entrega{font-size:.78rem}.fila-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contacto-selector{border:1px solid var(--c-borde);border-radius:8px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.contacto-selector legend{font-size:.9rem;font-weight:500;padding:0 4px}.contacto-elegido{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.resultados{list-style:none;margin:0;padding:0;border:1px solid var(--c-borde);border-radius:8px;max-height:220px;overflow-y:auto}.resultados li{padding:0}.resultados li+li{border-top:1px solid var(--c-borde)}.resultados li.suave{padding:8px 10px}.resultados button{background:none;border:none;color:inherit;width:100%;text-align:left;padding:8px 10px;display:flex;flex-direction:column;font-weight:400;border-radius:0}.resultados button:hover:not(:disabled){background:var(--c-fondo)}.detalle-contacto{font-size:1.15rem;font-weight:700}.subtitulo{font-size:.95rem;margin:18px 0 8px}.historial th,.historial td{padding:6px 8px;font-size:.85rem}.detalle-borrar{margin-top:16px;padding-top:12px;border-top:1px solid var(--c-borde);display:flex;justify-content:flex-end}.pedido-web{background:var(--c-fondo);border:1px solid var(--c-borde);border-radius:8px;padding:10px 12px;margin-bottom:14px}.pedido-web .subtitulo{margin-top:0}.pedido-web-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px;margin:0}.pedido-web-datos dt{font-size:.78rem;color:var(--c-texto-suave)}.pedido-web-datos dd{margin:0}.pedido-web .boton{display:inline-block;margin-top:10px}.lista-oportunidades{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.oportunidad-enlace{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:8px 10px;border:1px solid var(--c-borde);border-radius:8px}.oportunidad-enlace:hover{border-color:var(--c-primario)}.oportunidad-enlace span:first-child{display:flex;flex-direction:column}.estado-ganada{color:var(--c-ok);font-weight:600}.estado-perdida{color:var(--c-texto-suave);text-decoration:line-through}.estado-abierta{font-weight:600}.barra-seccion{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.barra-seccion p{margin:0}.check{flex-direction:row;align-items:center;gap:6px;font-weight:400}.pipeline.archivado{opacity:.7}.pie-tarjeta{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.archivadas{margin-top:12px}.archivadas ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.archivadas li{display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width:800px){.kanban-columna{flex-basis:260px}.fila-2{grid-template-columns:1fr}}.agente-latido{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem}.agente-latido .punto{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.agente-latido.activo .punto{background:var(--c-ok)}.agente-latido.inactivo .punto{background:var(--c-peligro)}.agente-latido.inactivo{border-color:var(--c-peligro)}.chip-severidad,.chip-estado{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.chip-severidad.sev-baja{background:color-mix(in srgb,var(--c-texto-suave) 18%,transparent);color:var(--c-texto-suave)}.chip-severidad.sev-media{background:color-mix(in srgb,#d4a017 20%,transparent);color:#8a6a0d}.chip-severidad.sev-alta{background:color-mix(in srgb,#d6457b 18%,transparent);color:#a5305c}.chip-severidad.sev-critica{background:var(--c-peligro);color:#fff}.chip-estado.est-detectado,.chip-estado.est-en_resolucion{background:color-mix(in srgb,#3b82f6 18%,transparent);color:#1d4ed8}.chip-estado.est-resuelto_automatico,.chip-estado.est-resuelto_manual{background:color-mix(in srgb,var(--c-ok) 18%,transparent);color:var(--c-ok)}.chip-estado.est-escalado{background:var(--c-peligro);color:#fff}textarea{font:inherit;padding:8px 10px;border:1px solid var(--c-borde);border-radius:8px;background:var(--c-superficie);color:var(--c-texto);resize:vertical}.bandeja{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}.bandeja-lista{padding:0;display:flex;flex-direction:column}.bandeja-hilo{min-height:520px;display:flex;flex-direction:column}.conversaciones{list-style:none;margin:0;padding:0;max-height:70vh;overflow-y:auto}.conversaciones li+li{border-top:1px solid var(--c-borde)}.conversacion-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:0;color:inherit;font-weight:400;padding:12px 14px}.conversacion-item:hover:not(:disabled){background:var(--c-fondo)}.conversacion-item.activa{background:color-mix(in srgb,var(--c-primario) 8%,transparent)}.conversacion-linea1{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px}.conversacion-linea2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.conversacion-previa{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-no-leidos{background:var(--c-acento);color:#fff;font-size:.72rem;font-weight:700;border-radius:999px;padding:1px 7px;flex:0 0 auto}.hilo{display:flex;flex-direction:column;gap:12px;height:100%}.hilo-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.hilo-mensajes{list-style:none;margin:0;padding:4px;flex:1;min-height:260px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:var(--c-fondo);border-radius:var(--radio)}.mensaje{display:flex}.mensaje-entrante{justify-content:flex-start}.mensaje-saliente{justify-content:flex-end}.mensaje-burbuja{max-width:75%;padding:8px 12px;border-radius:12px;background:var(--c-superficie);border:1px solid var(--c-borde)}.mensaje-entrante .mensaje-burbuja{border-bottom-left-radius:2px}.mensaje-saliente .mensaje-burbuja{background:color-mix(in srgb,var(--c-primario) 14%,var(--c-superficie));border-bottom-right-radius:2px}.mensaje-burbuja p{margin:0 0 4px;white-space:pre-wrap}.mensaje-hora{display:block;color:var(--c-texto-suave)}.adjunto-imagen img{display:block;max-width:220px;max-height:220px;border-radius:8px;margin-bottom:4px}.adjunto-archivo{display:inline-block;margin-bottom:4px}.adjunto-rechazado{color:var(--c-peligro);margin:0 0 4px}.hilo-respuesta{display:flex;gap:8px;align-items:flex-end}.hilo-respuesta textarea{flex:1}.aviso-ventana{background:color-mix(in srgb,#d4a017 14%,transparent);color:#8a6a0d;border-radius:8px;padding:8px 12px;margin:0;font-size:.85rem}.aviso-baja{background:color-mix(in srgb,#d6457b 10%,transparent);border:1px solid color-mix(in srgb,#d6457b 30%,transparent);border-radius:var(--radio);padding:12px;display:flex;flex-direction:column;gap:8px}.aviso-baja p{margin:0}@media(max-width:800px){.bandeja{grid-template-columns:1fr}.conversaciones{max-height:260px}}