{"id":6,"date":"2026-02-05T21:29:15","date_gmt":"2026-02-05T21:29:15","guid":{"rendered":"https:\/\/seguridadprivadacentinelajaguar.com\/?page_id=6"},"modified":"2026-02-14T20:12:55","modified_gmt":"2026-02-14T20:12:55","slug":"inicio","status":"publish","type":"page","link":"https:\/\/seguridadprivadacentinelajaguar.com\/","title":{"rendered":"inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1134179 e-con-full e-flex e-con e-parent\" data-id=\"1134179\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a18ff elementor-widget elementor-widget-html\" data-id=\"b7a18ff\" data-element_type=\"widget\" data-e-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>Jaguar Centinela - Seguridad Privada y Custodia<\/title>\n    \n    <!-- Fuentes: Montserrat (T\u00edtulos) y Open Sans (Cuerpo) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n    \n    <!-- \u00cdconos FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        \/* --- VARIABLES DE MARCA --- *\/\n        :root {\n            --primary-blue: #0b1f40;\n            --primary-blue-dark: #061225;\n            --accent-gold: #c5a059;\n            --accent-gold-hover: #b08d48;\n            --text-dark: #2c3e50;\n            --text-gray: #5a6b7c;\n            --text-light: #ffffff;\n            --bg-light: #f8f9fa;\n            --bg-off-white: #f0f2f5;\n            --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);\n            --shadow-md: 0 10px 30px rgba(11, 31, 64, 0.1);\n            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        \/* --- RESET & BASICS --- *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Open Sans', sans-serif;\n            color: var(--text-dark);\n            line-height: 1.7;\n            overflow-x: hidden;\n            background-color: #fff;\n        }\n\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            color: var(--primary-blue);\n            margin-bottom: 1rem;\n            letter-spacing: -0.5px;\n        }\n\n        h2 {\n            font-size: 2.2rem;\n            position: relative;\n            display: inline-block;\n            margin-bottom: 1.5rem;\n        }\n        \n        \/* Subrayado decorativo para t\u00edtulos *\/\n        .section-title::after {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 4px;\n            background-color: var(--accent-gold);\n            margin: 10px auto 0;\n            border-radius: 2px;\n        }\n        \n        .section-subtitle {\n            font-size: 1.1rem;\n            color: var(--text-gray);\n            max-width: 700px;\n            margin: 0 auto 40px;\n        }\n\n        a { text-decoration: none; }\n        ul { list-style: none; }\n        \n        .container {\n            width: 90%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n\n        .section-padding {\n            padding: 100px 0;\n        }\n\n        .bg-light { background-color: var(--bg-light); }\n        .text-center { text-align: center; }\n        \n        \/* --- BOTONES --- *\/\n        .btn {\n            display: inline-block;\n            padding: 14px 35px;\n            border-radius: 4px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-size: 0.85rem;\n            transition: var(--transition);\n            cursor: pointer;\n            border: 2px solid transparent;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .btn-primary {\n            background-color: var(--accent-gold);\n            color: var(--primary-blue);\n        }\n\n        .btn-primary::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 0%; height: 100%;\n            background-color: var(--primary-blue);\n            z-index: -1;\n            transition: var(--transition);\n        }\n\n        .btn-primary:hover {\n            color: var(--text-light);\n            box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3);\n        }\n\n        .btn-primary:hover::before {\n            width: 100%;\n        }\n\n        .btn-secondary {\n            background-color: rgba(255,255,255,0.1);\n            backdrop-filter: blur(5px);\n            border: 2px solid var(--text-light);\n            color: var(--text-light);\n        }\n\n        .btn-secondary:hover {\n            background-color: var(--text-light);\n            color: var(--primary-blue);\n        }\n\n        .btn-outline-blue {\n            background-color: transparent;\n            border: 2px solid var(--primary-blue);\n            color: var(--primary-blue);\n        }\n\n        .btn-outline-blue:hover {\n            background-color: var(--primary-blue);\n            color: var(--text-light);\n        }\n\n        \/* --- HEADER & NAV --- *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 1000;\n            background-color: rgba(11, 31, 64, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 10px 0;\n            transition: var(--transition);\n            box-shadow: 0 2px 15px rgba(0,0,0,0.1);\n        }\n\n        .nav-flex {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo img {\n            height: 55px;\n            width: auto;\n            display: block;\n            transition: var(--transition);\n        }\n\n        nav ul {\n            display: flex;\n            gap: 30px;\n            align-items: center;\n        }\n\n        nav ul li a {\n            color: rgba(255,255,255,0.9);\n            font-weight: 500;\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: var(--transition);\n            position: relative;\n            padding: 5px 0;\n        }\n\n        nav ul li a::after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 2px;\n            bottom: 0;\n            left: 0;\n            background-color: var(--accent-gold);\n            transition: var(--transition);\n        }\n\n        nav ul li a:hover { color: var(--accent-gold); }\n        nav ul li a:hover::after { width: 100%; }\n\n        .mobile-toggle {\n            display: none;\n            color: var(--text-light);\n            font-size: 1.5rem;\n            cursor: pointer;\n            border: 1px solid rgba(255,255,255,0.2);\n            padding: 5px 10px;\n            border-radius: 4px;\n        }\n\n        \/* --- HERO SLIDER --- *\/\n        #inicio {\n            position: relative;\n            height: 100vh;\n            width: 100%;\n            overflow: hidden;\n            background-color: #000;\n        }\n\n        .slider-container {\n            width: 100%;\n            height: 100%;\n            position: relative;\n        }\n\n        .slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 1.2s ease-in-out, visibility 1.2s;\n            display: flex;\n            align-items: center;\n            background-size: cover;\n            background-position: center;\n        }\n\n        .slide.active { opacity: 1; visibility: visible; }\n\n        .slide::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(90deg, rgba(6,18,37,0.9) 0%, rgba(11,31,64,0.7) 60%, rgba(11,31,64,0.3) 100%);\n            z-index: 1;\n        }\n\n        .slide-content {\n            position: relative;\n            z-index: 2;\n            color: var(--text-light);\n            max-width: 800px;\n            padding-left: 20px;\n            border-left: 5px solid var(--accent-gold);\n            transform: translateX(-30px);\n            opacity: 0;\n            transition: all 0.8s ease-out 0.5s;\n        }\n\n        .slide.active .slide-content { transform: translateX(0); opacity: 1; }\n\n        .slide h1 {\n            color: var(--text-light);\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            line-height: 1.1;\n            margin-bottom: 25px;\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.3);\n        }\n\n        .slide p {\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\n            margin-bottom: 40px;\n            opacity: 0.9;\n            font-weight: 300;\n        }\n\n        .hero-buttons { display: flex; gap: 15px; flex-wrap: wrap; }\n\n        .slider-dots {\n            position: absolute;\n            bottom: 40px;\n            right: 10%;\n            z-index: 10;\n            display: flex;\n            gap: 15px;\n        }\n\n        .dot {\n            width: 12px; height: 12px;\n            border-radius: 50%;\n            border: 2px solid rgba(255,255,255,0.5);\n            background-color: transparent;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n\n        .dot.active {\n            background-color: var(--accent-gold);\n            border-color: var(--accent-gold);\n            transform: scale(1.2);\n        }\n\n        \/* Im\u00e1genes de fondo para los slides *\/\n        .slide-1 { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/banner01_seguridad.png'); }\n        .slide-2 { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/banner02-autos.png'); }\n        .slide-3 { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/banner03-monitores.png'); }\n\n        \/* --- SERVICIOS DESTACADOS --- *\/\n        .cards-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr); \n            gap: 30px;\n            margin-top: 20px;\n        }\n\n        .service-card {\n            background: #0b1f40;\n            padding: 40px 30px;\n            border-radius: 8px;\n            box-shadow: var(--shadow-sm);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            color: white;\n            z-index: 1;\n            min-height: 380px;\n            border-bottom: 5px solid var(--accent-gold);\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(11, 31, 64, 0.4);\n        }\n\n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-size: cover;\n            background-position: center;\n            z-index: -2;\n            transition: transform 0.6s ease;\n        }\n        \n        .service-card:hover::before {\n            transform: scale(1.1);\n        }\n\n        .service-card::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, rgba(11, 31, 64, 0.75), rgba(6, 18, 37, 0.95));\n            z-index: -1;\n            transition: background 0.3s ease;\n        }\n        \n        .card-vigilancia::before { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/cuadro01.png'); }\n        .card-custodia::before { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/cuadro02.png'); }\n        .card-monitoreo::before { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/cuadro03.png'); }\n        .card-pension::before { background-image: url('https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/cuadro04.png'); }\n\n        .service-card h3 { \n            font-size: 1.6rem; \n            margin-bottom: 20px; \n            color: white;\n            text-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        }\n\n        .service-card ul { margin-bottom: 25px; flex-grow: 1; }\n\n        .service-card ul li {\n            position: relative;\n            padding-left: 25px;\n            margin-bottom: 12px;\n            font-size: 1rem;\n            color: rgba(255,255,255,0.9);\n        }\n\n        .service-card ul li::before {\n            content: '\\f058';\n            font-family: \"Font Awesome 5 Free\";\n            font-weight: 900;\n            color: var(--accent-gold);\n            position: absolute;\n            left: 0;\n            top: 4px;\n            font-size: 0.9rem;\n        }\n\n        .card-link {\n            color: var(--accent-gold);\n            font-weight: 700;\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            display: inline-flex;\n            align-items: center;\n            margin-top: auto;\n            align-self: flex-start;\n        }\n        \n        .card-link i { margin-left: 8px; color: var(--accent-gold); transition: 0.3s; }\n        .card-link:hover { color: white; }\n        .card-link:hover i { margin-left: 12px; color: white; }\n\n        \/* --- QUIENES SOMOS --- *\/\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .about-text h2 span {\n            color: var(--primary-blue);\n            border-bottom: 3px solid var(--accent-gold);\n        }\n\n        .highlight-box {\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);\n            color: white;\n            padding: 50px;\n            border-radius: 8px;\n            position: relative;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .highlight-box::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: -15px;\n            width: 100%;\n            height: 100%;\n            border: 2px solid var(--accent-gold);\n            border-radius: 8px;\n            z-index: -1;\n        }\n\n        .highlight-box h3 { color: white; margin-bottom: 25px; }\n\n        .highlight-list li {\n            margin-bottom: 18px;\n            display: flex;\n            align-items: center;\n            font-size: 1.05rem;\n        }\n\n        .highlight-list li i {\n            color: var(--accent-gold);\n            margin-right: 15px;\n            font-size: 1.2rem;\n        }\n\n        \/* --- SECTORES --- *\/\n        .sectors-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-top: 35px;\n        }\n\n        .sector-tag {\n            background-color: white;\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            color: var(--primary-blue);\n            border: 1px solid #e0e0e0;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n            transition: var(--transition);\n        }\n\n        .sector-tag:hover {\n            background-color: var(--primary-blue);\n            color: var(--text-light);\n            border-color: var(--primary-blue);\n            transform: translateY(-2px);\n        }\n\n        \/* --- PROCESO --- *\/\n        .process-item {\n            position: relative;\n            background: white;\n            padding: 40px 25px;\n            border-radius: 8px;\n            border: 1px solid #eee;\n            transition: var(--transition);\n            z-index: 1;\n            overflow: hidden;\n        }\n\n        .process-item:hover {\n            border-color: var(--accent-gold);\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .process-number {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            font-size: 8rem;\n            font-weight: 900;\n            color: rgba(11, 31, 64, 0.03);\n            font-family: 'Montserrat', sans-serif;\n            z-index: -1;\n            line-height: 1;\n            transition: var(--transition);\n        }\n\n        .process-item:hover .process-number {\n            color: rgba(197, 160, 89, 0.1);\n        }\n\n        .process-item h3 { font-size: 1.3rem; margin-top: 10px; }\n        .process-item p { font-size: 0.95rem; color: var(--text-gray); }\n\n        \/* --- CERTIFICACIONES --- *\/\n        .cert-grid {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .cert-item {\n            flex: 1;\n            min-width: 280px;\n            max-width: 350px;\n            background: white;\n            padding: 40px 30px;\n            border: 1px solid #f0f0f0;\n            border-radius: 8px;\n            transition: var(--transition);\n        }\n\n        .cert-item:hover {\n            border-color: var(--primary-blue);\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .cert-icon {\n            font-size: 3.5rem;\n            color: var(--accent-gold);\n            margin-bottom: 20px;\n            opacity: 0.8;\n        }\n\n        \/* --- RECLUTAMIENTO --- *\/\n        .recruitment-card {\n            background: white;\n            border-top: 5px solid var(--accent-gold);\n            padding: 40px;\n            box-shadow: var(--shadow-md);\n            border-radius: 8px;\n            margin-bottom: 30px;\n        }\n\n        \/* --- CONTACTO & FORMULARIOS --- *\/\n        .contact-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            background: white;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: var(--shadow-md);\n        }\n\n        .contact-info-box {\n            background-color: var(--primary-blue);\n            color: white;\n            padding: 50px 40px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .contact-info-box::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);\n            background-size: 20px 20px;\n            opacity: 0.5;\n        }\n\n        .contact-info-box h3 { color: white; position: relative; z-index: 2; }\n        \n        .info-item {\n            margin-bottom: 30px;\n            display: flex;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        .info-item i {\n            width: 45px;\n            height: 45px;\n            background: rgba(255,255,255,0.1);\n            color: var(--accent-gold);\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-right: 20px;\n            font-size: 1.1rem;\n        }\n\n        .contact-form-container {\n            padding: 50px 40px;\n            background-color: white;\n        }\n\n        .form-group { margin-bottom: 25px; }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            font-size: 0.85rem;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 14px 15px;\n            background-color: #f9f9f9;\n            border: 1px solid #e0e0e0;\n            border-radius: 4px;\n            font-family: inherit;\n            transition: var(--transition);\n        }\n\n        .form-control:focus {\n            outline: none;\n            border-color: var(--primary-blue);\n            background-color: white;\n            box-shadow: 0 0 0 3px rgba(11, 31, 64, 0.05);\n        }\n\n        \/* --- FOOTER --- *\/\n        footer {\n            background-color: #050d1a;\n            color: white;\n            padding: 80px 0 30px;\n            border-top: 4px solid var(--accent-gold);\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.5fr 1fr 1fr;\n            gap: 50px;\n            margin-bottom: 50px;\n        }\n\n        .footer-col h4 {\n            color: white;\n            font-size: 1.1rem;\n            margin-bottom: 25px;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        \n        .footer-col h4::after {\n            content: '';\n            position: absolute;\n            bottom: 0; left: 0;\n            width: 30px; height: 2px;\n            background-color: var(--accent-gold);\n        }\n        \n        .footer-links li { margin-bottom: 12px; }\n        .footer-links a {\n            color: #8a9bb0;\n            transition: 0.3s;\n            font-size: 0.95rem;\n            display: inline-block;\n        }\n        \n        .footer-links a:hover {\n            color: var(--accent-gold);\n            transform: translateX(5px);\n        }\n\n        .copyright {\n            text-align: center;\n            border-top: 1px solid rgba(255,255,255,0.05);\n            padding-top: 30px;\n            font-size: 0.85rem;\n            color: #5a6b7c;\n        }\n\n        \/* --- MODAL \/ POPUP ESTILOS --- *\/\n        .modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.85);\n            display: none; \/* Oculto por defecto *\/\n            justify-content: center;\n            align-items: center;\n            z-index: 2000;\n            backdrop-filter: blur(8px);\n            padding: 20px;\n            transition: var(--transition);\n        }\n\n        .modal-overlay.active {\n            display: flex;\n        }\n\n        .modal-container {\n            background-color: white;\n            width: 100%;\n            max-width: 850px;\n            max-height: 90vh;\n            border-radius: 8px;\n            position: relative;\n            box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n            border-top: 6px solid var(--accent-gold);\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            animation: modalFadeIn 0.4s ease-out;\n        }\n\n        @keyframes modalFadeIn {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .modal-header {\n            padding: 25px 40px;\n            border-bottom: 1px solid #eee;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background-color: var(--bg-light);\n        }\n\n        .modal-header h2 {\n            margin: 0;\n            font-size: 1.2rem;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .modal-close {\n            background: none;\n            border: none;\n            font-size: 1.8rem;\n            color: var(--text-gray);\n            cursor: pointer;\n            transition: 0.3s;\n            padding: 0;\n            line-height: 1;\n        }\n\n        .modal-close:hover {\n            color: var(--accent-gold);\n            transform: rotate(90deg);\n        }\n\n        .modal-body {\n            padding: 40px;\n            overflow-y: auto;\n            color: var(--text-dark);\n            font-size: 0.95rem;\n            line-height: 1.8;\n        }\n\n        .modal-body h3 {\n            font-size: 1.1rem;\n            margin: 25px 0 15px;\n            color: var(--primary-blue);\n            border-left: 4px solid var(--accent-gold);\n            padding-left: 15px;\n        }\n\n        .modal-body p {\n            margin-bottom: 15px;\n        }\n\n        .modal-body ul {\n            margin: 15px 0 25px 25px;\n            list-style: disc;\n        }\n\n        .modal-body li {\n            margin-bottom: 8px;\n        }\n\n        \/* --- WHATSAPP FLOAT (Ahora Correo) --- *\/\n        .whatsapp-float {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            background-color: #25D366;\n            color: white;\n            width: 65px;\n            height: 65px;\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 32px;\n            box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);\n            z-index: 999;\n            transition: var(--transition);\n            animation: pulse 2s infinite;\n        }\n\n        .whatsapp-float:hover {\n            transform: scale(1.1);\n            background-color: #20b857;\n        }\n        \n        @keyframes pulse {\n            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }\n            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n        }\n\n        \/* --- ANIMATIONS --- *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 1s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* --- MEDIA QUERIES --- *\/\n        @media (max-width: 900px) {\n            .contact-wrapper { grid-template-columns: 1fr; }\n            .about-grid { grid-template-columns: 1fr; gap: 40px; }\n            .slider-dots { right: 50%; transform: translateX(50%); bottom: 20px; }\n            .footer-grid { grid-template-columns: 1fr; gap: 30px; }\n            .modal-body { padding: 30px 20px; }\n        }\n\n        @media (max-width: 768px) {\n            .cards-grid {\n                grid-template-columns: 1fr; \n            }\n\n            .mobile-toggle { display: block; }\n            \n            nav ul {\n                position: fixed;\n                top: 70px;\n                left: -100%;\n                width: 100%;\n                background-color: var(--primary-blue);\n                flex-direction: column;\n                align-items: center;\n                padding: 40px 0;\n                transition: 0.4s;\n                box-shadow: 0 10px 10px rgba(0,0,0,0.1);\n            }\n            \n            nav ul.active { left: 0; }\n            \n            h2 { font-size: 1.8rem; }\n            .slide-content { border-left: none; padding-left: 0; text-align: center; }\n            .highlight-box::after { display: none; }\n            .logo img { height: 45px; }\n            .hero-buttons { justify-content: center; }\n            .section-padding { padding: 70px 0; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- HEADER -->\n    <header id=\"header\">\n        <div class=\"container nav-flex\">\n            <a href=\"#inicio\" class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/Logo-Jaguar-Centinala-G-scaled.png\" alt=\"Jaguar Centinela Logo\">\n            <\/a>\n            <div class=\"mobile-toggle\" onclick=\"toggleMenu()\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/div>\n            <nav>\n                <ul id=\"navbar\">\n                    <li><a href=\"#inicio\" onclick=\"toggleMenu()\">Inicio<\/a><\/li>\n                    <li><a href=\"#servicios\" onclick=\"toggleMenu()\">Servicios<\/a><\/li>\n                    <li><a href=\"#certificaciones\" onclick=\"toggleMenu()\">Certificaciones<\/a><\/li>\n                    <li><a href=\"#reclutamiento\" onclick=\"toggleMenu()\">Bolsa de Trabajo<\/a><\/li>\n                    <li><a href=\"#contacto\" onclick=\"toggleMenu()\">Contacto<\/a><\/li>\n                    <li><a href=\"#contacto\" class=\"btn btn-primary\" style=\"padding: 10px 20px; margin-top: -5px; font-size: 0.8rem;\">Cotizar<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- HERO SECTION SLIDER -->\n    <section id=\"inicio\">\n        <div class=\"slider-container\">\n            <!-- Slide 1 -->\n            <div class=\"slide slide-1 active\">\n                <div class=\"container\">\n                    <div class=\"slide-content\">\n                        <h1>Seguridad privada y vigilancia intramuros de \u00e9lite<\/h1>\n                        <p>Protecci\u00f3n estrat\u00e9gica para zonas industriales, comerciales y residenciales con guardias altamente capacitados 24\/7.<\/p>\n                        <div class=\"hero-buttons\">\n                            <a href=\"#contacto\" class=\"btn btn-primary\">Solicitar Cotizaci\u00f3n<\/a>\n                            <a href=\"mailto:contacto@seguridadprivadacentinelajaguar.com\" class=\"btn btn-secondary\"><i class=\"fas fa-envelope\"><\/i> Emergencias<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"slide slide-2\">\n                <div class=\"container\">\n                    <div class=\"slide-content\">\n                        <h1>Custodia de mercanc\u00eda segura en todo el pa\u00eds<\/h1>\n                        <p>Blindamos tu log\u00edstica con custodia en tr\u00e1nsito, rutas vigiladas y respuesta inmediata ante cualquier incidente.<\/p>\n                        <div class=\"hero-buttons\">\n                            <a href=\"#servicios\" class=\"btn btn-primary\">Ver log\u00edstica<\/a>\n                            <a href=\"#contacto\" class=\"btn btn-secondary\">Solicitar custodia<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 3 -->\n            <div class=\"slide slide-3\">\n                <div class=\"container\">\n                    <div class=\"slide-content\">\n                        <h1>Tecnolog\u00eda de punta: Monitoreo CCTV + GPS<\/h1>\n                        <p>Control total en tiempo real. Videovigilancia remota y rastreo satelital para proteger lo m\u00e1s valioso: tu operaci\u00f3n.<\/p>\n                        <div class=\"hero-buttons\">\n                            <a href=\"#certificaciones\" class=\"btn btn-primary\">Nuestra confianza<\/a>\n                            <a href=\"#contacto\" class=\"btn btn-secondary\">Diagn\u00f3stico gratis<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Slider Dots -->\n        <div class=\"slider-dots\">\n            <div class=\"dot active\" onclick=\"currentSlide(0)\"><\/div>\n            <div class=\"dot\" onclick=\"currentSlide(1)\"><\/div>\n            <div class=\"dot\" onclick=\"currentSlide(2)\"><\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SERVICIOS DESTACADOS -->\n    <section id=\"servicios\" class=\"section-padding bg-light\">\n        <div class=\"container\">\n            <div class=\"text-center reveal\">\n                <h2 class=\"section-title\">Soluciones Integrales<\/h2>\n                <p class=\"section-subtitle\">Servicios de seguridad privada dise\u00f1ados con un enfoque preventivo, reactivo y tecnol\u00f3gico para garantizar su tranquilidad.<\/p>\n            <\/div>\n\n            <div class=\"cards-grid\">\n                <!-- Card 1 -->\n                <div class=\"service-card card-vigilancia reveal\">\n                    <h3>Vigilancia Intramuros<\/h3>\n                    <ul>\n                        <li>Control estricto de accesos<\/li>\n                        <li>Rondines programados<\/li>\n                        <li>Protocolos para zonas estrat\u00e9gicas<\/li>\n                    <\/ul>\n                    <a href=\"#contacto\" class=\"card-link\">M\u00e1s informaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"service-card card-custodia reveal\">\n                    <h3>Custodia de Mercanc\u00eda<\/h3>\n                    <ul>\n                        <li>Custodia en tr\u00e1nsito local\/for\u00e1neo<\/li>\n                        <li>Rutas vigiladas y seguras<\/li>\n                        <li>Seguimiento activo GPS<\/li>\n                    <\/ul>\n                    <a href=\"#contacto\" class=\"card-link\">M\u00e1s informaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"service-card card-monitoreo reveal\">\n                    <h3>Monitoreo CCTV + GPS<\/h3>\n                    <ul>\n                        <li>Centro de monitoreo 24\/7<\/li>\n                        <li>Videovigilancia remota<\/li>\n                        <li>Gesti\u00f3n de alertas en tiempo real<\/li>\n                    <\/ul>\n                    <a href=\"#contacto\" class=\"card-link\">M\u00e1s informaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"service-card card-pension reveal\">\n                    <h3>Pensi\u00f3n Carga Pesada<\/h3>\n                    <ul>\n                        <li>Patio iluminado y bardeado<\/li>\n                        <li>Vigilancia f\u00edsica permanente<\/li>\n                        <li>Control por turnos log\u00edsticos<\/li>\n                    <\/ul>\n                    <a href=\"#contacto\" class=\"card-link\">M\u00e1s informaci\u00f3n <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- QUI\u00c9NES SOMOS & DIFERENCIADORES -->\n    <section class=\"section-padding\">\n        <div class=\"container about-grid\">\n            <div class=\"about-text reveal\">\n                <h2>Seguridad que se siente: <br><span>Protocolos + Tecnolog\u00eda<\/span><\/h2>\n                <p style=\"margin-bottom: 20px; color: var(--text-gray);\">En <strong>Jaguar Centinela<\/strong> brindamos servicios profesionales de vigilancia, monitoreo y custodia. Nos especializamos en proteger personas, bienes e infraestructura operando con personal rigurosamente seleccionado y capacitado bajo est\u00e1ndares de excelencia.<\/p>\n                <div class=\"sectors-container\">\n                    <span class=\"sector-tag\">Industrial<\/span>\n                    <span class=\"sector-tag\">Corporativo<\/span>\n                    <span class=\"sector-tag\">Comercial<\/span>\n                    <span class=\"sector-tag\">Residencial<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"highlight-box reveal\">\n                <h3>Lo que nos distingue<\/h3>\n                <ul class=\"highlight-list\">\n                    <li><i class=\"fas fa-check-circle\"><\/i> An\u00e1lisis de riesgo y vulnerabilidad.<\/li>\n                    <li><i class=\"fas fa-check-circle\"><\/i> Monitoreo y rastreo GPS en tiempo real.<\/li>\n                    <li><i class=\"fas fa-check-circle\"><\/i> App \/ Bot\u00f3n de p\u00e1nico integrable.<\/li>\n                    <li><i class=\"fas fa-check-circle\"><\/i> Capacitaci\u00f3n constante en defensa.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PROCESO MODERNIZADO -->\n    <section class=\"section-padding bg-light\">\n        <div class=\"container\">\n            <div class=\"text-center reveal\">\n                <h2 class=\"section-title\">Metodolog\u00eda de Blindaje<\/h2>\n                <p class=\"section-subtitle\">Un proceso estructurado en 4 fases para asegurar el \u00e9xito operativo.<\/p>\n            <\/div>\n            \n            <div class=\"cards-grid reveal\">\n                <div class=\"process-item\">\n                    <span class=\"process-number\">01<\/span>\n                    <i class=\"fas fa-search\" style=\"color:var(--accent-gold); font-size:1.5rem; margin-bottom:15px;\"><\/i>\n                    <h3>Diagn\u00f3stico<\/h3>\n                    <p>An\u00e1lisis profundo de vulnerabilidad en sitio, ruta o proceso log\u00edstico.<\/p>\n                <\/div>\n                <div class=\"process-item\">\n                    <span class=\"process-number\">02<\/span>\n                    <i class=\"fas fa-pencil-ruler\" style=\"color:var(--accent-gold); font-size:1.5rem; margin-bottom:15px;\"><\/i>\n                    <h3>Dise\u00f1o<\/h3>\n                    <p>Creaci\u00f3n de consignas espec\u00edficas y protocolos por turnos de guardia.<\/p>\n                <\/div>\n                <div class=\"process-item\">\n                    <span class=\"process-number\">03<\/span>\n                    <i class=\"fas fa-user-shield\" style=\"color:var(--accent-gold); font-size:1.5rem; margin-bottom:15px;\"><\/i>\n                    <h3>Ejecuci\u00f3n<\/h3>\n                    <p>Implementaci\u00f3n operativa de guardias, custodios y tecnolog\u00eda de monitoreo.<\/p>\n                <\/div>\n                <div class=\"process-item\">\n                    <span class=\"process-number\">04<\/span>\n                    <i class=\"fas fa-chart-line\" style=\"color:var(--accent-gold); font-size:1.5rem; margin-bottom:15px;\"><\/i>\n                    <h3>Supervisi\u00f3n<\/h3>\n                    <p>Auditor\u00eda constante, bit\u00e1coras, reportes y mejora continua del servicio.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CERTIFICACIONES -->\n    <section id=\"certificaciones\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"text-center reveal\">\n                <h2 class=\"section-title\">Respaldo y Cumplimiento<\/h2>\n                <p class=\"section-subtitle\">Operamos bajo estrictos est\u00e1ndares legales para su tranquilidad fiscal y operativa.<\/p>\n            <\/div>\n            \n            <div class=\"cert-grid reveal\">\n                <div class=\"cert-item\">\n                    <i class=\"fas fa-file-contract cert-icon\"><\/i>\n                    <h3>Registro REPSE<\/h3>\n                    <p style=\"color: var(--text-gray);\">Registro de servicios especializados avalado por la STPS.<\/p>\n                <\/div>\n                <div class=\"cert-item\">\n                    <i class=\"fas fa-id-card cert-icon\"><\/i>\n                    <h3>Permisos Estatales<\/h3>\n                    <p style=\"color: var(--text-gray);\">Autorizaciones y padrones vigentes en todas nuestras zonas de operaci\u00f3n.<\/p>\n                <\/div>\n                <div class=\"cert-item\">\n                    <i class=\"fas fa-users-cog cert-icon\"><\/i>\n                    <h3>Afiliaci\u00f3n Sectorial<\/h3>\n                    <p style=\"color: var(--text-gray);\">Miembros activos del Consejo Nacional de Seguridad Privada.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- RECLUTAMIENTO -->\n    <section id=\"reclutamiento\" class=\"section-padding bg-light\">\n        <div class=\"container\">\n            <div class=\"text-center reveal\" style=\"margin-bottom: 50px;\">\n                <h2 class=\"section-title\">\u00bfQuieres trabajar con nosotros?<\/h2>\n                <p class=\"section-subtitle\">Si buscas estabilidad laboral y crecimiento profesional, \u00fanete a nuestro equipo.<\/p>\n            <\/div>\n\n            <div class=\"about-grid\" style=\"align-items: flex-start;\">\n                <!-- Columna Izquierda: Informaci\u00f3n y CTA R\u00e1pido -->\n                <div class=\"reveal\">\n                    <div class=\"highlight-box\" style=\"margin-bottom: 30px;\">\n                        <h3 style=\"border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 15px; margin-bottom: 20px;\">Perfil Solicitado<\/h3>\n                        <p style=\"margin-bottom: 20px;\">Buscamos personal operativo con vocaci\u00f3n de servicio, responsabilidad y alto compromiso.<\/p>\n                        <ul class=\"highlight-list\" style=\"font-size: 0.95rem;\">\n                            <li><i class=\"fas fa-check\"><\/i> Experiencia deseable en seguridad.<\/li>\n                            <li><i class=\"fas fa-check\"><\/i> Documentaci\u00f3n en regla.<\/li>\n                            <li><i class=\"fas fa-check\"><\/i> Disponibilidad de horario.<\/li>\n                            <li><i class=\"fas fa-check\"><\/i> Carta de antecedentes no penales.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div style=\"background: white; padding: 30px; border-radius: 8px; box-shadow: var(--shadow-sm); border: 1px solid #e0e0e0; text-align: center;\">\n                        <i class=\"fas fa-envelope\" style=\"font-size: 3rem; color: #25D366; margin-bottom: 15px;\"><\/i>\n                        <h4 style=\"margin-bottom: 10px;\">Postulaci\u00f3n R\u00e1pida<\/h4>\n                        <p style=\"font-size: 0.9rem; color: var(--text-gray); margin-bottom: 20px;\">\u00bfPrefieres un contacto m\u00e1s directo? Env\u00edanos tus documentos por correo.<\/p>\n                        <a href=\"mailto:contacto@seguridadprivadacentinelajaguar.com\" class=\"btn btn-outline-blue\" style=\"width: 100%;\">Postular por Correo<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Columna Derecha: Formulario Espec\u00edfico -->\n                <div class=\"contact-form-container reveal\" style=\"padding: 40px; border-top: 5px solid var(--accent-gold); border-radius: 8px; background: white; box-shadow: var(--shadow-md);\">\n                    <form>\n                        <h3 style=\"color: var(--primary-blue); margin-bottom: 25px;\">Formulario de Solicitud<\/h3>\n                        \n                        <div class=\"form-group\">\n                            <label>Nombre Completo<\/label>\n                            <input type=\"text\" class=\"form-control\" placeholder=\"Escribe tu nombre completo\">\n                        <\/div>\n\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            <div class=\"form-group\">\n                                <label>Tel\u00e9fono<\/label>\n                                <input type=\"tel\" class=\"form-control\" placeholder=\"10 d\u00edgitos\">\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label>Correo Electr\u00f3nico<\/label>\n                                <input type=\"email\" class=\"form-control\" placeholder=\"ejemplo@correo.com\">\n                            <\/div>\n                        <\/div>\n\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            <div class=\"form-group\">\n                                <label>Puesto de Inter\u00e9s<\/label>\n                                <select class=\"form-control\">\n                                    <option value=\"\">Selecciona...<\/option>\n                                    <option>Guardia Intramuros<\/option>\n                                    <option>Custodio<\/option>\n                                    <option>Monitorista CCTV<\/option>\n                                    <option>Administrativo<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label>Ciudad \/ Estado<\/label>\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Lugar de residencia\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label>Mensaje (Opcional)<\/label>\n                            <textarea class=\"form-control\" rows=\"3\" placeholder=\"Breve descripci\u00f3n de tu experiencia...\"><\/textarea>\n                        <\/div>\n\n                        <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Enviar Solicitud<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CONTACTO -->\n    <section id=\"contacto\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"text-center reveal\" style=\"margin-bottom: 60px;\">\n                <h2 class=\"section-title\">Hablemos de Seguridad<\/h2>\n                <p class=\"section-subtitle\">D\u00e9janos tus datos y un asesor experto dise\u00f1ar\u00e1 una soluci\u00f3n a tu medida.<\/p>\n            <\/div>\n\n            <div class=\"contact-wrapper reveal\">\n                <div class=\"contact-info-box\">\n                    <h3>Atenci\u00f3n Inmediata<\/h3>\n                    <p style=\"color: rgba(255,255,255,0.7); margin-bottom: 40px;\">Estamos disponibles 24\/7 para atender tus requerimientos.<\/p>\n                    \n                    <div class=\"info-item\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <div>\n                            <h4 style=\"color:white; margin:0; font-size:1rem;\">Sede Principal<\/h4>\n                            <p style=\"color:rgba(255,255,255,0.8); margin:0;\">Gabriel Mancer No 1565 col del Valle cp 03100 Benito Ju\u00e1rez, CDMX<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-form-container\">\n                    <form>\n                        <h3 style=\"color: var(--primary-blue); margin-bottom: 30px;\">Solicitar Cotizaci\u00f3n<\/h3>\n                        <div class=\"form-group\">\n                            <label>Nombre Completo<\/label>\n                            <input type=\"text\" class=\"form-control\" placeholder=\"Tu nombre\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>Empresa<\/label>\n                            <input type=\"text\" class=\"form-control\" placeholder=\"Nombre de tu organizaci\u00f3n\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>Servicio de Inter\u00e9s<\/label>\n                            <select class=\"form-control\">\n                                <option>Seleccione una opci\u00f3n...<\/option>\n                                <option>Vigilancia Intramuros<\/option>\n                                <option>Custodia de Mercanc\u00eda<\/option>\n                                <option>Monitoreo GPS\/CCTV<\/option>\n                                <option>Otro<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label>Detalles del requerimiento<\/label>\n                            <textarea class=\"form-control\" rows=\"4\" placeholder=\"Cu\u00e9ntanos brevemente qu\u00e9 necesitas...\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Enviar Solicitud<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-col\">\n                    <div class=\"logo\" style=\"margin-bottom: 25px;\">\n                        <img decoding=\"async\" src=\"https:\/\/seguridadprivadacentinelajaguar.com\/wp-content\/uploads\/2026\/02\/Logo-Jaguar-Centinala-G-scaled.png\" alt=\"Logo\" style=\"height: 50px;\">\n                    <\/div>\n                    <p style=\"color: #8a9bb0; font-size: 0.9rem; margin-bottom: 20px;\">Expertos en seguridad privada, custodia y monitoreo. Protegiendo lo que m\u00e1s valoras con integridad y profesionalismo.<\/p>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Enlaces R\u00e1pidos<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#servicios\">Vigilancia Intramuros<\/a><\/li>\n                        <li><a href=\"#servicios\">Custodia de Mercanc\u00eda<\/a><\/li>\n                        <li><a href=\"#servicios\">Monitoreo Tecnol\u00f3gico<\/a><\/li>\n                        <li><a href=\"#reclutamiento\">Bolsa de Trabajo<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Legal & Soporte<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"javascript:void(0)\" onclick=\"openPrivacyModal()\">Aviso de Privacidad<\/a><\/li>\n                        <li><a href=\"#certificaciones\">Registro REPSE<\/a><\/li>\n                        <li><a href=\"#contacto\">Contacto Comercial<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"copyright\">\n                <p>&copy; 2023 Jaguar Centinela. Todos los derechos reservados.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- POP-UP \/ MODAL DE AVISO DE PRIVACIDAD -->\n    <div id=\"privacyModal\" class=\"modal-overlay\" onclick=\"handleOverlayClick(event)\">\n        <div class=\"modal-container\">\n            <div class=\"modal-header\">\n                <h2>Aviso de Privacidad<\/h2>\n                <button class=\"modal-close\" onclick=\"closePrivacyModal()\">&times;<\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <h1 style=\"font-size: 1.5rem; text-align: center; margin-bottom: 10px;\">AVISO DE PRIVACIDAD INTEGRAL \u2014 JAGUAR CENTINELA<\/h1>\n                <p style=\"text-align: center; font-weight: 600; color: var(--accent-gold);\">\u00daltima actualizaci\u00f3n: 22 de Enero 2026<\/p>\n                \n                <p>En cumplimiento con la Ley Federal de Protecci\u00f3n de Datos Personales en Posesi\u00f3n de los Particulares, su Reglamento y dem\u00e1s disposiciones aplicables, <strong>Jaguar Centinela Seguridad Privada y Custodia<\/strong>, es responsable del uso y protecci\u00f3n de sus datos personales, y al respecto le informa lo siguiente:<\/p>\n                \n                <h3>1. Datos personales que recabamos<\/h3>\n                <p>Jaguar Centinela podr\u00e1 recabar, de manera directa o indirecta, los siguientes datos personales a trav\u00e9s de su sitio web, formularios de contacto, WhatsApp, correo electr\u00f3nico, llamadas telef\u00f3nicas y procesos de reclutamiento:<\/p>\n                \n                <p><strong>Datos de identificaci\u00f3n y contacto<\/strong><\/p>\n                <ul>\n                    <li>Nombre completo<\/li>\n                    <li>Tel\u00e9fono<\/li>\n                    <li>Correo electr\u00f3nico<\/li>\n                    <li>Empresa o raz\u00f3n social (cuando aplique)<\/li>\n                    <li>Direcci\u00f3n (cuando sea necesaria para cotizaci\u00f3n o servicios)<\/li>\n                <\/ul>\n\n                <p><strong>Datos laborales (reclutamiento)<\/strong><\/p>\n                <ul>\n                    <li>Informaci\u00f3n curricular<\/li>\n                    <li>Experiencia laboral<\/li>\n                    <li>Documentaci\u00f3n b\u00e1sica para contrataci\u00f3n<\/li>\n                    <li>Ciudad\/estado de residencia<\/li>\n                <\/ul>\n                <p>No recabamos datos personales sensibles de manera intencional a trav\u00e9s del sitio web. En caso de ser necesarios para procesos espec\u00edficos, se solicitar\u00e1 su consentimiento expreso por separado.<\/p>\n                \n                <h3>2. Finalidades del tratamiento de datos<\/h3>\n                <p>Sus datos personales ser\u00e1n utilizados para las siguientes finalidades:<\/p>\n                \n                <p><strong>Finalidades primarias (necesarias)<\/strong><\/p>\n                <ul>\n                    <li>Contactarlo para brindar informaci\u00f3n sobre nuestros servicios<\/li>\n                    <li>Elaborar cotizaciones y propuestas comerciales<\/li>\n                    <li>Atender solicitudes, dudas o aclaraciones<\/li>\n                    <li>Gestionar la contrataci\u00f3n y prestaci\u00f3n de servicios<\/li>\n                    <li>Procesos de reclutamiento y selecci\u00f3n de personal<\/li>\n                    <li>Cumplimiento de obligaciones legales y contractuales<\/li>\n                <\/ul>\n\n                <p><strong>Finalidades secundarias (opcionales)<\/strong><\/p>\n                <ul>\n                    <li>Env\u00edo de informaci\u00f3n comercial o promocional<\/li>\n                    <li>Evaluaci\u00f3n interna de calidad del servicio<\/li>\n                    <li>Estad\u00edsticas de mercado<\/li>\n                <\/ul>\n                \n                <p>En caso de que no desee que sus datos personales sean tratados para estas finalidades secundarias, puede comunicarlo en cualquier momento a trav\u00e9s de los medios de contacto indicados en este aviso.<\/p>\n                \n                <h3>3. Derechos ARCO<\/h3>\n                <p>Usted tiene derecho a conocer qu\u00e9 datos personales tenemos de usted, para qu\u00e9 los utilizamos y las condiciones del uso que les damos (Acceso). Asimismo, es su derecho solicitar la correcci\u00f3n de su informaci\u00f3n personal en caso de que est\u00e9 desactualizada, sea inexacta o incompleta (Rectificaci\u00f3n); que la eliminemos de nuestros registros o bases de datos cuando considere que la misma no est\u00e1 siendo utilizada conforme a los principios, deberes y obligaciones previstos en la normativa (Cancelaci\u00f3n); as\u00ed como oponerse al uso de sus datos personales para fines espec\u00edficos (Oposici\u00f3n). Estos derechos se conocen como derechos ARCO.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <a href=\"mailto:contacto@seguridadprivadacentinelajaguar.com\" class=\"whatsapp-float\" target=\"_blank\" title=\"Contactar por Correo\"><i class=\"fas fa-envelope\"><\/i><\/a>\n\n    <!-- SCRIPTS -->\n    <script>\n        \/\/ 1. Mobile Menu Toggle\n        function toggleMenu() {\n            const nav = document.getElementById('navbar');\n            nav.classList.toggle('active');\n        }\n\n        \/\/ 2. Slider Logic\n        let slideIndex = 0;\n        const slides = document.querySelectorAll('.slide');\n        const dots = document.querySelectorAll('.dot');\n        let slideTimer;\n\n        function showSlides() {\n            slides.forEach((slide, i) => {\n                slide.classList.remove('active');\n                dots[i].classList.remove('active');\n            });\n            slideIndex++;\n            if (slideIndex > slides.length) { slideIndex = 1; }\n            slides[slideIndex - 1].classList.add('active');\n            dots[slideIndex - 1].classList.add('active');\n            slideTimer = setTimeout(showSlides, 6000); \n        }\n\n        function currentSlide(n) {\n            clearTimeout(slideTimer); \/\/ Reset timer on manual click\n            slideIndex = n;\n            slides.forEach((slide, i) => {\n                slide.classList.remove('active');\n                dots[i].classList.remove('active');\n            });\n            slides[slideIndex].classList.add('active');\n            dots[slideIndex].classList.add('active');\n            slideTimer = setTimeout(showSlides, 6000); \/\/ Restart timer\n        }\n\n        \/\/ 3. Scroll Reveal Animation\n        window.addEventListener('scroll', reveal);\n        function reveal() {\n            var reveals = document.querySelectorAll('.reveal');\n            for (var i = 0; i < reveals.length; i++) {\n                var windowHeight = window.innerHeight;\n                var elementTop = reveals[i].getBoundingClientRect().top;\n                if (elementTop < windowHeight - 120) {\n                    reveals[i].classList.add('active');\n                }\n            }\n        }\n\n        \/\/ 4. Modal Privacy Policy Logic\n        function openPrivacyModal() {\n            const modal = document.getElementById('privacyModal');\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ Bloquear scroll de fondo\n        }\n\n        function closePrivacyModal() {\n            const modal = document.getElementById('privacyModal');\n            modal.classList.remove('active');\n            document.body.style.overflow = 'auto'; \/\/ Habilitar scroll de fondo\n        }\n\n        function handleOverlayClick(event) {\n            if (event.target.id === 'privacyModal') {\n                closePrivacyModal();\n            }\n        }\n        \n        window.onload = function() {\n            showSlides();\n            reveal();\n        };\n    <\/script>\n<\/body>\n<\/html>\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>Jaguar Centinela &#8211; Seguridad Privada y Custodia Inicio Servicios Certificaciones Bolsa de Trabajo Contacto Cotizar Seguridad privada y vigilancia intramuros de \u00e9lite Protecci\u00f3n estrat\u00e9gica para zonas industriales, comerciales y residenciales con guardias altamente capacitados 24\/7. Solicitar Cotizaci\u00f3n Emergencias Custodia de mercanc\u00eda segura en todo el pa\u00eds Blindamos tu log\u00edstica con custodia en tr\u00e1nsito, rutas vigiladas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":37,"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/seguridadprivadacentinelajaguar.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}