Skip to content
Documentación IA

gestiona_business_plan

Habilidad: gestiona_business_plan

Esta habilidad establece el estándar de desarrollo y la arquitectura de los simuladores financieros y Business Plans interactivos del monorrepositorio (apps/business-plans/).

Libro de Estilo Corporativo Unificado

Todos los simuladores deben compartir exactamente la misma línea estética para permitir el análisis comparativo de un solo vistazo:

  • Tipografías: 'Outfit' (Títulos, métricas y KPIs) e 'Inter' (Cuerpo de texto, etiquetas y datos).
  • Fondo General: #080c14
  • Tarjetas / Contenedores: rgba(13, 20, 35, 0.75) con borde rgba(255, 255, 255, 0.07).
  • Top Header Bar Sticky (sticky top-0):
    • Altura homogénea para los 4 badges KPI principales (h-8, px-3, text-[12px]).
    • Métricas estandarizadas en orden estricto:
      1. 🟡 Equity Total (Capital Inicial / Necesario Desembolsado)
      2. 🟢 EBITDA Operativo Anual (€/año)
      3. 🟣 Rentabilidad EBITDA (% NOI Yield)
      4. 🔵 Extinción Deuda (Horizonte de cancelación año/mes)
  • Acentos Cromáticos:
    • Índigo (#6366f1 / #4f46e5) para botones principales y selección temporal.
    • Esmeralda (#10b981) para ingresos, caja positiva y EBITDA.
    • Cian / Sky (#06b6d4 / #38bdf8) para módulo de préstamos bancarios e inmuebles.
    • Ámbar (#f59e0b) para capital inicial (Equity Total) e Impuesto sobre Sociedades.
    • Rosa / Rojo (#f43f5e) para OpEx e intereses.

Layout Simétrico de 3 Columnas (UX Escritorio Standard)

  • Grid de 12 columnas (lg:grid-cols-12) con alineación items-start.
  • Columna 1 (Izquierda - lg:col-span-4): Panel de Hipótesis y Entradas (Inputs) organizado en bloques (CAPEX, Financiación/Préstamos, Ingresos, OpEx).
  • Columna 2 (Centro - lg:col-span-4): Cuenta de Pérdidas y Ganancias (P&G Contable), Detalle Cuota Bancaria y Flujo de Caja Real (Caja Anual Neto + Caja Acumulado).
  • Columna 3 (Derecha - lg:col-span-4): Balance de Situación (Activo, Pasivo, Patrimonio Neto) y Gráficos de Evolución Financiera.
  • Las columnas cuentan con scroll suave e independiente mediante .no-scrollbar.

Módulo Estándar de Financiación y Préstamos (Sistema Francés AEAT)

  • Tarjeta de financiación estandarizada (bg-slate-900/60 border border-sky-500/20 rounded-lg p-3.5 space-y-2.5):
    • Sliders para: Porcentaje Financiado (%), Tipo Interés (%), Plazo (Años).
    • Checkbox para deducción fiscal de intereses en Impuesto de Sociedades (Art. 16 LIS).
    • Desglose transparente en P&G (Intereses como Gasto Deducible) y en la Cuota del Banco (Intereses + Principal).

Motor de Fiscalidad Automática AEAT (Ley 27/2014 del Impuesto sobre Sociedades)

  1. Separación de Amortizaciones (Activo Inmueble vs Obra/Reforma):
    • Inmueble / Edificación (3% Anual, excluyendo 20% Suelo).
    • Reforma / Puesta a Punto (10% Anual).
    • Amortización Acelerada Pyme (Art. 103 LIS): Duplica tasas (6% inmueble, 20% reforma).
  2. Deducción Directa Eficiencia Energética (Art. 35/39 LIS): 25% de la inversión en reforma.
  3. Compensación de Pérdidas (BINs): Bucle acumulativo año a año para descontar bases imponibles negativas.

Arquitectura de Sincronización Remota PC Móvil

  • Canal REST de alta velocidad para sincronizar estados entre dispositivos y respaldo en localStorage.

Archivos Clave por Simulador

  1. bp-config.md: Declaración de variables, sliders y reglas de negocio.
  2. src/index.html: Estructura HTML con Header h-8, layout de 3 columnas (Inputs / P&G+Caja / Balance) y préstamos.
  3. src/js/app.js: Lógica de cálculo financiero, compensación de BINs y cliente de sincronización.
  4. src/css/style.css: Estilos visuales del tema dark e importación del estándar de shared/.