<?php
$pageTitle = 'Cómo Instalar Paneles de Suelo Iluminados Inteligentes en España para Crear Espacios Únicos';
$pageDesc  = 'Descubre cómo instalar paneles de suelo iluminados inteligentes en tu hogar en España. Guía paso a paso para diseño, conexionado y automatización.';
$basePath  = "../";

include __DIR__ . "/../header.php";

$productsJsonPath = __DIR__ . "/products.json";
$allProducts = file_exists($productsJsonPath) ? json_decode(file_get_contents($productsJsonPath), true) : array();

function limpiarTextoSEOStrPost($str) {
    $str = mb_strtolower($str, "UTF-8");
    $str = str_replace(
        ["á", "é", "í", "ó", "ú", "à", "è", "ì", "ò", "ù", "ä", "ë", "ï", "ö", "ü"],
        ["a", "e", "i", "o", "u", "a", "e", "i", "o", "u", "a", "e", "i", "o", "u"],
        $str
    );
    return trim(str_replace("-", " ", $str));
}

$currentCategoryNormalized = limpiarTextoSEOStrPost('Iluminación Inteligente');
$relatedProducts = array();

if (!empty($currentCategoryNormalized) && is_array($allProducts)) {
    foreach ($allProducts as $prod) {
        $prodCatNormalized = limpiarTextoSEOStrPost($prod["category"] ?? "");
        if ($prodCatNormalized === $currentCategoryNormalized) {
            $relatedProducts[] = $prod;
        }
    }
}

if (count($relatedProducts) < 3 && is_array($allProducts)) {
    foreach ($allProducts as $prod) {
        if (!in_array($prod, $relatedProducts)) {
            $relatedProducts[] = $prod;
        }
        if (count($relatedProducts) >= 3) break;
    }
}
$relatedProducts = array_slice($relatedProducts, 0, 3);
?>

<div class="max-w-4xl mx-auto px-4 py-8">
    <nav class="text-sm text-slate-400 mb-6">
        <a href="../" class="hover:text-blue-400">Inicio</a> &rsaquo; 
        <a href="../blog.php" class="hover:text-blue-400">Blog</a> &rsaquo; 
        <span class="text-blue-400"><?php echo htmlspecialchars('Iluminación Inteligente'); ?></span>
    </nav>

    <article class="bg-slate-900 border border-slate-800 rounded-2xl p-6 sm:p-10 shadow-xl text-slate-100">
        <header class="mb-8 border-b border-slate-800 pb-6">
            <h1 class="text-3xl sm:text-4xl font-extrabold text-white leading-tight mb-4">
                <?php echo htmlspecialchars($pageTitle); ?>
            </h1>
            <div class="flex flex-wrap items-center gap-4 text-sm text-slate-400">
                <span>👤 Por <strong class="text-slate-200">Equipo DomoticPRO</strong></span>
                <span>•</span>
                <span>📅 Publicado el 01/10/2026</span>
            </div>
        </header>

        <div class="mb-8 text-center">
            <img src="https://images.unsplash.com/photo-1513506003901-1e6a229e2d15?auto=format&amp;fit=crop&amp;w=800&amp;q=80" alt="<?php echo htmlspecialchars($pageTitle); ?>" class="w-full max-h-[400px] object-cover rounded-xl shadow-md">
        </div>

        <div class="prose prose-invert max-w-none text-slate-300 space-y-4 leading-relaxed">
            <h2>Introducción a la iluminación en pavimentos inteligentes</h2><p>La domótica aplicada al suelo representa uno de los avances más innovadores en el diseño de interiores en España. Los paneles de suelo iluminados inteligentes permiten no solo crear caminos de balizamiento nocturno, sino también transformar por completo la estética de salones, pasillos y terrazas cubiertas gracias a patrones de luz dinámicos y personalizables.</p><h2>Requisitos previos y planificación de la instalación</h2><p>Antes de acometer la instalación de un suelo técnico con iluminación LED integrada, es fundamental verificar la planimetría de la superficie y la resistencia de los materiales al tránsito constante. En España, estas soluciones requieren cumplir con normativas específicas de aislamiento eléctrico y protección contra la humedad (IP adecuado según la estancia), especialmente si se instalan cerca de zonas de paso o cocinas.</p><h2>Pasos para la instalación física de los paneles</h2><ol><li><strong>Preparación de la superficie:</strong> Limpia y nivela el suelo base para asegurar que los paneles encastrados queden perfectamente alineados y sin holguras que puedan dañarlos con el peso.</li><li><strong>Cableado oculto y canalizaciones:</strong> Traza las rutas para el cableado de baja tensión (habitualmente 12V o 24V) utilizando canaletas bajo el zócalo o ranuras en el suelo técnico antes de fijar los pavimentos flotantes.</li><li><strong>Montaje de los módulos:</strong> Conecta los conectores estancos de cada panel siguiendo el esquema del fabricante y encaja los módulos con precisión milimétrica.</li><li><strong>Instalación del controlador central:</strong> Conecta las líneas de alimentación al controlador LED inteligente compatible con tu protocolo preferido (Zigbee, Matter o Wi-Fi).</li></ol><h2>Integración con asistentes de voz y automatizaciones</h2><p>Una vez montado el sistema físico, vincula el controlador a tu plataforma domótica como Home Assistant, Alexa o Google Home. Esto te permitirá configurar rutinas avanzadas, tales como encender una suave guía de luz al detectar presencia en la oscuridad de la madrugada o cambiar de tonalidad cromática según el estado de ánimo y las escenas programadas en tu hogar inteligente.</p><h2>Consejos de eficiencia energética y mantenimiento</h2><p>Para maximizar el ahorro energético, configura regulaciones de intensidad (dimming) mediante sensores crepusculares o horarios que reduzcan el brillo al 20% durante las horas nocturnas. Además, asegúrate de utilizar fuentes de alimentación de alta eficiencia con certificación CE y protección contra sobretensiones, muy comunes en la red eléctrica española, garantizando así una larga vida útil de todo el sistema lumínico.</p>
        </div>
    </article>

    <?php if (!empty($relatedProducts)): ?>
        <section class="mt-10 bg-slate-900 border border-slate-800 rounded-2xl p-6 sm:p-8">
            <h3 class="text-xl font-bold text-blue-400 text-center mb-2">
                🏠 Dispositivos Recomendados para este Sistema
            </h3>
            <p class="text-center text-slate-400 text-sm mb-6">
                Equipos y accesorios inteligentes seleccionados para automatizar tu hogar con total garantía.
            </p>

            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
                <?php foreach ($relatedProducts as $prod): ?>
                    <div class="bg-slate-950 border border-slate-800 rounded-xl p-4 flex flex-col justify-between shadow-lg">
                        <div>
                            <div class="text-center mb-4 relative">
                                <?php if (!empty($prod["badge"])): ?>
                                    <span class="absolute top-0 left-0 bg-blue-600 text-white text-xs px-2 py-1 rounded font-medium"><?php echo htmlspecialchars($prod["badge"]); ?></span>
                                <?php endif; ?>
                                <a href="<?php echo htmlspecialchars($prod["affiliate_url"]); ?>" target="_blank">
                                    <img src="<?php echo htmlspecialchars($prod["image_url"]); ?>" alt="<?php echo htmlspecialchars($prod["title"]); ?>" class="h-32 mx-auto object-contain">
                                </a>
                            </div>
                            <a href="<?php echo htmlspecialchars($prod["affiliate_url"]); ?>" target="_blank" class="no-underline">
                                <h4 class="text-sm font-semibold text-slate-200 hover:text-blue-400 line-clamp-2 mb-2"><?php echo htmlspecialchars($prod["title"]); ?></h4>
                            </a>
                        </div>
                        
                        <div class="flex items-center justify-between mt-4 pt-3 border-t border-slate-800">
                            <span class="font-bold text-white text-base"><?php echo htmlspecialchars($prod["price"]); ?></span>
                            <a href="<?php echo htmlspecialchars($prod["affiliate_url"]); ?>" target="_blank" rel="nofollow noopener" class="bg-amber-500 hover:bg-amber-600 text-slate-950 font-bold px-3 py-1.5 rounded text-xs transition">
                                Ver en Amazon
                            </a>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </section>
    <?php endif; ?>

    <div class="mt-8 text-center">
        <a href="../blog.php" class="text-blue-400 hover:underline font-semibold text-sm">&larr; Volver al listado del blog</a>
    </div>
</div>

<?php 
include __DIR__ . "/../footer.php"; 
?>