fix(admin): Apilar toggles verticalmente en sección Activación

- Eliminar row g-4 y col-md-4 que causaban layout horizontal
- Cambiar a divs con mb-4 para espaciado vertical consistente
- Último elemento con mb-0 para evitar espacio extra
- Los 3 toggles ahora se apilan verticalmente como cards

Issue: #144

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

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

admin-panel/admin/pages/main.php

@@ -65,81 +65,72 @@ if (!defined('ABSPATH')) {
 						Activación y Visibilidad
 					</h4>
 
-					<div class="row g-4">
+					<!-- Enabled -->
-						<!-- Enabled -->
+					<div class="mb-4">
-						<div class="col-md-4">
+						<label class="form-label text-neutral-700 fw-medium mb-3">
-							<div class="form-group">
+							<i class="bi bi-power text-orange-primary me-1"></i>
-								<label class="form-label text-neutral-700 fw-medium mb-3">
+							Estado del Componente
-									<i class="bi bi-power text-orange-primary me-1"></i>
+						</label>
-									Estado del Componente
+						<div class="toggle-container">
+							<div class="form-check form-switch form-switch-lg">
+								<input class="form-check-input"
+									   type="checkbox"
+									   id="topBarEnabled"
+									   role="switch"
+									   checked>
+								<label class="form-check-label" for="topBarEnabled">
+									Activar Top Bar
 								</label>
-								<div class="toggle-container">
-									<div class="form-check form-switch form-switch-lg">
-										<input class="form-check-input"
-											   type="checkbox"
-											   id="topBarEnabled"
-											   role="switch"
-											   checked>
-										<label class="form-check-label" for="topBarEnabled">
-											<span class="switch-label-on">Activado</span>
-											<span class="switch-label-off">Desactivado</span>
-										</label>
-									</div>
-									<small class="form-text text-neutral-700 d-block mt-2">
-										Activa o desactiva el Top Bar en todo el sitio
-									</small>
-								</div>
 							</div>
+							<small class="form-text text-neutral-700 d-block mt-2">
+								Activa o desactiva el Top Bar en todo el sitio
+							</small>
 						</div>
+					</div>
 
-						<!-- Show on Mobile -->
+					<!-- Show on Mobile -->
-						<div class="col-md-4">
+					<div class="mb-4">
-							<div class="form-group">
+						<label class="form-label text-neutral-700 fw-medium mb-3">
-								<label class="form-label text-neutral-700 fw-medium mb-3">
+							<i class="bi bi-phone text-orange-primary me-1"></i>
-									<i class="bi bi-phone text-orange-primary me-1"></i>
+							Visibilidad Mobile
-									Visibilidad Mobile
+						</label>
+						<div class="toggle-container">
+							<div class="form-check form-switch form-switch-lg">
+								<input class="form-check-input"
+									   type="checkbox"
+									   id="topBarShowOnMobile"
+									   role="switch"
+									   checked>
+								<label class="form-check-label" for="topBarShowOnMobile">
+									Mostrar en dispositivos móviles
 								</label>
-								<div class="toggle-container">
-									<div class="form-check form-switch form-switch-lg">
-										<input class="form-check-input"
-											   type="checkbox"
-											   id="topBarShowOnMobile"
-											   role="switch"
-											   checked>
-										<label class="form-check-label" for="topBarShowOnMobile">
-											Mostrar en dispositivos móviles
-										</label>
-									</div>
-									<small class="form-text text-neutral-700 d-block mt-2">
-										Pantallas menores a 768px
-									</small>
-								</div>
 							</div>
+							<small class="form-text text-neutral-700 d-block mt-2">
+								Pantallas menores a 768px
+							</small>
 						</div>
+					</div>
 
-						<!-- Show on Desktop -->
+					<!-- Show on Desktop -->
-						<div class="col-md-4">
+					<div class="mb-0">
-							<div class="form-group">
+						<label class="form-label text-neutral-700 fw-medium mb-3">
-								<label class="form-label text-neutral-700 fw-medium mb-3">
+							<i class="bi bi-display text-orange-primary me-1"></i>
-									<i class="bi bi-display text-orange-primary me-1"></i>
+							Visibilidad Desktop
-									Visibilidad Desktop
+						</label>
+						<div class="toggle-container">
+							<div class="form-check form-switch form-switch-lg">
+								<input class="form-check-input"
+									   type="checkbox"
+									   id="topBarShowOnDesktop"
+									   role="switch"
+									   checked>
+								<label class="form-check-label" for="topBarShowOnDesktop">
+									Mostrar en desktop
 								</label>
-								<div class="toggle-container">
-									<div class="form-check form-switch form-switch-lg">
-										<input class="form-check-input"
-											   type="checkbox"
-											   id="topBarShowOnDesktop"
-											   role="switch"
-											   checked>
-										<label class="form-check-label" for="topBarShowOnDesktop">
-											Mostrar en desktop
-										</label>
-									</div>
-									<small class="form-text text-neutral-700 d-block mt-2">
-										Pantallas de 768px en adelante
-									</small>
-								</div>
 							</div>
+							<small class="form-text text-neutral-700 d-block mt-2">
+								Pantallas de 768px en adelante
+							</small>
 						</div>
 					</div>
 				</div>