[NIVEL 1 COMPLETADO] Estructura HTML Base + Sistema de Variables CSS - Issues #47 #48

Implementación de CIMIENTOS del tema según template index.html.
Sin estos cambios NO se puede avanzar a componentes visuales.

**Issue #47: Estructura HTML Base**
- single.php: Reemplazada estructura con Grid Bootstrap exacto del template
  - Agregado: <div class="container"> → <div class="row">
  - Columna principal: <div class="col-lg-9"> (línea 28)
  - Columna sidebar: <div class="col-lg-3"> (línea 244)
  - Eliminado: <div class="content-wrapper"> (obsoleto)
- Estructura ahora coincide 100% con template líneas 347-350

**Issue #48: Sistema de Variables CSS**
- Creado: assets/css/variables.css (180 líneas)
  - 50+ variables CSS de colores paleta RDash
  - Variables tipográficas (fonts, sizes, weights)
  - Variables de espaciado y bordes
  - Variables de sombras y transiciones
  - Variables de gradientes del template
- Registrado en enqueue-scripts.php (línea 51-58)
- Dependencia: se carga DESPUÉS de Bootstrap

**Archivos Modificados:**
- wp-content/themes/apus-theme/single.php
- wp-content/themes/apus-theme/inc/enqueue-scripts.php

**Archivos Creados:**
- wp-content/themes/apus-theme/assets/css/variables.css

**Referencia Template:**
D:\_Desarrollo\02AnalisisDePreciosUnitarios\analisisdepreciosunitarios.com\_planeacion\theme-template\index.html

**Resultado:**
NIVEL 1 (CIMIENTOS) está completo. Ahora se puede avanzar a NIVEL 2 (Componentes Principales).

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

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

wp-content/themes/apus-theme/single.php

@@ -20,10 +20,13 @@ get_template_part('template-parts/content', 'hero');
 
 	<main id="main-content" class="site-main" role="main">
 
-		<div class="content-wrapper">
+		<!-- Container Bootstrap exacto del template -->
+		<div class="container">
+			<div class="row">
 
-			<!-- Primary Content Area -->
-			<div id="primary" class="content-area">
+				<!-- Columna Principal (9/12) - Template línea 349 -->
+				<div class="col-lg-9">
+					<div id="primary" class="content-area">
 
 				<?php
 				while ( have_posts() ) :
@@ -227,19 +230,26 @@ get_template_part('template-parts/content', 'hero');
 				endwhile; // End of the loop.
 				?>
 
-			</div><!-- #primary -->
+					</div><!-- #primary -->
+				</div><!-- .col-lg-9 -->
 
-			<?php
-			/**
-			 * Sidebar
-			 * Display the sidebar if it's active.
-			 */
-			if ( is_active_sidebar( 'sidebar-1' ) ) :
-				get_template_part( 'template-parts/sidebar' );
-			endif;
-			?>
+				<!-- Columna Sidebar (3/12) - Template línea 1164+ -->
+				<?php
+				/**
+				 * Sidebar
+				 * Display the sidebar if it's active.
+				 */
+				if ( is_active_sidebar( 'sidebar-1' ) ) :
+					?>
+					<div class="col-lg-3">
+						<?php get_template_part( 'template-parts/sidebar' ); ?>
+					</div><!-- .col-lg-3 -->
+					<?php
+				endif;
+				?>
 
-		</div><!-- .content-wrapper -->
+			</div><!-- .row -->
+		</div><!-- .container -->
 
 	</main><!-- #main-content -->