Genera un dashboard web de colocaciones bancarias (Interbank) a partir de un dataset con columnas: mes (YYYY-MM), producto, saldo_cartera_mm_pen, desembolsos_mm_pen, clientes_miles, tea_promedio, mora_30d, provisiones_mm_pen.

Estructura exacta a generar, en este orden:

1. Navbar verde (#05BE50 de fondo, NO azul institucional), con el logo Interbank a la izquierda en blanco/reverse, y a la derecha un texto pequeño en mayúsculas "DASHBOARD DE COLOCACIONES" (color #0F191E) sobre el rango de meses seleccionado (texto blanco, tipografía Jost/Geometria).

2. Formulario de filtros dinámico, en una card blanca con borde #D9DADB: dos selects "Desde" / "Hasta" con todos los meses del dataset, y chips de toggle (uno por producto) que al hacer clic activan/desactivan ese producto en verde #05BE50 (activo) o blanco con borde gris (inactivo). Todo debe recalcular en vivo al cambiar cualquier filtro.

3. 6 tarjetas KPI en grid (3 columnas × 2 filas): Saldo de cartera, Desembolsos en el rango, Mora 30d ponderada, Provisiones en el rango, Clientes activos, TEA ponderada. Cada tarjeta con una barra de acento de 4px de color distinto (azul institucional, verde, rojo error, ámbar, azul-hover, azul claro). Las 4 primeras (saldo, desembolsos, mora, provisiones) deben mostrar, al hacer hover, un panel de detalle debajo con el desglose por producto (valor y % de participación), ordenado de mayor a menor.

4. Fila de 2 gráficos lado a lado:
   - Gráfico de barras "Evolución del saldo de cartera": una barra por mes del rango filtrado, altura proporcional al saldo total de los productos seleccionados, en verde #05BE50, con etiqueta de mes abreviado debajo de cada barra.
   - "Composición de la cartera": barra apilada horizontal (una franja por producto, ancho = % de participación en el saldo del último mes del rango) más una leyenda con color, nombre de producto y porcentaje.

5. Gráfico de barras horizontales "Mora 30 días por producto": una fila por producto seleccionado, barra roja #EB0046 con ancho proporcional a la mora de ese producto respecto al máximo entre los seleccionados, ordenado de mayor a menor mora, con el valor porcentual a la derecha.

6. Tabla resumen por producto (para el último mes del rango): columnas Producto, Saldo, Desembolsos (acumulado del rango), Mora 30d, TEA, Clientes.

7. Tabla de detalle completo: un listado con TODAS las combinaciones mes × producto dentro del rango filtrado (más reciente primero), columnas Mes, Producto, Saldo, Desembolsos, Clientes, TEA, Mora 30d, Provisiones, dentro de un contenedor con scroll interno (máx. 520px de alto) para no alargar la página.

8. Nota al pie en gris #5C666B, 12px, explicando qué está ponderado/acumulado y de dónde sale el detalle al hover.

Reglas de cálculo: saldo y clientes = valor al último mes del rango; desembolsos y provisiones = suma acumulada de los meses del rango; mora y TEA = ponderadas por saldo del último mes (no promedio simple). Todo se recalcula según los productos activos y el rango de meses elegido en los filtros — nada es estático.

Estilo: tipografía Montserrat para texto de cuerpo y Jost/Geometria para títulos y valores numéricos grandes; tarjetas blancas con borde #D9DADB y radio 4px; fondo de página #FBFBFB; usa la paleta de marca Interbank (verde #05BE50, azul #0039A6, azul claro #64B4E6, ámbar #F0AA00, rojo error #EB0046, grises #D9DADB/#ECEDED/#5C666B).
