{"id":2,"date":"2026-01-23T13:20:25","date_gmt":"2026-01-23T12:20:25","guid":{"rendered":"https:\/\/reneservicios.es\/informatico-caceres\/?page_id=2"},"modified":"2026-03-25T09:11:17","modified_gmt":"2026-03-25T08:11:17","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/reneservicios.es\/informatico-caceres\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-177466d e-flex e-con-boxed e-con e-parent\" data-id=\"177466d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6b406 elementor-widget elementor-widget-html\" data-id=\"7b6b406\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Servicios Inform\u00e1ticos | Reparaci\u00f3n, Seguridad y Soluciones Tecnol\u00f3gicas<\/title>\n    <meta name=\"description\" content=\"Servicios inform\u00e1ticos avanzados: reparaci\u00f3n de ordenadores, recuperaci\u00f3n de datos, redes, seguridad encriptada, dom\u00f3tica, vigilancia y soluciones tecnol\u00f3gicas personalizadas.\">\n    \n    <!-- Meta tags optimizados -->\n    <meta property=\"og:title\" content=\"Servicios Inform\u00e1ticos - Soluciones Tecnol\u00f3gicas Integrales\">\n    <meta property=\"og:description\" content=\"Reparaci\u00f3n de ordenadores, recuperaci\u00f3n de datos, redes, seguridad encriptada, dom\u00f3tica, vigilancia y soluciones tecnol\u00f3gicas personalizadas.\">\n    <meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=70\">\n    <meta property=\"og:url\" content=\"https:\/\/reneservicios.es\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:locale\" content=\"es_ES\">\n    \n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Servicios Inform\u00e1ticos - Soluciones Tecnol\u00f3gicas Integrales\">\n    <meta name=\"twitter:description\" content=\"Reparaci\u00f3n de ordenadores, recuperaci\u00f3n de datos, redes, seguridad encriptada, dom\u00f3tica, vigilancia y soluciones tecnol\u00f3gicas personalizadas.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=70\">\n    \n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"author\" content=\"Servicios Inform\u00e1ticos\">\n    <meta name=\"keywords\" content=\"reparaci\u00f3n ordenadores, recuperaci\u00f3n datos, redes ethernet, wifi, PLC, seguridad encriptada, dom\u00f3tica, vigilancia, sistemas inform\u00e1ticos\">\n    \n    <!-- Preconexiones optimizadas -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link rel=\"dns-prefetch\" href=\"https:\/\/cdnjs.cloudflare.com\">\n    <link rel=\"dns-prefetch\" href=\"https:\/\/images.unsplash.com\">\n    \n    <!-- Estilos cr\u00edticos inline optimizados -->\n    <style>\n        \/* VARIABLES Y ESTILOS CR\u00cdTICOS OPTIMIZADOS *\/\n        :root {\n            --primary-color: #2a5c8b;\n            --secondary-color: #ff6b35;\n            --accent-color: #00a8ff;\n            --matrix-green: #00ff41;\n            --neon-blue: #00f3ff;\n            --neon-purple: #b967ff;\n            --security-red: #ff3b30;\n            --data-blue: #007aff;\n            --network-orange: #ff9500;\n            --dark-color: #1a1a2e;\n            --light-color: #f8f9fa;\n            --transition: all 0.3s ease;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            line-height: 1.6;\n            color: #e8e8e8;\n            background-color: #0a0a0f;\n            overflow-x: hidden;\n        }\n\n        \/* TIPOGRAF\u00cdA ARM\u00d3NICA - AJUSTES MEJORADOS *\/\n        p, li, span, .text-content {\n            color: #f0f0f0 !important;\n            font-size: 1.05rem;\n            line-height: 1.7;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n            max-width: 65ch;\n        }\n\n        h1, h2, h3, h4, h5, h6 {\n            font-weight: 600;\n            line-height: 1.3;\n            margin-bottom: 1rem;\n            color: #ffffff;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n        }\n\n        h1 { font-size: 2.5rem; }\n        h2 { font-size: 2rem; }\n        h3 { font-size: 1.5rem; }\n        h4 { font-size: 1.25rem; }\n\n        .container {\n            width: 90%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        section {\n            padding: 80px 0;\n        }\n\n        header {\n            background-color: rgba(26, 26, 46, 0.95);\n            position: fixed;\n            width: 100%;\n            top: 0;\n            z-index: 1000;\n            backdrop-filter: blur(10px);\n            transition: var(--transition);\n        }\n\n        .nav-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 15px 0;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .logo-text {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: white;\n        }\n\n        .logo-subtext {\n            font-size: 0.8rem;\n            color: var(--matrix-green);\n            font-weight: 600;\n            display: block;\n        }\n\n        .hero {\n            background: linear-gradient(135deg, rgba(42, 92, 139, 0.9) 0%, rgba(0, 168, 255, 0.85) 100%);\n            color: white;\n            text-align: center;\n            padding: 180px 0 100px;\n            margin-top: 60px;\n        }\n\n        .hero-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .btn {\n            padding: 14px 28px;\n            border-radius: 50px;\n            font-weight: 600;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            transition: var(--transition);\n            border: none;\n            cursor: pointer;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, var(--secondary-color), #e55a2b);\n            color: white;\n        }\n\n        .btn-secondary {\n            background-color: rgba(255, 255, 255, 0.15);\n            color: white;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 40px;\n            flex-wrap: wrap;\n        }\n\n        .floating-buttons-container {\n            position: fixed;\n            left: 15px;\n            bottom: 120px;\n            z-index: 1002;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            align-items: center;\n        }\n\n        .floating-btn {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.1rem;\n            color: white;\n            text-decoration: none;\n            transition: var(--transition);\n            background: linear-gradient(135deg, #ff6b35, #ff8e53);\n            border: 2px solid rgba(255, 255, 255, 0.2);\n            cursor: pointer;\n        }\n\n        nav ul {\n            display: flex;\n            list-style: none;\n        }\n\n        nav ul li {\n            margin-left: 20px;\n        }\n\n        nav ul li a {\n            color: #e0e0e0;\n            text-decoration: none;\n            font-weight: 500;\n            padding: 5px 0;\n            font-size: 0.95rem;\n            transition: var(--transition);\n        }\n\n        .mobile-menu {\n            display: none;\n            font-size: 1.5rem;\n            cursor: pointer;\n            color: var(--neon-blue);\n        }\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .service-card {\n            background: rgba(26, 26, 46, 0.8);\n            border-radius: 15px;\n            padding: 30px;\n            transition: var(--transition);\n            border: 2px solid transparent;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .service-icon {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, var(--neon-blue), var(--accent-color));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            font-size: 1.8rem;\n            color: white;\n        }\n\n        .section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title h2 {\n            color: var(--neon-blue);\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            padding-bottom: 15px;\n        }\n\n        .section-title h2::after {\n            content: '';\n            position: absolute;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(90deg, var(--neon-blue), var(--matrix-green));\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            border-radius: 2px;\n        }\n\n        .encrypted-content {\n            background: rgba(26, 26, 46, 0.8);\n            padding: 40px;\n            border-radius: 15px;\n            border: 2px solid var(--security-red);\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .warning-box {\n            background: rgba(255, 59, 48, 0.1);\n            border: 2px solid var(--security-red);\n            border-radius: 10px;\n            padding: 20px;\n            margin: 25px 0;\n        }\n\n        footer {\n            background-color: rgba(26, 26, 46, 0.95);\n            padding: 60px 0 20px;\n            margin-top: 80px;\n        }\n\n        .footer-content {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .footer-column h3 {\n            color: var(--neon-blue);\n            margin-bottom: 20px;\n            padding-bottom: 10px;\n            border-bottom: 2px solid rgba(0, 168, 255, 0.3);\n        }\n\n        .copyright {\n            text-align: center;\n            padding-top: 30px;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            color: #b0b0b0;\n            font-size: 0.9rem;\n        }\n\n        .animate-on-scroll {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .animate-on-scroll.animated {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .mb-1 { margin-bottom: 0.5rem; }\n        .mb-2 { margin-bottom: 1rem; }\n        .mb-3 { margin-bottom: 1.5rem; }\n        .mb-4 { margin-bottom: 2rem; }\n        .mt-1 { margin-top: 0.5rem; }\n        .mt-2 { margin-top: 1rem; }\n        .mt-3 { margin-top: 1.5rem; }\n        .mt-4 { margin-top: 2rem; }\n        .text-center { text-align: center; }\n\n        @media (max-width: 768px) {\n            h1 { font-size: 2rem; }\n            h2 { font-size: 1.7rem; }\n            h3 { font-size: 1.3rem; }\n            section { padding: 60px 0; }\n            .hero { padding: 150px 0 80px; }\n            .cta-buttons { flex-direction: column; align-items: center; }\n            .btn { width: 100%; max-width: 280px; }\n            .mobile-menu { display: block; }\n            nav ul {\n                position: fixed;\n                top: 80px;\n                left: -100%;\n                width: 100%;\n                flex-direction: column;\n                background: rgba(26, 26, 46, 0.98);\n                padding: 20px 0;\n                transition: var(--transition);\n                z-index: 999;\n                backdrop-filter: blur(10px);\n            }\n            nav ul.active { left: 0; }\n            nav ul li {\n                margin: 0;\n                padding: 12px 0;\n                text-align: center;\n                border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            }\n            .services-grid { grid-template-columns: 1fr; gap: 20px; }\n            .floating-buttons-container { left: 10px; bottom: 110px; gap: 8px; }\n            .floating-btn { width: 40px; height: 40px; font-size: 1rem; }\n            .service-card { padding: 25px; }\n            p, li, span, .text-content { font-size: 1rem; line-height: 1.6; }\n        }\n\n        @media (max-width: 480px) {\n            .container { width: 95%; padding: 0 15px; }\n            .floating-buttons-container { left: 8px; bottom: 100px; }\n            .floating-btn { width: 38px; height: 38px; }\n            .hero { padding: 130px 0 60px; }\n            .encrypted-content { padding: 25px; }\n        }\n    <\/style>\n    \n    <!-- Estilos no cr\u00edticos se cargan despu\u00e9s -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\n<\/head>\n<body>\n    <!-- Canvas Matrix optimizado -->\n    <canvas id=\"matrix-bg\" style=\"position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.05;pointer-events:none;\"><\/canvas>\n\n    <!-- Header optimizado -->\n    <header id=\"header\">\n        <div class=\"container nav-container\">\n            <div class=\"logo\">\n                <i class=\"fas fa-server\" style=\"color:#00f3ff;font-size:1.8rem;\"><\/i>\n                <div>\n                    <div class=\"logo-text\">Servicios Inform\u00e1ticos<\/div>\n                    <div class=\"logo-subtext\">Soluciones Tecnol\u00f3gicas Integrales<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mobile-menu\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/div>\n            \n            <nav>\n                <ul>\n                    <li><a href=\"#inicio\">Inicio<\/a><\/li>\n                    <li><a href=\"#reparacion\">Reparaci\u00f3n<\/a><\/li>\n                    <li><a href=\"#redes\">Redes<\/a><\/li>\n                    <li><a href=\"#seguridad\">Seguridad<\/a><\/li>\n                    <li><a href=\"#domotica\">Dom\u00f3tica<\/a><\/li>\n                    <li><a href=\"#telefonos\">Tel\u00e9fonos Encriptados<\/a><\/li>\n                    <li><a href=\"#contacto\">Contacto<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section optimizado -->\n    <section id=\"inicio\" class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <h1 class=\"mb-2\">Servicios Inform\u00e1ticos Avanzados<\/h1>\n                <p class=\"hero-tagline mb-3\" style=\"font-size:1.4rem;color:#ffffff;\">\n                    Soluciones tecnol\u00f3gicas <span style=\"color:#00ff41;font-weight:600;\">integrales y personalizadas<\/span>\n                <\/p>\n                <p class=\"hero-subtitle mb-4\">\n                    Desde reparaci\u00f3n de ordenadores hasta sistemas de seguridad encriptada de alto nivel. Tecnolog\u00eda avanzada para necesidades espec\u00edficas.\n                <\/p>\n                \n                <div class=\"cta-buttons\">\n                    <a href=\"#contacto\" class=\"btn btn-primary\">\n                        <i class=\"fas fa-headset\"><\/i> Consulta T\u00e9cnica\n                    <\/a>\n                    <a href=\"#telefonos\" class=\"btn btn-secondary\">\n                        <i class=\"fas fa-shield-alt\"><\/i> Seguridad Avanzada\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Reparaci\u00f3n y Mantenimiento -->\n    <section id=\"reparacion\" style=\"background-color:rgba(15,15,25,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Reparaci\u00f3n y Mantenimiento<\/h2>\n                <p class=\"text-center\">Soluciones t\u00e9cnicas especializadas para equipos inform\u00e1ticos<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-desktop\"><\/i>\n                    <\/div>\n                    <h3>Reparaci\u00f3n de Ordenadores<\/h3>\n                    <p class=\"text-content\">Diagn\u00f3stico y reparaci\u00f3n de hardware y software para PC, port\u00e1tiles y servidores. Soluciones r\u00e1pidas y eficientes.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-database\"><\/i>\n                    <\/div>\n                    <h3>Recuperaci\u00f3n de Datos<\/h3>\n                    <p class=\"text-content\">Recuperaci\u00f3n profesional de datos perdidos o da\u00f1ados en discos duros, SSD, memorias USB y otros dispositivos.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-tools\"><\/i>\n                    <\/div>\n                    <h3>Mantenimiento de Sistemas<\/h3>\n                    <p class=\"text-content\">Mantenimiento preventivo y correctivo de sistemas operativos, optimizaci\u00f3n de rendimiento y actualizaciones.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-rocket\"><\/i>\n                    <\/div>\n                    <h3>Repotenciaci\u00f3n<\/h3>\n                    <p class=\"text-content\">Actualizaci\u00f3n de componentes hardware para mejorar el rendimiento de equipos antiguos. Soluciones coste-efectivas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Redes y Comunicaciones -->\n    <section id=\"redes\" style=\"background-color:rgba(20,20,30,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Redes y Comunicaciones<\/h2>\n                <p class=\"text-center\">Soluciones avanzadas de conectividad y transmisi\u00f3n de datos<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff9500,#ffcc00);\">\n                        <i class=\"fas fa-network-wired\"><\/i>\n                    <\/div>\n                    <h3>Redes Ethernet<\/h3>\n                    <p class=\"text-content\">Dise\u00f1o, instalaci\u00f3n y configuraci\u00f3n de redes cableadas empresariales y dom\u00e9sticas. Alta velocidad y estabilidad.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#007aff,#5ac8fa);\">\n                        <i class=\"fas fa-wifi\"><\/i>\n                    <\/div>\n                    <h3>WiFi Avanzado<\/h3>\n                    <p class=\"text-content\">Instalaci\u00f3n de sistemas WiFi de alta potencia, mesh networking y optimizaci\u00f3n de cobertura para grandes superficies.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00ff41,#66ff99);\">\n                        <i class=\"fas fa-bolt\"><\/i>\n                    <\/div>\n                    <h3>PLC - Internet por Red El\u00e9ctrica<\/h3>\n                    <p class=\"text-content\">Transmisi\u00f3n de datos a trav\u00e9s de la red el\u00e9ctrica existente. Ideal para edificios hist\u00f3ricos o estructuras complejas.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#b967ff,#d9b3ff);\">\n                        <i class=\"fas fa-satellite-dish\"><\/i>\n                    <\/div>\n                    <h3>Transmisi\u00f3n por Luz L\u00e1ser<\/h3>\n                    <p class=\"text-content\">Comunicaci\u00f3n punto a punto mediante tecnolog\u00eda l\u00e1ser para conexiones seguras y de alta velocidad a larga distancia.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Seguridad Avanzada -->\n    <section id=\"seguridad\" style=\"background:linear-gradient(135deg,rgba(15,15,25,0.95),rgba(30,30,50,0.95));\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Seguridad y Vigilancia<\/h2>\n                <p class=\"text-center\">Sistemas de protecci\u00f3n avanzados para m\u00e1xima tranquilidad<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff3b30,#ff6b6b);\">\n                        <i class=\"fas fa-video\"><\/i>\n                    <\/div>\n                    <h3>Vigilancia Low Cost<\/h3>\n                    <p class=\"text-content\">Instalaci\u00f3n de c\u00e1maras de vigilancia con transmisi\u00f3n en directo al m\u00f3vil. Sistema privado con acceso exclusivo.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00a8ff,#66d9ff);\">\n                        <i class=\"fas fa-lock\"><\/i>\n                    <\/div>\n                    <h3>Sistemas de Seguridad Privados<\/h3>\n                    <p class=\"text-content\">Configuraci\u00f3n de sistemas de seguridad con acceso controlado \u00fanicamente por el propietario o personas autorizadas.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#2a5c8b,#4a7ca9);\">\n                        <i class=\"fas fa-user-secret\"><\/i>\n                    <\/div>\n                    <h3>Comunicaci\u00f3n Encriptada<\/h3>\n                    <p class=\"text-content\">Sistemas de comunicaci\u00f3n de alto nivel con encriptaci\u00f3n end-to-end para m\u00e1xima privacidad y seguridad.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff6b35,#ff9a6b);\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <h3>Auditor\u00edas de Seguridad<\/h3>\n                    <p class=\"text-content\">An\u00e1lisis de vulnerabilidades y auditor\u00edas completas de sistemas inform\u00e1ticos y redes.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Dom\u00f3tica e IA -->\n    <section id=\"domotica\" style=\"background-color:rgba(15,15,25,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Dom\u00f3tica e Inteligencia Artificial<\/h2>\n                <p class=\"text-center\">Automatizaci\u00f3n inteligente para hogares y empresas<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00f3ff,#66f0ff);\">\n                        <i class=\"fas fa-home\"><\/i>\n                    <\/div>\n                    <h3>Sistemas de Dom\u00f3tica<\/h3>\n                    <p class=\"text-content\">Automatizaci\u00f3n completa de hogares y edificios: iluminaci\u00f3n, climatizaci\u00f3n, seguridad y electrodom\u00e9sticos inteligentes.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#b967ff,#d9b3ff);\">\n                        <i class=\"fas fa-robot\"><\/i>\n                    <\/div>\n                    <h3>Inteligencia Artificial<\/h3>\n                    <p class=\"text-content\">Implementaci\u00f3n de soluciones basadas en IA para automatizaci\u00f3n de procesos, an\u00e1lisis predictivo y toma de decisiones.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00ff41,#66ff99);\">\n                        <i class=\"fas fa-microchip\"><\/i>\n                    <\/div>\n                    <h3>Sistemas Integrados<\/h3>\n                    <p class=\"text-content\">Integraci\u00f3n de diferentes tecnolog\u00edas en soluciones unificadas y f\u00e1ciles de gestionar desde una \u00fanica interfaz.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff9500,#ffcc66);\">\n                        <i class=\"fas fa-cogs\"><\/i>\n                    <\/div>\n                    <h3>Soluciones Personalizadas<\/h3>\n                    <p class=\"text-content\">Desarrollo de soluciones a medida seg\u00fan las necesidades espec\u00edficas de cada cliente.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Tel\u00e9fonos Encriptados -->\n    <section id=\"telefonos\" style=\"background-color:rgba(10,10,20,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2 style=\"color:#ff3b30;\">Tel\u00e9fonos Encriptados para Comunicaciones Hiper Seguras<\/h2>\n                <p style=\"color:#ffffff;\">Comunicaci\u00f3n segura de nivel empresarial y gubernamental<\/p>\n            <\/div>\n            \n            <div class=\"encrypted-content animate-on-scroll\">\n                <h2 class=\"text-center mb-3\" style=\"color:#ff3b30;\">\n                    <i class=\"fas fa-mobile-alt\"><\/i> Encriptado de Alto Nivel\n                <\/h2>\n                \n                <p class=\"text-center mb-4\">\n                    Ofrecemos terminales telef\u00f3nicas con encriptaci\u00f3n militar para comunicaciones completamente seguras. \n                    Estas soluciones est\u00e1n dise\u00f1adas para ejecutivos, profesionales y organizaciones que requieren m\u00e1xima confidencialidad.\n                <\/p>\n                \n                <div class=\"warning-box\">\n                    <h3 class=\"mb-2\" style=\"color:#ff3b30;\">\n                        <i class=\"fas fa-exclamation-triangle\"><\/i> IMPORTANTE - Proceso de Adquisici\u00f3n Exclusivo\n                    <\/h3>\n                    <ul style=\"list-style:none;padding-left:0;\">\n                        <li class=\"mb-2\">Las terminales se adquieren \u00fanicamente tras una visita presencial a nuestra empresa en Suiza<\/li>\n                        <li class=\"mb-2\">Toda la documentaci\u00f3n y facturaci\u00f3n se realiza en territorio suizo<\/li>\n                        <li class=\"mb-2\">El pago debe efectuarse de manera presencial en nuestras oficinas en Suiza<\/li>\n                        <li class=\"mb-2\"><strong>NO vendemos perif\u00e9ricos o m\u00f3viles en Espa\u00f1a<\/strong><\/li>\n                        <li>Proceso dise\u00f1ado para garantizar m\u00e1xima seguridad y trazabilidad<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <h3 class=\"text-center mt-4 mb-3\" style=\"color:#00a8ff;\">Caracter\u00edsticas de los Dispositivos<\/h3>\n                \n                <div class=\"services-grid\">\n                    <div class=\"service-card\">\n                        <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff3b30,#ff6b6b);\">\n                            <i class=\"fas fa-lock\"><\/i>\n                        <\/div>\n                        <h3>Encriptaci\u00f3n Militar<\/h3>\n                        <p>Algoritmos de encriptaci\u00f3n de grado militar para llamadas, mensajes y datos<\/p>\n                    <\/div>\n                    \n                    <div class=\"service-card\">\n                        <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#007aff,#5ac8fa);\">\n                            <i class=\"fas fa-fingerprint\"><\/i>\n                        <\/div>\n                        <h3>Autenticaci\u00f3n Biom\u00e9trica<\/h3>\n                        <p>M\u00faltiples capas de seguridad incluyendo autenticaci\u00f3n biom\u00e9trica avanzada<\/p>\n                    <\/div>\n                    \n                    <div class=\"service-card\">\n                        <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff9500,#ffcc00);\">\n                            <i class=\"fas fa-satellite\"><\/i>\n                        <\/div>\n                        <h3>Comunicaci\u00f3n Segura<\/h3>\n                        <p>Conexi\u00f3n segura por sat\u00e9lite y protocolos de comunicaci\u00f3n propietarios<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Secci\u00f3n de Soluciones Diversas -->\n    <section style=\"background-color:rgba(20,20,30,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Soluciones Inform\u00e1ticas Diversas<\/h2>\n                <p class=\"text-center\">Servicios t\u00e9cnicos especializados para necesidades espec\u00edficas<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00a8ff,#66d9ff);\">\n                        <i class=\"fas fa-cloud\"><\/i>\n                    <\/div>\n                    <h3>Migraci\u00f3n a la Nube<\/h3>\n                    <p class=\"text-content\">Transici\u00f3n segura de sistemas y datos a entornos cloud con m\u00e1xima seguridad y disponibilidad.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00ff41,#66ff99);\">\n                        <i class=\"fas fa-sync-alt\"><\/i>\n                    <\/div>\n                    <h3>Backup y Recuperaci\u00f3n<\/h3>\n                    <p class=\"text-content\">Implementaci\u00f3n de sistemas de backup autom\u00e1ticos y planes de recuperaci\u00f3n ante desastres.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#b967ff,#d9b3ff);\">\n                        <i class=\"fas fa-chart-bar\"><\/i>\n                    <\/div>\n                    <h3>Consultor\u00eda Tecnol\u00f3gica<\/h3>\n                    <p class=\"text-content\">Asesoramiento experto para la implementaci\u00f3n de soluciones tecnol\u00f3gicas optimizadas.<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff6b35,#ff9a6b);\">\n                        <i class=\"fas fa-hands-helping\"><\/i>\n                    <\/div>\n                    <h3>Soporte Continuo<\/h3>\n                    <p class=\"text-content\">Soporte t\u00e9cnico 24\/7 para empresas y particulares con respuestas inmediatas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section -->\n    <section id=\"contacto\" style=\"background-color:rgba(15,15,25,0.95);\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Contacto y Consultas<\/h2>\n                <p class=\"text-center\">Cont\u00e1ctanos para soluciones personalizadas y consultas t\u00e9cnicas<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#25D366,#128C7E);\">\n                        <i class=\"fab fa-whatsapp\"><\/i>\n                    <\/div>\n                    <h3>WhatsApp T\u00e9cnico<\/h3>\n                    <p class=\"mb-1\" style=\"font-weight:600;\">666 013 015<\/p>\n                    <p class=\"text-content\">Respuesta inmediata para consultas t\u00e9cnicas y soporte urgente<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#2a5c8b,#4a7ca9);\">\n                        <i class=\"fas fa-phone\"><\/i>\n                    <\/div>\n                    <h3>Tel\u00e9fono Directo<\/h3>\n                    <p class=\"mb-1\" style=\"font-weight:600;\">0034 666 013 015<\/p>\n                    <p class=\"text-content\">Lunes a Viernes: 9:00 - 20:00 | S\u00e1bados: 10:00 - 14:00<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#ff6b35,#ff9a6b);\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/div>\n                    <h3>Email Corporativo<\/h3>\n                    <p class=\"mb-1\" style=\"font-weight:600;\">info@reneservicios.es<\/p>\n                    <p class=\"text-content\">Respondemos en menos de 24 horas h\u00e1biles<\/p>\n                <\/div>\n                \n                <div class=\"service-card animate-on-scroll\">\n                    <div class=\"service-icon\" style=\"background:linear-gradient(135deg,#00f3ff,#66f0ff);\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <h3>Consultas en Suiza<\/h3>\n                    <p class=\"text-content\">Para temas relacionados con tel\u00e9fonos encriptados. Contacto exclusivo mediante cita previa en nuestras oficinas suizas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Botones flotantes optimizados -->\n    <div class=\"floating-buttons-container\">\n        <a href=\"https:\/\/reneservicios.es\" class=\"floating-btn\" aria-label=\"Ir a Reneservicios\" target=\"_blank\">\n            <i class=\"fas fa-male\"><\/i>\n        <\/a>\n        \n        <a href=\"https:\/\/wa.me\/34666013015?text=Hola,%20necesito%20informaci\u00f3n%20sobre%20servicios%20inform\u00e1ticos%20avanzados\" \n           class=\"floating-btn\" \n           style=\"background:linear-gradient(135deg,#25D366,#128C7E);\"\n           target=\"_blank\">\n            <i class=\"fab fa-whatsapp\"><\/i>\n        <\/a>\n        \n        <a href=\"tel:0034666013015\" class=\"floating-btn\" style=\"background:linear-gradient(135deg,#2a5c8b,#00a8ff);\">\n            <i class=\"fas fa-phone\"><\/i>\n        <\/a>\n        \n        <a href=\"mailto:info@reneservicios.es\" class=\"floating-btn\" style=\"background:linear-gradient(135deg,#ff3b30,#ff6b6b);\">\n            <i class=\"fas fa-envelope\"><\/i>\n        <\/a>\n        \n        <div class=\"floating-btn\" id=\"backToTopBtn\" style=\"background:linear-gradient(135deg,#00f3ff,#00a8ff);display:none;\">\n            <i class=\"fas fa-chevron-up\"><\/i>\n        <\/div>\n    <\/div>\n\n    <!-- Footer optimizado -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-column\">\n                    <h3>Servicios Principales<\/h3>\n                    <ul style=\"list-style:none;padding-left:0;\">\n                        <li class=\"mb-2\"><a href=\"#reparacion\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Reparaci\u00f3n Ordenadores\n                        <\/a><\/li>\n                        <li class=\"mb-2\"><a href=\"#redes\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Redes y Comunicaciones\n                        <\/a><\/li>\n                        <li class=\"mb-2\"><a href=\"#seguridad\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Seguridad Avanzada\n                        <\/a><\/li>\n                        <li><a href=\"#domotica\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Dom\u00f3tica e IA\n                        <\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-column\">\n                    <h3>Soluciones Especializadas<\/h3>\n                    <ul style=\"list-style:none;padding-left:0;\">\n                        <li class=\"mb-2\"><a href=\"#telefonos\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Tel\u00e9fonos Encriptados\n                        <\/a><\/li>\n                        <li class=\"mb-2\"><a href=\"#reparacion\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Recuperaci\u00f3n de Datos\n                        <\/a><\/li>\n                        <li class=\"mb-2\"><a href=\"#seguridad\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Sistemas de Vigilancia\n                        <\/a><\/li>\n                        <li><a href=\"#contacto\" style=\"color:#e0e0e0;text-decoration:none;display:flex;align-items:center;\">\n                            <i class=\"fas fa-chevron-right\" style=\"margin-right:8px;font-size:0.8rem;\"><\/i> Consultor\u00eda Tecnol\u00f3gica\n                        <\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-column\">\n                    <h3>Contacto<\/h3>\n                    <div>\n                        <div class=\"mb-3\" style=\"display:flex;align-items:flex-start;\">\n                            <i class=\"fas fa-phone\" style=\"color:#00a8ff;margin-right:10px;margin-top:3px;\"><\/i>\n                            <div>\n                                <div style=\"font-weight:600;\">Tel\u00e9fono\/WhatsApp Espa\u00f1a<\/div>\n                                <div>0034 666 013 015<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mb-3\" style=\"display:flex;align-items:flex-start;\">\n                            <i class=\"fas fa-envelope\" style=\"color:#ff6b35;margin-right:10px;margin-top:3px;\"><\/i>\n                            <div>\n                                <div style=\"font-weight:600;\">Email<\/div>\n                                <div>info@reneservicios.es<\/div>\n                            <\/div>\n                        <\/div>\n                        <div style=\"display:flex;align-items:flex-start;\">\n                            <i class=\"fas fa-map-marker-alt\" style=\"color:#00ff41;margin-right:10px;margin-top:3px;\"><\/i>\n                            <div>\n                                <div style=\"font-weight:600;\">Oficinas Suiza<\/div>\n                                <div>Consultas exclusivas con cita previa<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"copyright\">\n                <p>&copy; 2005 Servicios Inform\u00e1ticos Avanzados - Soluciones Tecnol\u00f3gicas Integrales<\/p>\n                <p class=\"mt-2\">Servicios especializados en reparaci\u00f3n, redes, seguridad encriptada, dom\u00f3tica y soluciones personalizadas.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- JavaScript optimizado -->\n    <script>\n        \/\/ FUNCIONES DE INICIALIZACI\u00d3N OPTIMIZADAS\n        document.addEventListener('DOMContentLoaded', function() {\n            \n            \/\/ 1. EFECTO MATRIX OPTIMIZADO\n            const canvas = document.getElementById('matrix-bg');\n            if (canvas && window.innerWidth > 768) {\n                const ctx = canvas.getContext('2d');\n                canvas.width = Math.min(window.innerWidth, 1200);\n                canvas.height = window.innerHeight;\n                \n                const fontSize = 14;\n                const columns = Math.floor(canvas.width \/ fontSize);\n                const drops = new Array(columns).fill(1);\n                \n                let animationId = null;\n                let lastTime = 0;\n                const interval = 50;\n                \n                function drawMatrix(timestamp) {\n                    if (!lastTime) lastTime = timestamp;\n                    const elapsed = timestamp - lastTime;\n                    \n                    if (elapsed > interval) {\n                        lastTime = timestamp;\n                        \n                        ctx.fillStyle = 'rgba(10, 10, 15, 0.06)';\n                        ctx.fillRect(0, 0, canvas.width, canvas.height);\n                        \n                        ctx.font = `bold ${fontSize}px 'Courier New', monospace`;\n                        \n                        for (let i = 0; i < drops.length; i++) {\n                            if (Math.random() > 0.97) {\n                                const char = Math.random() > 0.5 ? '1' : '0';\n                                ctx.fillStyle = Math.random() > 0.9 ? '#00ff41' : '#00a8ff';\n                                ctx.fillText(char, i * fontSize, drops[i] * fontSize);\n                                \n                                if (drops[i] * fontSize > canvas.height || Math.random() > 0.99) {\n                                    drops[i] = 0;\n                                }\n                                drops[i] += 1;\n                            }\n                        }\n                    }\n                    \n                    if (document.visibilityState === 'visible') {\n                        animationId = requestAnimationFrame(drawMatrix);\n                    }\n                }\n                \n                setTimeout(() => {\n                    if (document.visibilityState === 'visible') {\n                        animationId = requestAnimationFrame(drawMatrix);\n                    }\n                }, 1500);\n                \n                document.addEventListener('visibilitychange', () => {\n                    if (document.visibilityState === 'hidden') {\n                        if (animationId) cancelAnimationFrame(animationId);\n                    } else if (!animationId) {\n                        animationId = requestAnimationFrame(drawMatrix);\n                    }\n                });\n            }\n            \n            \/\/ 2. MEN\u00da M\u00d3VIL\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const nav = document.querySelector('nav ul');\n            \n            if (mobileMenu && nav) {\n                mobileMenu.addEventListener('click', function() {\n                    nav.classList.toggle('active');\n                    this.querySelector('i').classList.toggle('fa-bars');\n                    this.querySelector('i').classList.toggle('fa-times');\n                });\n                \n                document.querySelectorAll('nav a').forEach(link => {\n                    link.addEventListener('click', () => {\n                        if (window.innerWidth <= 768) {\n                            nav.classList.remove('active');\n                            mobileMenu.querySelector('i').classList.add('fa-bars');\n                            mobileMenu.querySelector('i').classList.remove('fa-times');\n                        }\n                    });\n                });\n            }\n            \n            \/\/ 3. SCROLL SUAVE\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n                anchor.addEventListener('click', function(e) {\n                    const href = this.getAttribute('href');\n                    \n                    if (href !== '#' && href.startsWith('#')) {\n                        e.preventDefault();\n                        const targetElement = document.querySelector(href);\n                        if (targetElement) {\n                            const headerHeight = document.querySelector('header').offsetHeight;\n                            const targetPosition = targetElement.offsetTop - headerHeight;\n                            \n                            window.scrollTo({\n                                top: targetPosition,\n                                behavior: 'smooth'\n                            });\n                        }\n                    }\n                });\n            });\n            \n            \/\/ 4. HEADER CON SCROLL\n            const header = document.getElementById('header');\n            if (header) {\n                window.addEventListener('scroll', () => {\n                    if (window.pageYOffset > 50) {\n                        header.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.2)';\n                        header.style.padding = '10px 0';\n                    } else {\n                        header.style.boxShadow = 'none';\n                        header.style.padding = '15px 0';\n                    }\n                });\n            }\n            \n            \/\/ 5. ANIMACIONES AL SCROLL\n            const animateElements = document.querySelectorAll('.animate-on-scroll');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animated');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n            \n            animateElements.forEach(el => observer.observe(el));\n            \n            \/\/ 6. BOT\u00d3N BACK TO TOP\n            const backToTopBtn = document.getElementById('backToTopBtn');\n            if (backToTopBtn) {\n                window.addEventListener('scroll', () => {\n                    if (window.pageYOffset > 300) {\n                        backToTopBtn.style.display = 'flex';\n                    } else {\n                        backToTopBtn.style.display = 'none';\n                    }\n                });\n                \n                backToTopBtn.addEventListener('click', () => {\n                    window.scrollTo({\n                        top: 0,\n                        behavior: 'smooth'\n                    });\n                });\n            }\n            \n            \/\/ 7. EFECTOS HOVER\n            document.querySelectorAll('.btn, .floating-btn, .service-card').forEach(element => {\n                element.addEventListener('mouseenter', function() {\n                    this.style.transform = 'translateY(-5px)';\n                    this.style.boxShadow = '0 10px 20px rgba(0, 0, 0, 0.2)';\n                });\n                \n                element.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(0)';\n                    this.style.boxShadow = 'none';\n                });\n            });\n            \n        });\n        \n        \/\/ 8. CARGA DIFERIDA DE TAWK.TO (solo el chat original)\n        window.addEventListener('load', function() {\n            \/\/ Cargar Tawk.to despu\u00e9s de 15 segundos para no afectar la carga inicial\n            setTimeout(() => {\n                var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();\n                (function() {\n                    var s1 = document.createElement(\"script\"), s0 = document.getElementsByTagName(\"script\")[0];\n                    s1.async = true;\n                    s1.src = 'https:\/\/embed.tawk.to\/6968acf005cdea197d149463\/1jf0e73ea';\n                    s1.charset = 'UTF-8';\n                    s1.setAttribute('crossorigin', '*');\n                    s0.parentNode.insertBefore(s1, s0);\n                })();\n            }, 15000);\n        });\n        \n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios Inform\u00e1ticos | Reparaci\u00f3n, Seguridad y Soluciones Tecnol\u00f3gicas Servicios Inform\u00e1ticos Soluciones Tecnol\u00f3gicas Integrales Inicio Reparaci\u00f3n Redes Seguridad Dom\u00f3tica Tel\u00e9fonos Encriptados Contacto Servicios Inform\u00e1ticos Avanzados Soluciones tecnol\u00f3gicas integrales y personalizadas Desde reparaci\u00f3n de ordenadores hasta sistemas de seguridad encriptada de alto nivel. Tecnolog\u00eda avanzada para necesidades espec\u00edficas. Consulta T\u00e9cnica Seguridad Avanzada Reparaci\u00f3n y Mantenimiento Soluciones t\u00e9cnicas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":10,"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/reneservicios.es\/informatico-caceres\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}