feat(critical-css): implementar TIPO 4 y TIPO 5 - CSS Below-the-fold y Lazy Loading

## TIPO 4: CSS Below-the-fold (Critical Variables + Responsive)
- Inyecta variables CSS críticas inline en wp_head P:-1
- Inyecta media queries críticas inline en wp_head P:2 (corregido de P:1)
- Auto-regeneración cuando archivos fuente cambian (filemtime check)
- Cache en Assets/CriticalCSS/ para evitar lecturas repetidas
- Comando WP-CLI: wp roi-theme generate-critical-css

Archivos TIPO 4:
- Public/CriticalCSS/Domain/Contracts/ - Interfaces (DIP)
- Public/CriticalCSS/Application/UseCases/GetCriticalCSSUseCase.php
- Public/CriticalCSS/Infrastructure/Cache/CriticalCSSFileCache.php
- Public/CriticalCSS/Infrastructure/Services/CriticalCSSExtractor.php
- Public/CriticalCSS/Infrastructure/Services/CriticalCSSInjector.php
- bin/generate-critical-css.php

## TIPO 5: CSS No Crítico (Lazy Loading)
- Animaciones CSS: carga 2s después de page load via requestIdleCallback
- Print CSS: carga solo al imprimir via beforeprint event
- Fallback <noscript> para usuarios sin JavaScript
- Safari fallback: setTimeout cuando requestIdleCallback no disponible

Archivos TIPO 5:
- Assets/Js/lazy-css-loader.js
- Public/LazyCSSLoader/Infrastructure/Contracts/LazyCSSRegistrarInterface.php
- Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php

## Fix: Colisión de prioridades wp_head
Antes: TIPO 1 (P:1), TIPO 4 responsive (P:1), TIPO 3 (P:2) - CONFLICTO
Después: TIPO 1 (P:1), TIPO 4 responsive (P:2), TIPO 3 (P:3) - OK

Nuevo orden de prioridades:
P:-1 roi-critical-variables (TIPO 4)
P:0  roi-critical-bootstrap (TIPO 2)
P:1  roi-critical-css (TIPO 1)
P:2  roi-critical-responsive (TIPO 4)
P:3  roi-custom-critical-css (TIPO 3)
P:5  roi-theme-layout-css (ThemeSettings)

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

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

Inc/enqueue-scripts.php

@@ -512,14 +512,16 @@ function roi_enqueue_theme_styles() {
     // );
 
     // Theme Animations
-    // DIFERIDO: Fase 4.2 PageSpeed - mejoras visuales no críticas
-    wp_enqueue_style(
-        'roi-animations',
-        get_template_directory_uri() . '/Assets/Css/css-global-animations.css',
-        array('roi-bootstrap'),
-        '1.0.0',
-        'print' // Diferido para no bloquear renderizado
-    );
+    // MIGRADO A TIPO 5: Lazy loading via LazyCSSRegistrar (requestIdleCallback)
+    // Fecha: 2025-12-01
+    // @see Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php
+    // wp_enqueue_style(
+    //     'roi-animations',
+    //     get_template_directory_uri() . '/Assets/Css/css-global-animations.css',
+    //     array('roi-bootstrap'),
+    //     '1.0.0',
+    //     'print'
+    // );
 
     // Theme Responsive Styles
     // DIFERIDO: Fase 4.3 - media queries no críticas para primer paint
@@ -542,13 +544,16 @@ function roi_enqueue_theme_styles() {
     );
 
     // Print Styles
-    wp_enqueue_style(
-        'roi-print',
-        get_template_directory_uri() . '/Assets/Css/css-global-print.css',
-        array(),
-        '1.0.0',
-        'print'
-    );
+    // MIGRADO A TIPO 5: Lazy loading via LazyCSSRegistrar (beforeprint event)
+    // Fecha: 2025-12-01
+    // @see Public/LazyCSSLoader/Infrastructure/Services/LazyCSSRegistrar.php
+    // wp_enqueue_style(
+    //     'roi-print',
+    //     get_template_directory_uri() . '/Assets/Css/css-global-print.css',
+    //     array(),
+    //     '1.0.0',
+    //     'print'
+    // );
 }
 
 add_action('wp_enqueue_scripts', 'roi_enqueue_theme_styles', 13);