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>

Admin/Infrastructure/Ui/Assets/Css/admin-dashboard.css

@@ -0,0 +1,137 @@
+/**
+ * Estilos para el Dashboard del Panel de Administración ROI Theme
+ * Siguiendo especificaciones del Design System
+ */
+
+/* Sobrescribir max-width de .card de WordPress */
+.wrap.roi-admin-panel .card {
+    max-width: none !important;
+}
+
+/* Fix para switches de Bootstrap - resetear completamente estilos de WordPress */
+.wrap.roi-admin-panel .form-switch .form-check-input {
+    all: unset !important;
+    /* Restaurar estilos necesarios de Bootstrap */
+    width: 2em !important;
+    height: 1em !important;
+    margin-left: -2.5em !important;
+    margin-right: 0.5em !important;
+    background-color: #dee2e6 !important;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
+    background-position: left center !important;
+    background-repeat: no-repeat !important;
+    background-size: contain !important;
+    border: 1px solid rgba(0, 0, 0, 0.25) !important;
+    border-radius: 2em !important;
+    transition: background-position 0.15s ease-in-out !important;
+    cursor: pointer !important;
+    flex-shrink: 0 !important;
+    appearance: none !important;
+    -webkit-appearance: none !important;
+    -moz-appearance: none !important;
+}
+
+.wrap.roi-admin-panel .form-switch .form-check-input:checked {
+    background-color: #0d6efd !important;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
+    background-position: right center !important;
+    border-color: #0d6efd !important;
+}
+
+.wrap.roi-admin-panel .form-switch .form-check-input::before,
+.wrap.roi-admin-panel .form-switch .form-check-input::after {
+    display: none !important;
+    content: none !important;
+}
+
+.wrap.roi-admin-panel .form-switch .form-check-input:focus {
+    outline: 0 !important;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
+}
+
+/* Alinear verticalmente los labels con los switches */
+.wrap.roi-admin-panel .form-check {
+    display: flex !important;
+    align-items: center !important;
+}
+
+.wrap.roi-admin-panel .form-check-label {
+    display: inline-flex !important;
+    align-items: center !important;
+    margin-bottom: 0 !important;
+    padding-top: 0 !important;
+}
+
+/* Tabs Navigation */
+.nav-tabs-admin {
+    border-bottom: 2px solid #e9ecef;
+}
+
+.nav-tabs-admin .nav-item {
+    margin-right: 0.1rem;
+}
+
+.nav-tabs-admin .nav-link {
+    color: #6c757d;
+    border: none;
+    border-bottom: 3px solid transparent;
+    padding: 0.3rem 0.4rem;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+}
+
+.nav-tabs-admin .nav-link i.bi {
+    margin-right: 0.2rem !important;
+    font-size: 0.7rem;
+}
+
+.nav-tabs-admin .nav-link:hover {
+    color: #FF8600;
+    border-bottom-color: #FFB800;
+}
+
+.nav-tabs-admin .nav-link.active {
+    color: #FF8600;
+    border-bottom-color: #FF8600;
+    background-color: transparent;
+}
+
+/* Tab Content */
+.tab-content {
+    animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Responsive */
+@media (max-width: 991px) {
+    .nav-tabs-admin {
+        flex-wrap: wrap;
+    }
+
+    .nav-tabs-admin .nav-link {
+        font-size: 0.8rem;
+        padding: 0.35rem 0.5rem;
+    }
+}
+
+@media (max-width: 767px) {
+    .nav-tabs-admin {
+        overflow-x: auto;
+        flex-wrap: nowrap;
+    }
+
+    .nav-tabs-admin .nav-item {
+        white-space: nowrap;
+    }
+}