<?php
$pageTitle = 'Cómo Instalar Focos con Regulación Zigbee Perceptual en España para un Control Lumínico Profesional';
$pageDesc  = 'Aprende a instalar focos con regulación Zigbee perceptual en tu casa en España. Optimiza la luz y ahorra en tu factura eléctrica.';
$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 02/10/2026</span>
            </div>
        </header>

        <div class="mb-8 text-center">
            <img src="https://images.unsplash.com/photo-1585771724684-38269d6639fd?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 Regulación Lumínica Perceptual con Zigbee</h2><p>El avance de la domótica en España ha transformado la forma en que interactuamos con nuestro entorno. La iluminación ya no es un simple interruptor de encendido y apagado, sino una experiencia adaptativa. Los focos con regulación <strong>Zigbee perceptual</strong> ajustan su brillo imitando la sensibilidad del ojo humano, logrando transiciones suaves que el ojo percibe de manera lineal, a diferencia de la progresión logarítmica tradicional.</p><h2>Materiales Necesarios para la Instalación</h2><p>Antes de comenzar con el montaje en el techo de tu vivienda, es fundamental contar con las herramientas adecuadas y los dispositivos certificados para asegurar una red estable en la frecuencia de 2.4 GHz.</p><ul><li>Focos empotrables compatibles con Zigbee y regulación perceptual.</li><li>Puente o pasarela (Gateway) Zigbee (como ZHA, Zigbee2MQTT o ecosistemas comerciales).</li><li>Destornillador aislado y alicates pelacables.</li><li>Comprobador de tensión sin contacto por seguridad.</li></ul><h2>Pasos para la Instalación Física y Vinculación</h2><p>La seguridad eléctrica es la máxima prioridad en cualquier proyecto de hogar inteligente. Sigue este procedimiento detallado para una instalación limpia y segura:</p><ol><li><strong>Corte del suministro eléctrico:</strong> Dirígete al cuadro general de tu vivienda y desconecta el magnetotérmico correspondiente al circuito de iluminación donde vas a trabajar.</li><li><strong>Verificación de ausencia de tensión:</strong> Utiliza el comprobador para asegurarte de que no fluye corriente por los cables de fase, neutro y tierra en la caja de empalme o portalámparas.</li><li><strong>Sustitución del foco:</strong> Desconecta la luminaria anterior y conecta los bornes del nuevo foco inteligente Zigbee respetando el código de colores vigente en España (marrón o negro para fase, azul para neutro).</li><li><strong>Restablecimiento de energía:</strong> Vuelve a activar el automático en el cuadro eléctrico y comprueba que el foco parpadea, indicando que está listo para el emparejamiento.</li><li><strong>Sincronización con el Hub:</strong> Abre tu aplicación de domótica preferida, inicia el modo de inclusión y espera a que el dispositivo sea detectado y enlazado a la red mallada (Mesh) de tu hogar.</li></ol><h2>Consejos de Ahorro Energético y Confort</h2><p>Implementar este tipo de tecnología no solo aporta un diseño moderno y minimalista, sino que repercute directamente en la eficiencia energética de la casa. Configura automatizaciones basadas en la luz natural mediante sensores crepusculares externos para que los focos reduzcan su intensidad progresivamente a medida que entra sol por los ventanales. Además, al utilizar el protocolo Zigbee, reduces el consumo en espera (standby) en comparación con dispositivos Wi-Fi convencionales, garantizando una bajada real en tu factura eléctrica mensual sin renunciar al máximo confort visual.</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"; 
?>