Migración completa a Clean Architecture con componentes funcionales

- Reorganización de estructura: Admin/, Public/, Shared/, Schemas/
- 12 componentes migrados: TopNotificationBar, Navbar, CtaLetsTalk, Hero,
  FeaturedImage, TableOfContents, CtaBoxSidebar, SocialShare, CtaPost,
  RelatedPost, ContactForm, Footer
- Panel de administración con tabs Bootstrap 5 funcionales
- Schemas JSON para configuración de componentes
- Renderers dinámicos con CSSGeneratorService (cero CSS hardcodeado)
- FormBuilders para UI admin con Design System consistente
- Fix: Bootstrap JS cargado en header para tabs funcionales
- Fix: buildTextInput maneja valores mixed (bool/string)
- Eliminación de estructura legacy (src/, admin/, assets/css/componente-*)

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

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

TemplateParts/modal-contact.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Modal de Contacto - Bootstrap 5
+ *
+ * Modal activado por botón "Let's Talk" y CTA Box Sidebar
+ *
+ * @package ROI_Theme
+ * @since 1.0.0
+ */
+?>
+
+<!-- Contact Modal -->
+<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered modal-lg">
+		<div class="modal-content">
+			<div class="modal-header">
+				<h5 class="modal-title" id="contactModalLabel">
+					<i class="bi bi-envelope-fill me-2" style="color: #FF8600;"></i>
+					<?php esc_html_e( '¿Tienes alguna pregunta?', 'roi-theme' ); ?>
+				</h5>
+				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<?php esc_attr_e( 'Cerrar', 'roi-theme' ); ?>"></button>
+			</div>
+			<div class="modal-body">
+				<p class="mb-4">
+					<?php esc_html_e( 'Completa el formulario y nuestro equipo te responderá en menos de 24 horas.', 'roi-theme' ); ?>
+				</p>
+
+				<form id="modalContactForm">
+					<div class="row g-3">
+						<div class="col-md-6">
+							<label for="modalFullName" class="form-label"><?php esc_html_e( 'Nombre completo', 'roi-theme' ); ?> *</label>
+							<input type="text" class="form-control" id="modalFullName" name="fullName" required>
+						</div>
+						<div class="col-md-6">
+							<label for="modalCompany" class="form-label"><?php esc_html_e( 'Empresa', 'roi-theme' ); ?></label>
+							<input type="text" class="form-control" id="modalCompany" name="company">
+						</div>
+						<div class="col-md-6">
+							<label for="modalWhatsapp" class="form-label"><?php esc_html_e( 'WhatsApp', 'roi-theme' ); ?> *</label>
+							<input type="tel" class="form-control" id="modalWhatsapp" name="whatsapp" required>
+						</div>
+						<div class="col-md-6">
+							<label for="modalEmail" class="form-label"><?php esc_html_e( 'Correo electrónico', 'roi-theme' ); ?> *</label>
+							<input type="email" class="form-control" id="modalEmail" name="email" required>
+						</div>
+						<div class="col-12">
+							<label for="modalComments" class="form-label"><?php esc_html_e( '¿En qué podemos ayudarte?', 'roi-theme' ); ?></label>
+							<textarea class="form-control" id="modalComments" name="comments" rows="4"></textarea>
+						</div>
+						<div class="col-12">
+							<button type="submit" class="btn btn-primary w-100">
+								<i class="bi bi-send-fill me-2"></i><?php esc_html_e( 'Enviar Mensaje', 'roi-theme' ); ?>
+							</button>
+						</div>
+						<div id="modalFormMessage" class="col-12 mt-2 alert" style="display: none;"></div>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+</div>