From 9224f651f548c0ab5624ad21251bd1d11a26f8d1 Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Mon, 10 Nov 2025 22:47:41 -0600
Subject: [PATCH] feat(admin): Mostrar cards en grid de 2 columnas
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Row 1: Activación + Contenido (col-md-6 cada uno)
- Row 2: Estilos + Vista Previa (col-md-6 cada uno)
- Añadido h-100 para altura uniforme entre cards

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 admin-panel/admin/pages/main.php | 54 +++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 22 deletions(-)

diff --git a/admin-panel/admin/pages/main.php b/admin-panel/admin/pages/main.php
index 85ca6461..2d73af1c 100644
--- a/admin-panel/admin/pages/main.php
+++ b/admin-panel/admin/pages/main.php
@@ -53,11 +53,14 @@ if (!defined('ABSPATH')) {
 				</div>
 			</div>
 
-			<!-- ============================= -->
-			<!-- GRUPO 1: ACTIVACIÓN           -->
-			<!-- ============================= -->
-			<div class="form-section card shadow-sm border-0 mb-4">
-				<div class="card-body">
+			<!-- Row para 2 cards por fila -->
+			<div class="row">
+				<!-- ============================= -->
+				<!-- GRUPO 1: ACTIVACIÓN           -->
+				<!-- ============================= -->
+				<div class="col-md-6">
+					<div class="form-section card shadow-sm border-0 mb-4 h-100">
+						<div class="card-body">
 					<h4 class="section-title">
 						<span class="title-icon">
 							<i class="bi bi-toggle-on"></i>
@@ -132,15 +135,16 @@ if (!defined('ABSPATH')) {
 								Pantallas de 768px en adelante
 							</small>
 						</div>
+						</div>
 					</div>
 				</div>
-			</div>
 
-			<!-- ============================= -->
-			<!-- GRUPO 2: CONTENIDO            -->
-			<!-- ============================= -->
-			<div class="form-section card shadow-sm border-0 mb-4">
-				<div class="card-body">
+				<!-- ============================= -->
+				<!-- GRUPO 2: CONTENIDO            -->
+				<!-- ============================= -->
+				<div class="col-md-6">
+					<div class="form-section card shadow-sm border-0 mb-4 h-100">
+						<div class="card-body">
 					<h4 class="section-title">
 						<span class="title-icon">
 							<i class="bi bi-card-text"></i>
@@ -323,15 +327,19 @@ if (!defined('ABSPATH')) {
 								</div>
 							</div>
 						</div>
+						</div>
 					</div>
 				</div>
 			</div>
 
-			<!-- ============================= -->
-			<!-- GRUPO 3: ESTILOS AVANZADOS    -->
-			<!-- ============================= -->
-			<div class="form-section card shadow-sm border-0 mb-4">
-				<div class="card-body">
+			<!-- Row para segunda fila de cards -->
+			<div class="row">
+				<!-- ============================= -->
+				<!-- GRUPO 3: ESTILOS AVANZADOS    -->
+				<!-- ============================= -->
+				<div class="col-md-6">
+					<div class="form-section card shadow-sm border-0 mb-4 h-100">
+						<div class="card-body">
 					<h4 class="section-title">
 						<span class="title-icon">
 							<i class="bi bi-palette"></i>
@@ -459,16 +467,17 @@ if (!defined('ABSPATH')) {
 									</p>
 								</div>
 							</div>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
 
-			<!-- ============================= -->
-			<!-- VISTA PREVIA INTERACTIVA      -->
-			<!-- ============================= -->
-			<div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50">
-				<div class="card-body">
+				<!-- ============================= -->
+				<!-- VISTA PREVIA INTERACTIVA      -->
+				<!-- ============================= -->
+				<div class="col-md-6">
+					<div class="form-section card shadow-sm border-0 mb-4 bg-neutral-50 h-100">
+						<div class="card-body">
 					<h4 class="section-title">
 						<span class="title-icon">
 							<i class="bi bi-eye"></i>
@@ -502,6 +511,7 @@ if (!defined('ABSPATH')) {
 							<i class="bi bi-display me-1"></i>
 							Ver en Desktop
 						</button>
+						</div>
 					</div>
 				</div>
 			</div>