BRAVO NODO | Seguridad Privada Controlada y Medida<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n bravo: {\n wine: '#5a0a0a',\n red: '#d92323',\n dark: '#1a1a1a',\n gray: '#f4f4f4',\n accent: '#ff4d4d'\n }\n },\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n serif: ['Cinzel', 'serif'], \n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Animaci\u00f3n Ken Burns para el Hero *\/\n @keyframes kenburns {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n\n .hero-zoom {\n animation: kenburns 20s ease-in-out infinite;\n }\n\n \/* Ajuste espec\u00edfico para m\u00f3viles: Imagen m\u00e1s grande (Zoom In) *\/\n @media (max-width: 768px) {\n .hero-zoom {\n animation-name: kenburns-mobile;\n }\n @keyframes kenburns-mobile {\n 0% { transform: scale(1.2); }\n 50% { transform: scale(1.3); }\n 100% { transform: scale(1.2); }\n }\n }\n\n .btn-grad {\n background-image: linear-gradient(to right, #5a0a0a 0%, #d92323 51%, #5a0a0a 100%);\n transition: 0.5s;\n background-size: 200% auto;\n }\n .btn-grad:hover {\n background-position: right center;\n }\n \n .glass-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n \/* Correcci\u00f3n para m\u00f3viles del men\u00fa *\/\n #mobile-menu {\n transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n }\n\n \/* Tama\u00f1os espec\u00edficos para logos (evita que se vean enormes en Elementor) *\/\n .logo-header {\n height: 44px;\n max-height: 44px;\n width: auto;\n max-width: 200px;\n object-fit: contain;\n }\n .logo-footer {\n height: 40px;\n max-height: 40px;\n width: auto;\n max-width: 180px;\n object-fit: contain;\n }\n\n @media (max-width: 768px) {\n .logo-header {\n height: 36px;\n max-height: 36px;\n max-width: 160px;\n }\n .logo-footer {\n height: 34px;\n max-height: 34px;\n max-width: 150px;\n }\n }\n\n \/* Estilos sofisticados para el formulario *\/\n .input-group {\n position: relative;\n margin-bottom: 1.5rem;\n }\n .form-input {\n width: 100%;\n padding: 12px 0;\n font-size: 14px;\n color: #1a1a1a;\n border: none;\n border-bottom: 2px solid #e5e7eb;\n outline: none;\n background: transparent;\n transition: border-color 0.3s ease;\n }\n .form-input:focus {\n border-bottom-color: #d92323;\n }\n .form-label {\n position: absolute;\n top: 12px;\n left: 0;\n font-size: 14px;\n color: #9ca3af;\n pointer-events: none;\n transition: all 0.3s ease;\n font-weight: 500;\n }\n .form-input:focus ~ .form-label,\n .form-input:not(:placeholder-shown) ~ .form-label {\n top: -12px;\n font-size: 11px;\n color: #d92323;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Checkbox personalizado *\/\n .custom-checkbox {\n appearance: none;\n width: 18px;\n height: 18px;\n border: 2px solid #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n position: relative;\n }\n .custom-checkbox:checked {\n background-color: #d92323;\n border-color: #d92323;\n }\n .custom-checkbox:checked::after {\n content: \"\\f00c\";\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n color: white;\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n \/* FIX ELEMENTOR: asegurar que el banner cubra el contenedor en m\u00f3viles *\/\n #inicio > .absolute {\n width: 100%;\n height: 100%;\n }\n #inicio img.hero-zoom {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n display: block;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-bravo-dark antialiased bg-white selection:bg-bravo-red selection:text-white\">\n\n \n <header class=\"fixed w-full top-0 z-50 bg-white\/95 backdrop-blur-md shadow-md transition-all duration-300\" id=\"navbar\">\n <div class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n \n <a href=\"#\" class=\"flex items-center group\">\n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/Logo-BravoNodo-scaled.png\" alt=\"Bravo Nodo Logo\" class=\"logo-header transition-transform group-hover:scale-105\">\n <\/a>\n\n \n <nav class=\"hidden md:flex items-center gap-8 font-semibold text-sm uppercase tracking-wider text-gray-700\">\n <a href=\"#inicio\" class=\"hover:text-bravo-red transition-colors\">Inicio<\/a>\n <a href=\"#servicios\" class=\"hover:text-bravo-red transition-colors\">Servicios<\/a>\n <a href=\"#filosofia\" class=\"hover:text-bravo-red transition-colors\">Nosotros<\/a>\n <a href=\"#reclutamiento\" class=\"hover:text-bravo-red transition-colors\">Vacantes<\/a>\n <a href=\"#contacto\" class=\"px-5 py-2 bg-bravo-wine text-white rounded-full hover:bg-bravo-red transition-colors shadow-lg\">Cotizar<\/a>\n <\/nav>\n\n \n <button id=\"menu-btn\" class=\"md:hidden text-2xl text-bravo-dark focus:outline-none\">\n <i class=\"fa-solid fa-bars\"><\/i>\n <\/button>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 absolute w-full shadow-xl\">\n <nav class=\"flex flex-col p-6 gap-4 font-semibold text-center uppercase text-sm\">\n <a href=\"#inicio\" class=\"mobile-link hover:text-bravo-red\">Inicio<\/a>\n <a href=\"#servicios\" class=\"mobile-link hover:text-bravo-red\">Servicios<\/a>\n <a href=\"#filosofia\" class=\"mobile-link hover:text-bravo-red\">Nosotros<\/a>\n <a href=\"#reclutamiento\" class=\"mobile-link hover:text-bravo-red\">Vacantes<\/a>\n <a href=\"#contacto\" class=\"mobile-link text-bravo-red\">Contacto<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n \n <section id=\"inicio\" class=\"relative min-h-screen min-h-[100dvh] flex items-center overflow-hidden pt-20\">\n <div class=\"absolute inset-0 z-0\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-bravo-dark\/90 via-bravo-dark\/70 to-transparent z-10\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/BannerNodo01.png\" alt=\"Hero Banner Bravo Nodo\" class=\"w-full h-full object-cover object-center hero-zoom\">\n <\/div>\n \n <div class=\"container mx-auto px-6 relative z-20 text-white\">\n <div class=\"max-w-3xl\" data-aos=\"fade-right\" data-aos-duration=\"1200\">\n <div class=\"inline-block px-3 py-1 mb-4 border border-bravo-red rounded-full text-xs font-bold tracking-widest uppercase bg-bravo-wine\/30 backdrop-blur-sm\">\n Operaci\u00f3n Nacional desde SLP\n <\/div>\n <h1 class=\"text-4xl md:text-6xl font-bold font-sans mb-6 leading-tight\">\n Seguridad privada que se <span class=\"text-bravo-red\">controla<\/span>, se <span class=\"text-bravo-red\">mide<\/span> y se <span class=\"text-bravo-red\">comprueba<\/span>.\n <\/h1>\n <p class=\"text-lg md:text-xl text-gray-200 mb-8 font-light\">\n Guardias en sitio + monitoreo 24\/7 + reacci\u00f3n. Convertimos la seguridad en un proceso documentado. Si no hay evidencia, no hay control.\n <\/p>\n \n <ul class=\"mb-10 space-y-2 text-sm md:text-base text-gray-300\">\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Control de accesos y prevenci\u00f3n de p\u00e9rdidas<\/li>\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Caseta remota con evidencia fotogr\u00e1fica<\/li>\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Reportes claros para gerencia<\/li>\n <\/ul>\n\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#contacto\" class=\"btn-grad text-white font-bold py-4 px-8 rounded-lg shadow-xl text-center uppercase tracking-wide transform hover:-translate-y-1 transition-transform\">\n Cotizar Servicio\n <\/a>\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/30 text-white font-semibold py-4 px-8 rounded-lg text-center uppercase tracking-wide transition-all\">\n Agendar Diagn\u00f3stico\n <\/a>\n <\/div>\n <p class=\"mt-4 text-xs text-gray-400 italic\">Respuesta el mismo d\u00eda h\u00e1bil. Operaci\u00f3n por zonas y supervisi\u00f3n continua.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 animate-bounce hidden md:block z-20\">\n <a href=\"#filosofia\" class=\"text-white opacity-70 hover:opacity-100 transition-opacity\">\n <i class=\"fa-solid fa-chevron-down text-2xl\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"filosofia\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\" data-aos=\"fade-right\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582139329536-e7284fece509?q=80&w=2080&auto=format&fit=crop\" alt=\"Guardia de seguridad tecnol\u00f3gico\" class=\"rounded-lg shadow-2xl grayscale hover:grayscale-0 transition-all duration-500\">\n <div class=\"absolute -bottom-6 -right-6 bg-bravo-wine text-white p-6 rounded-lg shadow-xl hidden md:block\">\n <p class=\"font-serif text-3xl font-bold\">24\/7<\/p>\n <p class=\"text-sm uppercase tracking-wide\">Monitoreo Real<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2\" data-aos=\"fade-left\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-bravo-dark mb-6\">\n Tu seguridad no puede depender de <span class=\"italic text-bravo-wine\">\u201ca ver si se pudo\u201d<\/span>\n <\/h2>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n En <strong>BRAVO NODO<\/strong> convertimos la seguridad en un proceso: prevenir, detectar, reaccionar y documentar. Entendemos que la tranquilidad se basa en hechos, no en suposiciones.\n <\/p>\n \n <div class=\"grid grid-cols-1 gap-4 mb-8\">\n <div class=\"flex items-start gap-4 p-4 bg-gray-50 rounded-lg border-l-4 border-bravo-red hover:shadow-md transition-shadow\">\n <i class=\"fa-solid fa-file-signature text-bravo-red text-xl mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-bravo-dark\">Bit\u00e1coras y Evidencia<\/h4>\n <p class=\"text-sm text-gray-600\">Incidentes con folio, hora y prueba visual.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 p-4 bg-gray-50 rounded-lg border-l-4 border-bravo-wine hover:shadow-md transition-shadow\">\n <i class=\"fa-solid fa-user-shield text-bravo-wine text-xl mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-bravo-dark\">Supervisi\u00f3n por Zona<\/h4>\n <p class=\"text-sm text-gray-600\">No solo enviamos al guardia, lo gestionamos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"#contacto\" class=\"text-bravo-red font-bold hover:text-bravo-wine transition-colors border-b-2 border-bravo-red pb-1\">\n Quiero una propuesta para mi sitio <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"servicios\" class=\"py-20 bg-bravo-gray\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center max-w-2xl mx-auto mb-16\" data-aos=\"fade-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-bravo-dark mb-4\">Nuestros Servicios<\/h2>\n <div class=\"h-1 w-20 bg-bravo-red mx-auto mb-4\"><\/div>\n <p class=\"text-gray-600\">Dise\u00f1amos la mezcla correcta de tecnolog\u00eda y presencia humana para tu operaci\u00f3n y presupuesto.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-person-military-to-person\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Guardias en Sitio<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Presencia profesional en accesos y rondines.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Control entradas\/salidas<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Rondines con checklist<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte de novedades<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Cotizar Guardias<\/a>\n <\/div>\n\n \n <div class=\"bg-bravo-dark rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 relative overflow-hidden\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"absolute top-0 right-0 bg-bravo-red text-white text-xs font-bold px-3 py-1 rounded-bl-lg\">RECOMENDADO<\/div>\n <div class=\"w-14 h-14 bg-white text-bravo-dark rounded-full flex items-center justify-center text-2xl mb-6\">\n <i class=\"fa-solid fa-video\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white\">Caseta Remota<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Control a distancia + respaldo tecnol\u00f3gico.<\/p>\n <ul class=\"text-sm text-gray-300 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Monitoreo 24\/7<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Control de accesos<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Evidencia de visitas<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 bg-bravo-red text-white text-center rounded hover:bg-white hover:text-bravo-red transition-colors text-sm font-semibold\">M\u00e1s Informaci\u00f3n<\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-car-on\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Patrullaje y Reacci\u00f3n<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Respuesta operativa por evento.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Atenci\u00f3n alarmas<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Video verificaci\u00f3n<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte post-evento<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Ver Cobertura<\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-route\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Custodia en Ruta<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Trazabilidad para tus traslados.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Patrullaje disuasivo<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>GPS y bit\u00e1cora<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte por servicio<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Cotizar Ruta<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-20\">\n <h3 class=\"text-center text-2xl font-bold mb-10\">\u00bfPara qui\u00e9n es BRAVO NODO?<\/h3>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-industry mr-2 text-bravo-wine\"><\/i> Parques Industriales<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-truck-fast mr-2 text-bravo-wine\"><\/i> Log\u00edstica<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-store mr-2 text-bravo-wine\"><\/i> Comercios\/Plazas<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-tree mr-2 text-bravo-wine\"><\/i> Residenciales<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-building mr-2 text-bravo-wine\"><\/i> Corporativos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white overflow-hidden\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col lg:flex-row gap-16\">\n <div class=\"lg:w-1\/2\" data-aos=\"fade-right\">\n <h2 class=\"text-3xl font-bold mb-8 text-bravo-dark\">\u00bfPor qu\u00e9 elegirnos?<\/h2>\n <p class=\"mb-8 text-gray-600\">Seguridad sin evidencia es puro cuento. Trabajamos con control, m\u00e9tricas y mejora continua.<\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">1<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Evidencia en cada evento<\/h4>\n <p class=\"text-gray-500 text-sm\">Foto\/video, hora y responsable. Reportes accionables.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">2<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Supervisi\u00f3n operativa real<\/h4>\n <p class=\"text-gray-500 text-sm\">Visitas por zona, checklist por puesto y correcciones inmediatas.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">3<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Cobertura Multiestado<\/h4>\n <p class=\"text-gray-500 text-sm\">Matriz en SLP con operaci\u00f3n en m\u00faltiples estados del pa\u00eds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:w-1\/2 bg-bravo-dark text-white p-10 rounded-2xl relative\" data-aos=\"fade-left\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n <i class=\"fa-solid fa-shield-halved text-9xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-8\">Nuestro Proceso<\/h3>\n <div class=\"space-y-8 relative border-l-2 border-bravo-red\/30 ml-3 pl-8\">\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-bravo-red rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg text-bravo-red\">1. Diagn\u00f3stico<\/h4>\n <p class=\"text-gray-400 text-sm\">Analizamos sitio, riesgos y accesos.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-white rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg\">2. Propuesta<\/h4>\n <p class=\"text-gray-400 text-sm\">Mezcla ideal de personal y tecnolog\u00eda.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-white rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg\">3. Implementaci\u00f3n<\/h4>\n <p class=\"text-gray-400 text-sm\">Protocolos, responsables y arranque.<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-8\">\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com\" class=\"inline-block bg-bravo-red hover:bg-red-600 text-white py-3 px-6 rounded-lg font-bold transition-colors w-full text-center\">\n Iniciar Diagn\u00f3stico\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-bravo-wine text-white text-center\">\n <div class=\"container mx-auto px-6\">\n <h2 class=\"text-2xl font-serif italic mb-8 opacity-90\">\"Control y claridad: la base de nuestra tranquilidad.\"<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"Ahora tenemos evidencia y reportes por turno. Excelente servicio.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"La caseta remota nos dio control sin disparar costos.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"La supervisi\u00f3n s\u00ed se nota. Cambi\u00f3 el nivel de servicio.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reclutamiento\" class=\"py-20 bg-gray-100\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row bg-white rounded-2xl shadow-xl overflow-hidden\">\n <div class=\"md:w-1\/2 p-10 flex flex-col justify-center\">\n <div class=\"inline-block w-max px-3 py-1 mb-4 bg-gray-200 text-gray-700 rounded text-xs font-bold tracking-widest uppercase\">\n Bolsa de Trabajo\n <\/div>\n <h2 class=\"text-3xl font-bold text-bravo-dark mb-4\">\u00danete a BRAVO NODO<\/h2>\n <p class=\"text-gray-600 mb-6\">Buscamos gente seria, con disciplina y ganas de crecer.<\/p>\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com?subject=Aplicar%20a%20vacante\" class=\"inline-block bg-green-600 text-white font-bold py-3 px-6 rounded hover:bg-green-700 transition-colors self-start\">\n <i class=\"fa-regular fa-envelope mr-2\"><\/i> Aplicar por Correo\n <\/a>\n <\/div>\n <div class=\"md:w-1\/2 bg-gray-300 relative min-h-[300px]\">\n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/reclutamiento.png\" class=\"absolute inset-0 w-full h-full object-cover\" alt=\"Reclutamiento Bravo Nodo\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contacto\" class=\"py-20 relative bg-bravo-dark\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-20\"><\/div>\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-4\">Seguridad que puedes comprobar<\/h2>\n <p class=\"text-gray-400 text-lg\">D\u00e9janos tus datos y te regresamos una propuesta a medida.<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col md:flex-row\">\n <div class=\"md:w-1\/3 bg-bravo-wine text-white p-8\">\n <h3 class=\"text-xl font-bold mb-6\">Contacto Directo<\/h3>\n <div class=\"space-y-4 text-sm\">\n \n \n \n <p class=\"flex items-center gap-3\"><i class=\"fa-solid fa-location-dot\"><\/i><span>Chosica No. 714, Col. Lindavista CP 07300, Gustavo A. Madero, CDMX<\/span><\/p>\n <\/div>\n <\/div>\n\n <div class=\"md:w-2\/3 p-8\">\n <form id=\"premium-contact-form\" class=\"space-y-10\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n <div class=\"input-group\">\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"name\" class=\"form-label\">Nombre o Raz\u00f3n Social<\/label>\n <\/div>\n <div class=\"input-group\">\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"phone\" class=\"form-label\">Tel\u00e9fono \/ WhatsApp<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n <div class=\"input-group\">\n <input type=\"text\" id=\"city\" name=\"city\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"city\" class=\"form-label\">Ciudad y Estado<\/label>\n <\/div>\n <div class=\"input-group\">\n <select id=\"site_type\" name=\"site_type\" class=\"form-input text-gray-400 focus:text-bravo-dark appearance-none\">\n <option value=\"\" disabled selected>Seleccione tipo de sitio<\/option>\n <option value=\"industrial\">Industrial \/ Log\u00edstico<\/option>\n <option value=\"comercial\">Comercial \/ Plaza<\/option>\n <option value=\"residencial\">Residencial \/ Condominio<\/option>\n <option value=\"corporativo\">Corporativo \/ Oficinas<\/option>\n <\/select>\n <label for=\"site_type\" class=\"form-label !top-[-12px] !text-[11px] !text-bravo-red\">Tipo de Operaci\u00f3n<\/label>\n <div class=\"absolute right-0 top-3 pointer-events-none text-gray-400\">\n <i class=\"fa-solid fa-chevron-down text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-4\">\n <p class=\"text-xs font-bold uppercase tracking-widest text-gray-400\">Servicios Requeridos<\/p>\n <div class=\"flex flex-wrap gap-x-6 gap-y-4\">\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"guardias\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Guardias<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"monitoreo\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Monitoreo 24\/7<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"caseta\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Caseta Remota<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"reaccion\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Reacci\u00f3n<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"pt-6\">\n <button type=\"submit\" class=\"w-full btn-grad py-5 text-white font-bold rounded-xl uppercase text-sm tracking-widest flex items-center justify-center gap-4\">\n Solicitar Propuesta de Servicio\n <i class=\"fa-solid fa-paper-plane text-xs\"><\/i>\n <\/button>\n <p class=\"text-[10px] text-gray-400 mt-6 text-center italic\">Al enviar este formulario, un consultor experto analizar\u00e1 su informaci\u00f3n y se contactar\u00e1 en menos de 24 horas h\u00e1biles.<\/p>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-black text-gray-400 py-8 border-t border-gray-800\">\n <div class=\"container mx-auto px-6 flex flex-col items-center justify-center gap-4\">\n <div class=\"text-center\">\n \n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/Logo-BravoNodo-Blanco-scaled.png\" alt=\"Bravo Nodo Logo Blanco\" class=\"logo-footer mb-2 mx-auto\">\n <p class=\"text-xs mt-1\">\u00a9 2024 Todos los derechos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({ once: true, offset: 100, duration: 800, easing: 'ease-out-cubic' });\n const menuBtn = document.getElementById('menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));\n document.querySelectorAll('.mobile-link').forEach(link => link.addEventListener('click', () => mobileMenu.classList.add('hidden')));\n\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n navbar.classList.add('shadow-lg');\n navbar.classList.replace('py-3', 'py-2');\n } else {\n navbar.classList.remove('shadow-lg');\n navbar.classList.replace('py-2', 'py-3');\n }\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>BRAVO NODO | Seguridad Privada Controlada y Medida Inicio Servicios Nosotros Vacantes Cotizar Inicio Servicios Nosotros Vacantes Contacto Operaci\u00f3n Nacional desde SLP Seguridad privada que se controla, se mide y se comprueba. Guardias en sitio + monitoreo 24\/7 + reacci\u00f3n. Convertimos la seguridad en un proceso documentado. Si no hay evidencia, no hay control. Control […]<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":61,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n BRAVO NODO | Seguridad Privada Controlada y Medida<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n bravo: {\n wine: '#5a0a0a',\n red: '#d92323',\n dark: '#1a1a1a',\n gray: '#f4f4f4',\n accent: '#ff4d4d'\n }\n },\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n serif: ['Cinzel', 'serif'], \n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Animaci\u00f3n Ken Burns para el Hero *\/\n @keyframes kenburns {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n\n .hero-zoom {\n animation: kenburns 20s ease-in-out infinite;\n }\n\n \/* Ajuste espec\u00edfico para m\u00f3viles: Imagen m\u00e1s grande (Zoom In) *\/\n @media (max-width: 768px) {\n .hero-zoom {\n animation-name: kenburns-mobile;\n }\n @keyframes kenburns-mobile {\n 0% { transform: scale(1.2); }\n 50% { transform: scale(1.3); }\n 100% { transform: scale(1.2); }\n }\n }\n\n .btn-grad {\n background-image: linear-gradient(to right, #5a0a0a 0%, #d92323 51%, #5a0a0a 100%);\n transition: 0.5s;\n background-size: 200% auto;\n }\n .btn-grad:hover {\n background-position: right center;\n }\n \n .glass-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n \/* Correcci\u00f3n para m\u00f3viles del men\u00fa *\/\n #mobile-menu {\n transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;\n }\n\n \/* Tama\u00f1os espec\u00edficos para logos (evita que se vean enormes en Elementor) *\/\n .logo-header {\n height: 44px;\n max-height: 44px;\n width: auto;\n max-width: 200px;\n object-fit: contain;\n }\n .logo-footer {\n height: 40px;\n max-height: 40px;\n width: auto;\n max-width: 180px;\n object-fit: contain;\n }\n\n @media (max-width: 768px) {\n .logo-header {\n height: 36px;\n max-height: 36px;\n max-width: 160px;\n }\n .logo-footer {\n height: 34px;\n max-height: 34px;\n max-width: 150px;\n }\n }\n\n \/* Estilos sofisticados para el formulario *\/\n .input-group {\n position: relative;\n margin-bottom: 1.5rem;\n }\n .form-input {\n width: 100%;\n padding: 12px 0;\n font-size: 14px;\n color: #1a1a1a;\n border: none;\n border-bottom: 2px solid #e5e7eb;\n outline: none;\n background: transparent;\n transition: border-color 0.3s ease;\n }\n .form-input:focus {\n border-bottom-color: #d92323;\n }\n .form-label {\n position: absolute;\n top: 12px;\n left: 0;\n font-size: 14px;\n color: #9ca3af;\n pointer-events: none;\n transition: all 0.3s ease;\n font-weight: 500;\n }\n .form-input:focus ~ .form-label,\n .form-input:not(:placeholder-shown) ~ .form-label {\n top: -12px;\n font-size: 11px;\n color: #d92323;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Checkbox personalizado *\/\n .custom-checkbox {\n appearance: none;\n width: 18px;\n height: 18px;\n border: 2px solid #d1d5db;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n position: relative;\n }\n .custom-checkbox:checked {\n background-color: #d92323;\n border-color: #d92323;\n }\n .custom-checkbox:checked::after {\n content: \"\\f00c\";\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n color: white;\n font-size: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n \/* FIX ELEMENTOR: asegurar que el banner cubra el contenedor en m\u00f3viles *\/\n #inicio > .absolute {\n width: 100%;\n height: 100%;\n }\n #inicio img.hero-zoom {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n display: block;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-bravo-dark antialiased bg-white selection:bg-bravo-red selection:text-white\">\n\n \n <header class=\"fixed w-full top-0 z-50 bg-white\/95 backdrop-blur-md shadow-md transition-all duration-300\" id=\"navbar\">\n <div class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\n \n <a href=\"#\" class=\"flex items-center group\">\n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/Logo-BravoNodo-scaled.png\" alt=\"Bravo Nodo Logo\" class=\"logo-header transition-transform group-hover:scale-105\">\n <\/a>\n\n \n <nav class=\"hidden md:flex items-center gap-8 font-semibold text-sm uppercase tracking-wider text-gray-700\">\n <a href=\"#inicio\" class=\"hover:text-bravo-red transition-colors\">Inicio<\/a>\n <a href=\"#servicios\" class=\"hover:text-bravo-red transition-colors\">Servicios<\/a>\n <a href=\"#filosofia\" class=\"hover:text-bravo-red transition-colors\">Nosotros<\/a>\n <a href=\"#reclutamiento\" class=\"hover:text-bravo-red transition-colors\">Vacantes<\/a>\n <a href=\"#contacto\" class=\"px-5 py-2 bg-bravo-wine text-white rounded-full hover:bg-bravo-red transition-colors shadow-lg\">Cotizar<\/a>\n <\/nav>\n\n \n <button id=\"menu-btn\" class=\"md:hidden text-2xl text-bravo-dark focus:outline-none\">\n <i class=\"fa-solid fa-bars\"><\/i>\n <\/button>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 absolute w-full shadow-xl\">\n <nav class=\"flex flex-col p-6 gap-4 font-semibold text-center uppercase text-sm\">\n <a href=\"#inicio\" class=\"mobile-link hover:text-bravo-red\">Inicio<\/a>\n <a href=\"#servicios\" class=\"mobile-link hover:text-bravo-red\">Servicios<\/a>\n <a href=\"#filosofia\" class=\"mobile-link hover:text-bravo-red\">Nosotros<\/a>\n <a href=\"#reclutamiento\" class=\"mobile-link hover:text-bravo-red\">Vacantes<\/a>\n <a href=\"#contacto\" class=\"mobile-link text-bravo-red\">Contacto<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n \n <section id=\"inicio\" class=\"relative min-h-screen min-h-[100dvh] flex items-center overflow-hidden pt-20\">\n <div class=\"absolute inset-0 z-0\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-bravo-dark\/90 via-bravo-dark\/70 to-transparent z-10\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/BannerNodo01.png\" alt=\"Hero Banner Bravo Nodo\" class=\"w-full h-full object-cover object-center hero-zoom\">\n <\/div>\n \n <div class=\"container mx-auto px-6 relative z-20 text-white\">\n <div class=\"max-w-3xl\" data-aos=\"fade-right\" data-aos-duration=\"1200\">\n <div class=\"inline-block px-3 py-1 mb-4 border border-bravo-red rounded-full text-xs font-bold tracking-widest uppercase bg-bravo-wine\/30 backdrop-blur-sm\">\n Operaci\u00f3n Nacional desde SLP\n <\/div>\n <h1 class=\"text-4xl md:text-6xl font-bold font-sans mb-6 leading-tight\">\n Seguridad privada que se <span class=\"text-bravo-red\">controla<\/span>, se <span class=\"text-bravo-red\">mide<\/span> y se <span class=\"text-bravo-red\">comprueba<\/span>.\n <\/h1>\n <p class=\"text-lg md:text-xl text-gray-200 mb-8 font-light\">\n Guardias en sitio + monitoreo 24\/7 + reacci\u00f3n. Convertimos la seguridad en un proceso documentado. Si no hay evidencia, no hay control.\n <\/p>\n \n <ul class=\"mb-10 space-y-2 text-sm md:text-base text-gray-300\">\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Control de accesos y prevenci\u00f3n de p\u00e9rdidas<\/li>\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Caseta remota con evidencia fotogr\u00e1fica<\/li>\n <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-check text-bravo-red\"><\/i> Reportes claros para gerencia<\/li>\n <\/ul>\n\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#contacto\" class=\"btn-grad text-white font-bold py-4 px-8 rounded-lg shadow-xl text-center uppercase tracking-wide transform hover:-translate-y-1 transition-transform\">\n Cotizar Servicio\n <\/a>\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com\" class=\"bg-white\/10 hover:bg-white\/20 backdrop-blur-md border border-white\/30 text-white font-semibold py-4 px-8 rounded-lg text-center uppercase tracking-wide transition-all\">\n Agendar Diagn\u00f3stico\n <\/a>\n <\/div>\n <p class=\"mt-4 text-xs text-gray-400 italic\">Respuesta el mismo d\u00eda h\u00e1bil. Operaci\u00f3n por zonas y supervisi\u00f3n continua.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 animate-bounce hidden md:block z-20\">\n <a href=\"#filosofia\" class=\"text-white opacity-70 hover:opacity-100 transition-opacity\">\n <i class=\"fa-solid fa-chevron-down text-2xl\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"filosofia\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\" data-aos=\"fade-right\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582139329536-e7284fece509?q=80&w=2080&auto=format&fit=crop\" alt=\"Guardia de seguridad tecnol\u00f3gico\" class=\"rounded-lg shadow-2xl grayscale hover:grayscale-0 transition-all duration-500\">\n <div class=\"absolute -bottom-6 -right-6 bg-bravo-wine text-white p-6 rounded-lg shadow-xl hidden md:block\">\n <p class=\"font-serif text-3xl font-bold\">24\/7<\/p>\n <p class=\"text-sm uppercase tracking-wide\">Monitoreo Real<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2\" data-aos=\"fade-left\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-bravo-dark mb-6\">\n Tu seguridad no puede depender de <span class=\"italic text-bravo-wine\">\u201ca ver si se pudo\u201d<\/span>\n <\/h2>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n En <strong>BRAVO NODO<\/strong> convertimos la seguridad en un proceso: prevenir, detectar, reaccionar y documentar. Entendemos que la tranquilidad se basa en hechos, no en suposiciones.\n <\/p>\n \n <div class=\"grid grid-cols-1 gap-4 mb-8\">\n <div class=\"flex items-start gap-4 p-4 bg-gray-50 rounded-lg border-l-4 border-bravo-red hover:shadow-md transition-shadow\">\n <i class=\"fa-solid fa-file-signature text-bravo-red text-xl mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-bravo-dark\">Bit\u00e1coras y Evidencia<\/h4>\n <p class=\"text-sm text-gray-600\">Incidentes con folio, hora y prueba visual.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 p-4 bg-gray-50 rounded-lg border-l-4 border-bravo-wine hover:shadow-md transition-shadow\">\n <i class=\"fa-solid fa-user-shield text-bravo-wine text-xl mt-1\"><\/i>\n <div>\n <h4 class=\"font-bold text-bravo-dark\">Supervisi\u00f3n por Zona<\/h4>\n <p class=\"text-sm text-gray-600\">No solo enviamos al guardia, lo gestionamos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"#contacto\" class=\"text-bravo-red font-bold hover:text-bravo-wine transition-colors border-b-2 border-bravo-red pb-1\">\n Quiero una propuesta para mi sitio <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"servicios\" class=\"py-20 bg-bravo-gray\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center max-w-2xl mx-auto mb-16\" data-aos=\"fade-up\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-bravo-dark mb-4\">Nuestros Servicios<\/h2>\n <div class=\"h-1 w-20 bg-bravo-red mx-auto mb-4\"><\/div>\n <p class=\"text-gray-600\">Dise\u00f1amos la mezcla correcta de tecnolog\u00eda y presencia humana para tu operaci\u00f3n y presupuesto.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-person-military-to-person\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Guardias en Sitio<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Presencia profesional en accesos y rondines.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Control entradas\/salidas<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Rondines con checklist<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte de novedades<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Cotizar Guardias<\/a>\n <\/div>\n\n \n <div class=\"bg-bravo-dark rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 relative overflow-hidden\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"absolute top-0 right-0 bg-bravo-red text-white text-xs font-bold px-3 py-1 rounded-bl-lg\">RECOMENDADO<\/div>\n <div class=\"w-14 h-14 bg-white text-bravo-dark rounded-full flex items-center justify-center text-2xl mb-6\">\n <i class=\"fa-solid fa-video\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white\">Caseta Remota<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Control a distancia + respaldo tecnol\u00f3gico.<\/p>\n <ul class=\"text-sm text-gray-300 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Monitoreo 24\/7<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Control de accesos<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-bravo-red mr-2\"><\/i>Evidencia de visitas<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 bg-bravo-red text-white text-center rounded hover:bg-white hover:text-bravo-red transition-colors text-sm font-semibold\">M\u00e1s Informaci\u00f3n<\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-car-on\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Patrullaje y Reacci\u00f3n<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Respuesta operativa por evento.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Atenci\u00f3n alarmas<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Video verificaci\u00f3n<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte post-evento<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Ver Cobertura<\/a>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg p-8 hover:-translate-y-2 transition-all duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"w-14 h-14 bg-bravo-wine text-white rounded-full flex items-center justify-center text-2xl mb-6 group-hover:bg-bravo-red transition-colors\">\n <i class=\"fa-solid fa-route\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-bravo-dark\">Custodia en Ruta<\/h3>\n <p class=\"text-sm text-gray-500 mb-4\">Trazabilidad para tus traslados.<\/p>\n <ul class=\"text-sm text-gray-600 space-y-2 mb-6\">\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Patrullaje disuasivo<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>GPS y bit\u00e1cora<\/li>\n <li><i class=\"fa-solid fa-check text-xs text-green-500 mr-2\"><\/i>Reporte por servicio<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"block w-full py-2 border border-bravo-dark text-bravo-dark text-center rounded hover:bg-bravo-dark hover:text-white transition-colors text-sm font-semibold\">Cotizar Ruta<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-20\">\n <h3 class=\"text-center text-2xl font-bold mb-10\">\u00bfPara qui\u00e9n es BRAVO NODO?<\/h3>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-industry mr-2 text-bravo-wine\"><\/i> Parques Industriales<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-truck-fast mr-2 text-bravo-wine\"><\/i> Log\u00edstica<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-store mr-2 text-bravo-wine\"><\/i> Comercios\/Plazas<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-tree mr-2 text-bravo-wine\"><\/i> Residenciales<\/span>\n <span class=\"px-6 py-2 bg-white rounded-full shadow text-gray-700 border hover:border-bravo-red transition-colors\"><i class=\"fa-solid fa-building mr-2 text-bravo-wine\"><\/i> Corporativos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white overflow-hidden\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col lg:flex-row gap-16\">\n <div class=\"lg:w-1\/2\" data-aos=\"fade-right\">\n <h2 class=\"text-3xl font-bold mb-8 text-bravo-dark\">\u00bfPor qu\u00e9 elegirnos?<\/h2>\n <p class=\"mb-8 text-gray-600\">Seguridad sin evidencia es puro cuento. Trabajamos con control, m\u00e9tricas y mejora continua.<\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">1<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Evidencia en cada evento<\/h4>\n <p class=\"text-gray-500 text-sm\">Foto\/video, hora y responsable. Reportes accionables.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">2<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Supervisi\u00f3n operativa real<\/h4>\n <p class=\"text-gray-500 text-sm\">Visitas por zona, checklist por puesto y correcciones inmediatas.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"flex-shrink-0 w-10 h-10 rounded-full bg-bravo-wine\/10 flex items-center justify-center text-bravo-wine font-bold\">3<\/div>\n <div>\n <h4 class=\"font-bold text-lg\">Cobertura Multiestado<\/h4>\n <p class=\"text-gray-500 text-sm\">Matriz en SLP con operaci\u00f3n en m\u00faltiples estados del pa\u00eds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:w-1\/2 bg-bravo-dark text-white p-10 rounded-2xl relative\" data-aos=\"fade-left\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n <i class=\"fa-solid fa-shield-halved text-9xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-8\">Nuestro Proceso<\/h3>\n <div class=\"space-y-8 relative border-l-2 border-bravo-red\/30 ml-3 pl-8\">\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-bravo-red rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg text-bravo-red\">1. Diagn\u00f3stico<\/h4>\n <p class=\"text-gray-400 text-sm\">Analizamos sitio, riesgos y accesos.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-white rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg\">2. Propuesta<\/h4>\n <p class=\"text-gray-400 text-sm\">Mezcla ideal de personal y tecnolog\u00eda.<\/p>\n <\/div>\n <div class=\"relative\">\n <span class=\"absolute -left-[41px] top-1 w-6 h-6 bg-white rounded-full border-4 border-bravo-dark\"><\/span>\n <h4 class=\"font-bold text-lg\">3. Implementaci\u00f3n<\/h4>\n <p class=\"text-gray-400 text-sm\">Protocolos, responsables y arranque.<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-8\">\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com\" class=\"inline-block bg-bravo-red hover:bg-red-600 text-white py-3 px-6 rounded-lg font-bold transition-colors w-full text-center\">\n Iniciar Diagn\u00f3stico\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-bravo-wine text-white text-center\">\n <div class=\"container mx-auto px-6\">\n <h2 class=\"text-2xl font-serif italic mb-8 opacity-90\">\"Control y claridad: la base de nuestra tranquilidad.\"<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"Ahora tenemos evidencia y reportes por turno. Excelente servicio.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"La caseta remota nos dio control sin disparar costos.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <div class=\"bg-white\/10 p-6 rounded-lg backdrop-blur-sm\">\n <p class=\"text-sm italic mb-4\">\"La supervisi\u00f3n s\u00ed se nota. Cambi\u00f3 el nivel de servicio.\"<\/p>\n <div class=\"flex justify-center text-bravo-red\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reclutamiento\" class=\"py-20 bg-gray-100\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row bg-white rounded-2xl shadow-xl overflow-hidden\">\n <div class=\"md:w-1\/2 p-10 flex flex-col justify-center\">\n <div class=\"inline-block w-max px-3 py-1 mb-4 bg-gray-200 text-gray-700 rounded text-xs font-bold tracking-widest uppercase\">\n Bolsa de Trabajo\n <\/div>\n <h2 class=\"text-3xl font-bold text-bravo-dark mb-4\">\u00danete a BRAVO NODO<\/h2>\n <p class=\"text-gray-600 mb-6\">Buscamos gente seria, con disciplina y ganas de crecer.<\/p>\n \n <a href=\"mailto:contacto@bravonodoseguridadyproteccion.com?subject=Aplicar%20a%20vacante\" class=\"inline-block bg-green-600 text-white font-bold py-3 px-6 rounded hover:bg-green-700 transition-colors self-start\">\n <i class=\"fa-regular fa-envelope mr-2\"><\/i> Aplicar por Correo\n <\/a>\n <\/div>\n <div class=\"md:w-1\/2 bg-gray-300 relative min-h-[300px]\">\n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/reclutamiento.png\" class=\"absolute inset-0 w-full h-full object-cover\" alt=\"Reclutamiento Bravo Nodo\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contacto\" class=\"py-20 relative bg-bravo-dark\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-20\"><\/div>\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-4\">Seguridad que puedes comprobar<\/h2>\n <p class=\"text-gray-400 text-lg\">D\u00e9janos tus datos y te regresamos una propuesta a medida.<\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col md:flex-row\">\n <div class=\"md:w-1\/3 bg-bravo-wine text-white p-8\">\n <h3 class=\"text-xl font-bold mb-6\">Contacto Directo<\/h3>\n <div class=\"space-y-4 text-sm\">\n \n \n \n <p class=\"flex items-center gap-3\"><i class=\"fa-solid fa-location-dot\"><\/i><span>Chosica No. 714, Col. Lindavista CP 07300, Gustavo A. Madero, CDMX<\/span><\/p>\n <\/div>\n <\/div>\n\n <div class=\"md:w-2\/3 p-8\">\n <form id=\"premium-contact-form\" class=\"space-y-10\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n <div class=\"input-group\">\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"name\" class=\"form-label\">Nombre o Raz\u00f3n Social<\/label>\n <\/div>\n <div class=\"input-group\">\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"phone\" class=\"form-label\">Tel\u00e9fono \/ WhatsApp<\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n <div class=\"input-group\">\n <input type=\"text\" id=\"city\" name=\"city\" class=\"form-input\" placeholder=\" \" required>\n <label for=\"city\" class=\"form-label\">Ciudad y Estado<\/label>\n <\/div>\n <div class=\"input-group\">\n <select id=\"site_type\" name=\"site_type\" class=\"form-input text-gray-400 focus:text-bravo-dark appearance-none\">\n <option value=\"\" disabled selected>Seleccione tipo de sitio<\/option>\n <option value=\"industrial\">Industrial \/ Log\u00edstico<\/option>\n <option value=\"comercial\">Comercial \/ Plaza<\/option>\n <option value=\"residencial\">Residencial \/ Condominio<\/option>\n <option value=\"corporativo\">Corporativo \/ Oficinas<\/option>\n <\/select>\n <label for=\"site_type\" class=\"form-label !top-[-12px] !text-[11px] !text-bravo-red\">Tipo de Operaci\u00f3n<\/label>\n <div class=\"absolute right-0 top-3 pointer-events-none text-gray-400\">\n <i class=\"fa-solid fa-chevron-down text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-4\">\n <p class=\"text-xs font-bold uppercase tracking-widest text-gray-400\">Servicios Requeridos<\/p>\n <div class=\"flex flex-wrap gap-x-6 gap-y-4\">\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"guardias\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Guardias<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"monitoreo\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Monitoreo 24\/7<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"caseta\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Caseta Remota<\/span>\n <\/label>\n <label class=\"flex items-center gap-3 cursor-pointer group\">\n <input type=\"checkbox\" name=\"service\" value=\"reaccion\" class=\"custom-checkbox\">\n <span class=\"text-sm font-medium text-gray-600 group-hover:text-bravo-dark transition-colors\">Reacci\u00f3n<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"pt-6\">\n <button type=\"submit\" class=\"w-full btn-grad py-5 text-white font-bold rounded-xl uppercase text-sm tracking-widest flex items-center justify-center gap-4\">\n Solicitar Propuesta de Servicio\n <i class=\"fa-solid fa-paper-plane text-xs\"><\/i>\n <\/button>\n <p class=\"text-[10px] text-gray-400 mt-6 text-center italic\">Al enviar este formulario, un consultor experto analizar\u00e1 su informaci\u00f3n y se contactar\u00e1 en menos de 24 horas h\u00e1biles.<\/p>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-black text-gray-400 py-8 border-t border-gray-800\">\n <div class=\"container mx-auto px-6 flex flex-col items-center justify-center gap-4\">\n <div class=\"text-center\">\n \n <img decoding=\"async\" src=\"https:\/\/bravonodoseguridadyproteccion.com\/wp-content\/uploads\/2026\/02\/Logo-BravoNodo-Blanco-scaled.png\" alt=\"Bravo Nodo Logo Blanco\" class=\"logo-footer mb-2 mx-auto\">\n <p class=\"text-xs mt-1\">\u00a9 2024 Todos los derechos reservados.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({ once: true, offset: 100, duration: 800, easing: 'ease-out-cubic' });\n const menuBtn = document.getElementById('menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n menuBtn.addEventListener('click', () => mobileMenu.classList.toggle('hidden'));\n document.querySelectorAll('.mobile-link').forEach(link => link.addEventListener('click', () => mobileMenu.classList.add('hidden')));\n\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n navbar.classList.add('shadow-lg');\n navbar.classList.replace('py-3', 'py-2');\n } else {\n navbar.classList.remove('shadow-lg');\n navbar.classList.replace('py-2', 'py-3');\n }\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>BRAVO NODO | Seguridad Privada Controlada y Medida Inicio Servicios Nosotros Vacantes Cotizar Inicio Servicios Nosotros Vacantes Contacto Operaci\u00f3n Nacional desde SLP Seguridad privada que se controla, se mide y se comprueba. Guardias en sitio + monitoreo 24\/7 + reacci\u00f3n. Convertimos la seguridad en un proceso documentado. Si no hay evidencia, no hay control. Control […]<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":61,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/bravonodoseguridadyproteccion.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}