Fase 1: Estructura Base y DI Container - Clean Architecture

COMPLETADO: Fase 1 de la migración a Clean Architecture + POO

## Estructura de Carpetas
- ✓ Estructura completa de 4 capas (Domain, Application, Infrastructure, Presentation)
- ✓ Carpetas de Use Cases (SaveComponent, GetComponent, DeleteComponent, SyncSchema)
- ✓ Estructura de tests (Unit, Integration, E2E)
- ✓ Carpetas de schemas y templates

## Composer y Autoloading
- ✓ PSR-4 autoloading configurado para ROITheme namespace
- ✓ Autoloader optimizado regenerado

## DI Container
- ✓ DIContainer implementado con patrón Singleton
- ✓ Métodos set(), get(), has() para gestión de servicios
- ✓ Getters específicos para ComponentRepository, ValidationService, CacheService
- ✓ Placeholders que serán implementados en Fase 5
- ✓ Prevención de clonación y deserialización

## Interfaces
- ✓ ComponentRepositoryInterface (Domain)
- ✓ ValidationServiceInterface (Application)
- ✓ CacheServiceInterface (Application)
- ✓ Component entity placeholder (Domain)

## Bootstrap
- ✓ functions.php actualizado con carga de Composer autoloader
- ✓ Inicialización del DIContainer
- ✓ Helper function roi_container() disponible globalmente

## Tests
- ✓ 10 tests unitarios para DIContainer (100% cobertura)
- ✓ Total: 13 tests unitarios, 28 assertions
- ✓ Suite de tests pasando correctamente

## Validación
- ✓ Script de validación automatizado (48/48 checks pasados)
- ✓ 100% de validaciones exitosas

La arquitectura base está lista para la Fase 2.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

assets/css/componente-boton-lets-talk.css

@@ -8,7 +8,7 @@
  * REACTIVADO: Issue #121 - Arquitectura de separación de componentes
  * El CSS NO debe estar en style.css sino en archivos individuales
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.7
  */
 

assets/css/componente-cta-ab-testing.css

@@ -4,7 +4,7 @@
  * CSS EXACTO copiado del template style.css (líneas 835-865)
  * Sin extras, sin !important innecesario, sin media queries complicadas
  *
- * @package APUS_Theme
+ * @package ROI_Theme
  * @since 1.0.2
  */
 

assets/css/componente-cta-box-sidebar.css

@@ -4,7 +4,7 @@
  * Styles for the CTA box component that appears in the sidebar
  * below the Table of Contents on single posts.
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/componente-footer-contact-form.css

@@ -4,7 +4,7 @@
  * Styles for the footer section including the contact form
  * and contact information.
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/componente-footer-principal.css

@@ -7,9 +7,9 @@
  * - Botón de newsletter
  * - Hover states
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.19
- * @source apus-theme-template/css/style.css (líneas 987-1021)
+ * @source roi-theme-template/css/style.css (líneas 987-1021)
  * @reference CSS-ESPECIFICO.md
  */
 

assets/css/componente-hero-section.css

@@ -10,16 +10,16 @@
  * diciendo que los estilos estaban en style.css
  *
  * Ahora contiene el CSS correcto del template según:
- * _planeacion/_desarrollo-tema-apus/theme-documentation/08-componente-hero-section/CSS-ESPECIFICO.md
+ * _planeacion/_desarrollo-tema-roi/theme-documentation/08-componente-hero-section/CSS-ESPECIFICO.md
  *
  * ELIMINADO: hero-section.css (duplicado con CSS incorrecto)
  * - hero-section.css usaba clases .hero-section y .hero-category-badge
  * - El HTML real usa .hero-title y .category-badge
  * - Se consolidó todo en este archivo con las clases correctas
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.9
- * @source apus-theme-template/css/style.css líneas 186-222
+ * @source roi-theme-template/css/style.css líneas 186-222
  */
 
 /* ========================================

assets/css/componente-modal-contacto.css

@@ -4,7 +4,7 @@
  * Estilos para el modal de contacto con webhook
  * Compatible con Bootstrap 5.3.2
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/componente-navbar.css

@@ -8,9 +8,9 @@
  * - Dropdown menu
  * - Dropdown items
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.7
- * @source apus-theme-template/css/style.css
+ * @source roi-theme-template/css/style.css
  */
 
 /* ========================================

assets/css/componente-post-content.css

@@ -2,9 +2,9 @@
  * Post Content Component
  *
  * Estilos para el contenedor y contenido de posts
- * Source: apus-theme-template/css/style.css líneas 245-298
+ * Source: roi-theme-template/css/style.css líneas 245-298
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/componente-related-posts.css

@@ -7,9 +7,9 @@
  * - Cursor pointer
  * - Integración con Bootstrap 5 cards
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.17
- * @source apus-theme-template/css/style.css (líneas del template)
+ * @source roi-theme-template/css/style.css (líneas del template)
  * @reference CSS-ESPECIFICO.md líneas 62-132
  */
 

assets/css/componente-share-buttons.css

@@ -4,9 +4,9 @@
  * Según CSS-ESPECIFICO.md de la documentación:
  * Solo 2 reglas CSS simples. Bootstrap maneja el resto.
  *
- * Fuente: apus-theme-template/css/style.css líneas 795-806
+ * Fuente: roi-theme-template/css/style.css líneas 795-806
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/componente-sidebar-toc.css

@@ -9,9 +9,9 @@
  * - Items y enlaces del TOC
  * - Scrollbar personalizado
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.5
- * @source apus-theme-template/css/style.css líneas 663-746
+ * @source roi-theme-template/css/style.css líneas 663-746
  */
 
 /* ========================================

assets/css/componente-top-bar.css

@@ -11,11 +11,11 @@
  * que NO coincidía con el HTML simple del template en header.php
  *
  * Ahora contiene el CSS correcto del template según:
- * _planeacion/_desarrollo-tema-apus/theme-documentation/05-componente-top-bar/CSS-ESPECIFICO.md
+ * _planeacion/_desarrollo-tema-roi/theme-documentation/05-componente-top-bar/CSS-ESPECIFICO.md
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.8
- * @source apus-theme-template/css/style.css líneas 57-80
+ * @source roi-theme-template/css/style.css líneas 57-80
  */
 
 /* ========================================

assets/css/css-global-accessibility.css

@@ -5,7 +5,7 @@
  * screen reader utilities, and minimum touch targets.
  * Compliant with WCAG 2.1 Level AA standards.
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 
@@ -662,7 +662,7 @@ select:valid {
  */
 
 /* Links del TOC con focus visible */
-.apus-toc a:focus,
+.roi-toc a:focus,
 .toc-link:focus {
     outline: 3px solid #0066cc;
     outline-offset: 2px;
@@ -671,7 +671,7 @@ select:valid {
 }
 
 /* Item activo del TOC */
-.apus-toc a.active,
+.roi-toc a.active,
 .toc-link.active {
     font-weight: bold;
     border-left: 4px solid #0066cc;
@@ -679,11 +679,11 @@ select:valid {
 }
 
 /* Botón toggle del TOC con ARIA */
-.apus-toc-toggle[aria-expanded="true"]::before {
+.roi-toc-toggle[aria-expanded="true"]::before {
     content: "▼ ";
 }
 
-.apus-toc-toggle[aria-expanded="false"]::before {
+.roi-toc-toggle[aria-expanded="false"]::before {
     content: "▶ ";
 }
 

assets/css/css-global-animations.css

@@ -2,7 +2,7 @@
  * Animation Styles
  *
  * CSS animations and keyframes for the theme
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-badges.css

@@ -4,7 +4,7 @@
  * NOTA: Todos los estilos de badges están en style.css según template original.
  * Este archivo se mantiene vacío para evitar duplicaciones.
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-fonts.css

@@ -1,5 +1,5 @@
 /**
- * Sistema de Tipografías - APUS Theme
+ * Sistema de Tipografías - ROI Theme
  *
  * RESPONSABILIDAD: SOLO definición de fuentes y variables tipográficas
  * - Declaraciones @font-face (comentadas - usar Google Fonts)
@@ -11,7 +11,7 @@
  * - Estilos de elementos HTML (van en style.css)
  * - Variables de colores o espaciados (van en variables.css)
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-generic-tables.css

@@ -4,7 +4,7 @@
  * Estilos para tablas genéricas en post-content (NO tablas APU)
  * Aplica 10 estilos diferentes automáticamente a las primeras 11 tablas
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-pagination.css

@@ -4,7 +4,7 @@
  * Estilos personalizados para paginación
  * Template ref: css/style.css líneas 180-207
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-print.css

@@ -2,7 +2,7 @@
  * Print Styles
  *
  * Optimized styling for printing
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-responsive.css

@@ -2,7 +2,7 @@
  * Responsive Design Styles
  *
  * Media queries and responsive adjustments
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-utilities.css

@@ -5,7 +5,7 @@
  * IMPORTANTE: Bootstrap 5 ya provee la mayoría de utilities (display, flex, spacing, etc.)
  * Este archivo solo contiene utilities adicionales no incluidas en Bootstrap
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-variables.css

@@ -17,7 +17,7 @@
  * - Clases utilitarias (van en utilities.css o style.css)
  * - Estilos aplicados (SOLO variables en :root)
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/css-global-video.css

@@ -3,7 +3,7 @@
  *
  * Estilos para videos embebidos (YouTube, Vimeo, etc.) en post-content
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 

assets/css/style.css

@@ -1,5 +1,5 @@
 /**
- * APUS Theme - Main Stylesheet
+ * ROI Theme - Main Stylesheet
  *
  * RESPONSABILIDAD: Estilos principales del tema
  * - Variables CSS específicas del tema (:root en este archivo)
@@ -12,7 +12,7 @@
  * - variables.css: SOLO variables de colores/espaciados/etc
  * - style.css: Aplica variables a elementos HTML (este archivo)
  *
- * @package Apus_Theme
+ * @package ROI_Theme
  * @since 1.0.0
  */
 
@@ -23,7 +23,7 @@
    IMPORTANTE: Este archivo style.css es para estilos GLOBALES del tema únicamente.
 
    El CSS de componentes individuales DEBE ir en archivos separados en:
-   wp-content/themes/apus-theme/assets/css/[nombre-componente].css
+   wp-content/themes/roi-theme/assets/css/[nombre-componente].css
 
    Ejemplos de componentes con archivos individuales:
    - CTA Box Sidebar      → cta-box-sidebar.css
@@ -43,7 +43,7 @@
    ========================================
 
    El CSS de Share Buttons DEBE estar en:
-   wp-content/themes/apus-theme/assets/css/social-share.css
+   wp-content/themes/roi-theme/assets/css/social-share.css
 
    Este archivo ya existe y está correctamente enqueued.
    Ver: inc/enqueue-scripts.php líneas 405-421
@@ -55,7 +55,7 @@
    ========================================
 
    El CSS de CTA A/B Testing DEBE estar en:
-   wp-content/themes/apus-theme/assets/css/cta.css
+   wp-content/themes/roi-theme/assets/css/cta.css
 
    Este archivo ya existe y está correctamente enqueued.
    Ver: inc/enqueue-scripts.php líneas 443-477
@@ -67,7 +67,7 @@
    ========================================
 
    El CSS de Related Posts DEBE estar en:
-   wp-content/themes/apus-theme/assets/css/related-posts.css
+   wp-content/themes/roi-theme/assets/css/related-posts.css
 
    Este archivo ya existe y está correctamente enqueued.
    Ver: inc/enqueue-scripts.php líneas 148-156
@@ -79,7 +79,7 @@
    ========================================
 
    El CSS de Pagination DEBE estar en:
-   wp-content/themes/apus-theme/assets/css/pagination.css
+   wp-content/themes/roi-theme/assets/css/pagination.css
 
    Este archivo ya existe y está correctamente enqueued.
    Ver: inc/enqueue-scripts.php líneas 129-136
@@ -91,7 +91,7 @@
    ========================================
 
    El CSS de Footer Contact Form DEBE estar en:
-   wp-content/themes/apus-theme/assets/css/footer-contact.css
+   wp-content/themes/roi-theme/assets/css/footer-contact.css
 
    Este archivo ya existe y está correctamente enqueued.
    Ver: inc/enqueue-scripts.php líneas 506-517
@@ -146,7 +146,7 @@
   --color-text: #212529;         /* Contrast ratio 15.52:1 against white */
   --color-bg: #ffffff;
 
-  /* APU Template Colors (from apus-theme-template/css/style.css) */
+  /* APU Template Colors (from roi-theme-template/css/style.css) */
   --color-navy-dark: #0E2337;
   --color-navy-primary: #1e3a5f;
   --color-navy-light: #2c5282;