<?php
$pageTitle = 'Cómo Instalar Apliques de Pared Bifocales Inteligentes en España para una Iluminación Dual';
$pageDesc  = 'Aprende a instalar apliques de pared bifocales inteligentes en tu hogar en España. Consigue una iluminación dual perfecta y eficiente.';
$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-1558002038-1055907df827?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 bifocal inteligente</h2><p>La iluminación de las paredes juega un papel fundamental en la creación de ambientes acogedores y sofisticados en cualquier vivienda en España. Los apliques de pared bifocales, capaces de proyectar luz tanto hacia arriba como hacia abajo de forma independiente, se han convertido en la tendencia estrella del diseño de interiores. Al dotar a estos dispositivos de conectividad inteligente, abrimos un abanico infinito de posibilidades para personalizar la atmósfera de nuestro hogar, combinando eficiencia energética y control absoluto desde cualquier lugar.</p><h2>Requisitos previos y materiales necesarios</h2><p>Antes de comenzar con la instalación física del aplique bifocal inteligente en la pared, es imprescindible verificar que cuentas con las herramientas adecuadas y que cumples con las normativas de seguridad eléctrica vigentes en España. Necesitarás:</p><ul><li>Un aplique de pared bifocal con protocolo inteligente compatible (Zigbee, Matter o Wi-Fi).</li><li>Destornilladores aislado (plano y de estrella).</li><li>Taladro y tacos de pared adecuados al tipo de superficie (yeso, ladrillo o hormigón).</li><li>Un buscapolos o multímetro para comprobar la ausencia de tensión.</li><li>Clemas de conexión rápida o bornes tipo Wago.</li></ul><h2>Paso a paso para la instalación y configuración</h2><p>La correcta instalación de estos dispositivos garantiza no solo su funcionamiento óptimo, sino también la seguridad de la red eléctrica de tu hogar. Sigue estas etapas cuidadosamente:</p><ol><li><strong>Corte del suministro eléctrico:</strong> Dirígete al cuadro eléctrico general de tu vivienda en España y desactiva el automático correspondiente a la zona de iluminación donde vas a trabajar. Utiliza el buscapolos para asegurarte al 100% de que no hay corriente en los cables de la pared.</li><li><strong>Preparación del soporte:</strong> Presenta la pletina de sujeción del aplique sobre la pared en la ubicación deseada, marca los puntos de perforación con un lápiz, taladra los agujeros e introduce los tacos de pared.</li><li><strong>Conexión del cableado:</strong> Conecta los cables de alimentación de la vivienda (fase, neutro y tierra) a los bornes correspondientes del aplique inteligente, asegurándote de que queden firmemente sujetos para evitar falsos contactos.</li><li><strong>Fijación del dispositivo:</strong> Atornilla el cuerpo principal del aplique bifocal a la pletina de la pared, procurando que el cableado quede oculto y sin presión excesiva.</li><li><strong>Restablecimiento de la energía y emparejamiento:</strong> Vuelve a activar el interruptor general en el cuadro eléctrico. El aplique parpadeará indicando que está listo para el emparejamiento. Abre la aplicación de tu ecosistema preferido (como Alexa, Google Home o Home Assistant) y sigue las instrucciones en pantalla para añadir el dispositivo a tu red doméstica.</li></ol><h2>Consejos de ahorro energético y confort lumínico</h2><p>Una de las grandes ventajas de los apliques bifocales inteligentes es la capacidad de gestionar de manera independiente el haz de luz superior y el inferior. Puedes configurar automatizaciones para que, durante las horas nocturnas, solo se encienda el haz inferior a baja intensidad, sirviendo como una luz de cortesía muy eficiente. Asimismo, al integrar sensores de presencia o programar rutinas basadas en los horarios de puesta y salida del sol en tu zona de España, evitarás consumos fantasma y reducirás notablemente la factura de la luz 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"; 
?>