SYSTEM DESIGN DE INTERBANK (REFERENCIAL)
Sacado del código de interbank.pe. Valida los códigos con el área de Marca antes de usarlo en piezas oficiales.

COLORES
- Verde Interbank #05BE50: color primario. Menú superior, botones principales, estados activos, gráficos.
- Verde hover #37CB73: hover de botones y elementos verdes.
- Verde claro #CDF2DC y #69D890: fondos de éxito y destacados suaves.
- Azul institucional #0039A6: títulos, enlaces y botones secundarios. Hover azul #3361B8.
- Azul claro #64B4E6: acento en gráficos e íconos de apoyo.
- Ámbar #F0AA00: avisos.
- Rosa claro #FBCCDA: fondo de alertas suaves.
- Texto principal #0F191E. Texto sobre verde: blanco #FFFFFF.
- Fondos: página #FBFBFB, tarjetas #FFFFFF, secciones alternas #ECEDED. Bordes #D9DADB.

TIPOGRAFÍA
- Geometria: títulos, menú, cifras grandes y botones.
- Montserrat: textos y formularios. Base de 14px.
- Tamaños: 12, 14, 16, 20, 24, 28, 30 y 36px. Pesos: 400 en textos, 500-600 en títulos y botones, 700 solo para cifras clave.

COMPONENTES
- Botones: principal verde con texto blanco; secundario con borde azul. Radio de 4px; los botones tipo píldora usan 24px.
- Tarjetas: fondo blanco, borde #D9DADB de 1px, radio de 4 a 6px y sombra muy suave (12px 20px 60px rgba(15,24,51,.07)).
- Formularios: campos blancos con borde #D9DADB, radio de 4px y sombra interior suave.
- Navegación: encabezado superior de 32px y menú de 48px; desplegables blancos.

ICONOGRAFÍA
- Librería propia de íconos (ibk-icon: búsqueda, cerrar, WhatsApp): lineales, de un solo color, que heredan el color del texto. Tamaños de 16 a 24px.

LAYOUT
- Contenedor máximo de 1272px, centrado. Mucho espacio en blanco y una idea por bloque.

TONO DE VOZ
- Cercano y directo, tutea al cliente: «Abre tu cuenta», «Solicita tu tarjeta». Llamados a la acción cortos, a veces en mayúsculas: «ABRE TU CUENTA», «DESCUBRIR».

QUÉ NO HACER
- Nada de gradientes, sombras fuertes ni gráficos 3D. No usar colores de la competencia ni más de tres colores por gráfico. No usar el verde y el azul como fondo a la vez en un mismo bloque.
