{"id":6,"date":"2026-01-15T09:10:58","date_gmt":"2026-01-15T08:10:58","guid":{"rendered":"https:\/\/nis2.bomontec.net\/?page_id=6"},"modified":"2026-03-12T13:13:32","modified_gmt":"2026-03-12T12:13:32","slug":"elementor-6","status":"publish","type":"page","link":"https:\/\/nis2.bomontec.net\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-019fdd1 e-con-full e-flex e-con e-parent\" data-id=\"019fdd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47bef15 elementor-widget elementor-widget-html\" data-id=\"47bef15\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"hero-bomontec\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <div class=\"hero-background\">\r\n        <div class=\"glow-sphere\"><\/div>\r\n        <div class=\"grid-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-container\">\r\n        <div class=\"brand-badge animate-up\">\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"badge-text\">Grupo Bomontec<\/span>\r\n            <span class=\"line\"><\/span>\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title animate-up-delay-1\">\r\n            Soluciones DE <span class=\"accent-text\"> CIBERSEGURIDAD<\/span><br>\r\n         NIS2\r\n        <\/h1>\r\n\r\n        <div class=\"hero-content animate-up-delay-2\">\r\n            <p class=\"hero-description\">\r\n                Lideramos la transici\u00f3n hacia la resiliencia digital bajo el est\u00e1ndar europeo <span class=\"highlight\">NIS2<\/span>. Protegemos el n\u00facleo de las infraestructuras cr\u00edticas con arquitectura de defensa proactiva.\r\n            <\/p>\r\n            \r\n            <div class=\"trust-bar\">\r\n                <div class=\"trust-item\">\r\n                    <i class=\"fas fa-shield-check\"><\/i>\r\n                    <span>Protecci\u00f3n Activa 24\/7<\/span>\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                   \r\n                    <span>Cumplimiento Normativo UE<\/span>\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <i class=\"fas fa-lock-keyhole\"><\/i>\r\n                    <span>Cifrado Grado Militar<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,700;0,800;1,800&display=swap');\r\n\r\n    .hero-bomontec {\r\n        position: relative;\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        background-color: #020617;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        padding: 100px 20px;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* FONDO Y EFECTOS *\/\r\n    .hero-background {\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .glow-sphere {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 600px;\r\n        height: 400px;\r\n        background: rgba(234, 88, 12, 0.15);\r\n        border-radius: 50%;\r\n        filter: blur(120px);\r\n    }\r\n\r\n    .grid-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0.05;\r\n        background-image: radial-gradient(#ffffff 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n    }\r\n\r\n    \/* CONTENEDOR *\/\r\n    .hero-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* BADGE GRUPO BOMONTEC *\/\r\n    .brand-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .brand-badge .line {\r\n        height: 1px;\r\n        width: 40px;\r\n        background: rgba(234, 88, 12, 0.5);\r\n    }\r\n\r\n    .badge-text {\r\n        color: #fff;\r\n        font-weight: 800;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5em;\r\n    }\r\n\r\n    \/* T\u00cdTULO H1 *\/\r\n    .hero-title {\r\n     font-size: clamp(1.1rem, 3.5vw, 2.5rem);\r\nfont-weight: 800;\r\ncolor: #fff;\r\nline-height: 1.1; \/* Un poco m\u00e1s de aire para mejorar legibilidad en peque\u00f1o *\/\r\nletter-spacing: -0.02em; \/* Reduje un poco el espaciado negativo para que no se peguen tanto las letras *\/\r\ntext-transform: uppercase;\r\nfont-style: italic;\r\nmargin-bottom: 1.2rem;\r\ntext-shadow: 0 5px 15px rgba(0,0,0,0.4); \/* Sombra m\u00e1s sutil acorde al nuevo tama\u00f1o *\/\r\n    }\r\n\r\n    .accent-text {\r\n        color: #f97316;\r\n        background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    \/* DESCRIPCI\u00d3N *\/\r\n    .hero-description {\r\n        max-width: 800px;\r\n        margin: 0 auto 3.5rem;\r\n        font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n        color: #94a3b8;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .highlight {\r\n        color: #fff;\r\n        font-weight: 700;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* BARRA DE CONFIANZA *\/\r\n    .trust-bar {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 2rem 4rem;\r\n        padding-top: 2rem;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .trust-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .trust-item i {\r\n        color: #f97316;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .trust-item span {\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.15em;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* ANIMACIONES *\/\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .animate-up { animation: fadeInUp 0.8s ease-out forwards; }\r\n    .animate-up-delay-1 { opacity: 0; animation: fadeInUp 0.8s ease-out 0.2s forwards; }\r\n    .animate-up-delay-2 { opacity: 0; animation: fadeInUp 0.8s ease-out 0.4s forwards; }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .hero-bomontec { padding: 60px 20px; }\r\n        .hero-title { font-size: 2.8rem; }\r\n        .trust-bar { gap: 1.5rem; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8550d6 e-con-full e-flex e-con e-parent\" data-id=\"d8550d6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60d6252 elementor-widget elementor-widget-html\" data-id=\"60d6252\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Diagn\u00f3stico NIS2 - BOMONTEC 2026<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        slate: { 850: '#1e293b', 900: '#0f172a', 950: '#020617' },\r\n                        orange: { 400: '#fb923c', 500: '#f97316', 600: '#ea580c' }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');\r\n        html { scroll-behavior: smooth; }\r\n        .bomontec-scope { font-family: 'Plus Jakarta Sans', sans-serif; color: #e2e8f0; }\r\n        .glass-panel {\r\n            background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(2, 6, 23, 1) 100%);\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            box-shadow: 0 50px 100px -20px rgba(0, 0, 0, 1);\r\n        }\r\n        .wizard-step { display: none; }\r\n        .wizard-step.active { display: block; animation: fadeIn 0.5s ease forwards; }\r\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n        .btn-check { border: 1px solid rgba(255,255,255,0.1); transition: all 0.2s; }\r\n        .btn-check.active-yes { background: #16a34a; border-color: #22c55e; color: white; transform: scale(1.05); }\r\n        .btn-check.active-partial { background: #ca8a04; border-color: #facc15; color: white; transform: scale(1.05); }\r\n        .btn-check.active-no { background: #dc2626; border-color: #f87171; color: white; transform: scale(1.05); }\r\n        .custom-scroll::-webkit-scrollbar { width: 6px; }\r\n        .custom-scroll::-webkit-scrollbar-thumb { background: #f97316; border-radius: 10px; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-transparent\">\r\n\r\n<div class=\"bomontec-scope max-w-5xl mx-auto py-10 px-4\">\r\n    \r\n    <div class=\"flex flex-col md:flex-row justify-center items-center gap-6 mb-28\">\r\n        <a href=\"https:\/\/nis2.bomontec.net\/?page_id=2\" \r\n           class=\"w-full md:w-auto bg-orange-600 hover:bg-orange-500 text-white px-10 py-5 rounded-2xl font-extrabold text-sm uppercase tracking-widest transition-all shadow-lg shadow-orange-900\/40 text-center\">\r\n            <i class=\"fas fa-shield-alt mr-2\"><\/i> proteger mi empresa ahora\r\n        <\/a>\r\n        <button onclick=\"document.getElementById('diagnostico-form').scrollIntoView({behavior: 'smooth'})\" \r\n                class=\"w-full md:w-auto bg-slate-900 border border-white\/10 hover:border-orange-500 text-white px-10 py-5 rounded-2xl font-extrabold text-sm uppercase tracking-widest transition-all text-center\">\r\n            <i class=\"fas fa-search mr-2\"><\/i> realizar diagn\u00f3stico 2026\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"diagnostico-form\" class=\"glass-panel rounded-[3.5rem] overflow-hidden border-white\/10\">\r\n        <div class=\"p-8 md:p-16\">\r\n            \r\n            <div id=\"step-1\" class=\"wizard-step active\">\r\n                <div class=\"text-center mb-10\">\r\n                    <span class=\"text-orange-500 font-bold uppercase tracking-[0.3em] text-[10px]\">Marco Regulatorio 2026<\/span>\r\n                    <h2 class=\"text-4xl font-extrabold text-white mt-2\">Sector de Actividad<\/h2>\r\n                <\/div>\r\n                <div class=\"relative max-w-2xl mx-auto mb-8\">\r\n                    <input type=\"text\" id=\"s-input\" oninput=\"App.filterSectors(this.value)\" onfocus=\"App.showList()\" placeholder=\"Escriba su sector principal...\" class=\"w-full bg-slate-950 border-2 border-white\/5 rounded-2xl py-6 px-8 text-white text-lg focus:border-orange-500 outline-none transition-all shadow-2xl\">\r\n                    <div id=\"s-list\" class=\"absolute w-full mt-2 bg-slate-900 border border-white\/10 rounded-2xl hidden max-h-60 overflow-y-auto custom-scroll shadow-2xl z-50\"><\/div>\r\n                <\/div>\r\n                <div id=\"s-active\" class=\"hidden max-w-2xl mx-auto p-5 bg-orange-600\/10 border border-orange-500\/30 rounded-2xl flex items-center justify-between mb-10\">\r\n                    <span id=\"s-name\" class=\"text-white font-bold\"><\/span>\r\n                    <button onclick=\"App.resetSector()\" class=\"text-slate-400 hover:text-white\"><i class=\"fas fa-times\"><\/i><\/button>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl mx-auto mt-10\">\r\n                    <h4 class=\"col-span-full text-[10px] font-black text-slate-500 uppercase tracking-widest mb-2 ml-2\">Condiciones Especiales de Criticidad<\/h4>\r\n                    <label class=\"p-5 bg-white\/5 rounded-2xl cursor-pointer flex items-start hover:bg-white\/10 transition-all border border-transparent hover:border-orange-500\/30\">\r\n                        <input type=\"checkbox\" id=\"cond-1\" class=\"mt-1 w-5 h-5 accent-orange-600\">\r\n                        <div class=\"ml-4\"><p class=\"text-white font-bold text-sm\">Proveedor Cr\u00edtico \u00danico<\/p><\/div>\r\n                    <\/label>\r\n                    <label class=\"p-5 bg-white\/5 rounded-2xl cursor-pointer flex items-start hover:bg-white\/10 transition-all border border-transparent hover:border-orange-500\/30\">\r\n                        <input type=\"checkbox\" id=\"cond-2\" class=\"mt-1 w-5 h-5 accent-orange-600\">\r\n                        <div class=\"ml-4\"><p class=\"text-white font-bold text-sm\">Impacto Transfronterizo<\/p><\/div>\r\n                    <\/label>\r\n                    <label class=\"p-5 bg-white\/5 rounded-2xl cursor-pointer flex items-start hover:bg-white\/10 transition-all border border-transparent hover:border-orange-500\/30\">\r\n                        <input type=\"checkbox\" id=\"cond-3\" class=\"mt-1 w-5 h-5 accent-orange-600\">\r\n                        <div class=\"ml-4\"><p class=\"text-white font-bold text-sm\">Administraci\u00f3n P\u00fablica<\/p><\/div>\r\n                    <\/label>\r\n                    <label class=\"p-5 bg-white\/5 rounded-2xl cursor-pointer flex items-start hover:bg-white\/10 transition-all border border-transparent hover:border-orange-500\/30\">\r\n                        <input type=\"checkbox\" id=\"cond-4\" class=\"mt-1 w-5 h-5 accent-orange-600\">\r\n                        <div class=\"ml-4\"><p class=\"text-white font-bold text-sm\">Servicio de Confianza \/ TIC<\/p><\/div>\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"step-2\" class=\"wizard-step\">\r\n                <div class=\"text-center mb-12\">\r\n                    <h2 class=\"text-4xl font-extrabold text-white\">Tama\u00f1o de la Organizaci\u00f3n<\/h2>\r\n                    <p class=\"text-slate-400 mt-2\">Criterio basado en la recomendaci\u00f3n de la Comisi\u00f3n Europea<\/p>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                    <div onclick=\"App.setSize('small', this)\" class=\"bg-slate-900\/50 p-10 rounded-3xl text-center cursor-pointer border-2 border-transparent hover:border-orange-500 transition-all\">\r\n                        <i class=\"fas fa-store text-3xl text-orange-500 mb-4 block\"><\/i>\r\n                        <span class=\"text-white font-bold text-xl uppercase tracking-tighter\">Peque\u00f1a<\/span>\r\n                        <p class=\"text-[10px] text-slate-500 mt-2\">< 50 emp. \/ < 10M\u20ac<\/p>\r\n                    <\/div>\r\n                    <div onclick=\"App.setSize('medium', this)\" class=\"bg-slate-900\/50 p-10 rounded-3xl text-center cursor-pointer border-2 border-transparent hover:border-orange-500 transition-all\">\r\n                        <i class=\"fas fa-building text-3xl text-orange-500 mb-4 block\"><\/i>\r\n                        <span class=\"text-white font-bold text-xl uppercase tracking-tighter\">Mediana<\/span>\r\n                        <p class=\"text-[10px] text-slate-500 mt-2\">50-250 emp. \/ < 50M\u20ac<\/p>\r\n                    <\/div>\r\n                    <div onclick=\"App.setSize('large', this)\" class=\"bg-slate-900\/50 p-10 rounded-3xl text-center cursor-pointer border-2 border-transparent hover:border-orange-500 transition-all\">\r\n                        <i class=\"fas fa-city text-3xl text-orange-500 mb-4 block\"><\/i>\r\n                        <span class=\"text-white font-bold text-xl uppercase tracking-tighter\">Grande<\/span>\r\n                        <p class=\"text-[10px] text-slate-500 mt-2\">> 250 emp. \/ > 50M\u20ac<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"step-3\" class=\"wizard-step\">\r\n                <div class=\"flex flex-col md:flex-row justify-between items-center mb-10 gap-4\">\r\n                    <h2 class=\"text-3xl font-extrabold text-white\">Madurez T\u00e9cnica<\/h2>\r\n                    <div class=\"bg-slate-950 p-4 rounded-2xl border border-white\/5 flex items-center shadow-inner\">\r\n                        <span class=\"text-[10px] font-black text-orange-500 mr-4 tracking-widest uppercase\">Certificado ISO 27001<\/span>\r\n                        <input type=\"checkbox\" id=\"iso-toggle\" class=\"w-10 h-5 accent-orange-600 cursor-pointer\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"q-container\" class=\"space-y-4 max-h-[420px] overflow-y-auto pr-3 custom-scroll\"><\/div>\r\n            <\/div>\r\n\r\n            <div id=\"step-4\" class=\"wizard-step\">\r\n                <div class=\"text-center mb-10\">\r\n                    <h2 class=\"text-4xl font-extrabold text-white\">Generar Informe Ejecutivo<\/h2>\r\n                    <p class=\"text-slate-400 max-w-xl mx-auto mt-2\">Los resultados se vincular\u00e1n a su identidad profesional en Bomontec.<\/p>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 max-w-3xl mx-auto\">\r\n                    <input type=\"text\" id=\"u-name\" placeholder=\"Nombre completo\" class=\"w-full bg-slate-950 border border-white\/10 rounded-2xl p-6 text-white outline-none focus:border-orange-500 shadow-inner\">\r\n                    <input type=\"text\" id=\"u-role\" placeholder=\"Cargo \/ Departamento\" class=\"w-full bg-slate-950 border border-white\/10 rounded-2xl p-6 text-white outline-none focus:border-orange-500 shadow-inner\">\r\n                    <input type=\"email\" id=\"u-email\" placeholder=\"correo@empresa.com\" class=\"w-full bg-slate-950 border border-white\/10 rounded-2xl p-6 text-white outline-none focus:border-orange-500 shadow-inner\">\r\n                    <input type=\"tel\" id=\"u-phone\" placeholder=\"Tel\u00e9fono de contacto\" class=\"w-full bg-slate-950 border border-white\/10 rounded-2xl p-6 text-white outline-none focus:border-orange-500 shadow-inner\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"step-5\" class=\"wizard-step text-center\">\r\n                <div id=\"res-badge\" class=\"inline-block px-10 py-3 rounded-full text-xs font-black uppercase tracking-[0.4em] mb-12\"><\/div>\r\n                <div class=\"mb-10\">\r\n                    <div id=\"res-score\" class=\"text-[140px] md:text-[160px] font-black text-white leading-none tracking-tighter drop-shadow-2xl\">0%<\/div>\r\n                    <div class=\"text-orange-500 font-bold uppercase tracking-[0.3em] text-sm\">Seguridad NIS2 estimada en 2026<\/div>\r\n                <\/div>\r\n                <h3 id=\"res-title\" class=\"text-4xl font-extrabold text-white mb-6\"><\/h3>\r\n                <p id=\"res-desc\" class=\"text-slate-400 text-xl max-w-2xl mx-auto mb-12 leading-relaxed\"><\/p>\r\n\r\n                <div class=\"flex flex-col md:flex-row gap-6 justify-center items-center max-w-2xl mx-auto\">\r\n                    <button onclick=\"App.generatePDF()\" class=\"w-full md:flex-1 bg-white text-black py-8 rounded-3xl font-black text-xl hover:bg-slate-200 transition-all transform hover:-translate-y-1\">\r\n                        <i class=\"fas fa-file-pdf mr-3\"><\/i> OBTENER INFORME\r\n                    <\/button>\r\n                    <a href=\"https:\/\/nis2.bomontec.net\/?page_id=2\" class=\"w-full md:flex-1 bg-orange-600 text-white py-8 rounded-3xl font-black text-xl shadow-xl shadow-orange-900\/30 hover:bg-orange-500 transition-all transform hover:-translate-y-1\">\r\n                        AGENDAR CONSULTOR\u00cdA <i class=\"fas fa-chevron-right ml-3\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"nav\" class=\"mt-16 pt-10 border-t border-white\/5 flex justify-between items-center\">\r\n                <button id=\"btn-prev\" onclick=\"App.prev()\" class=\"text-slate-500 hover:text-white font-bold text-xs uppercase tracking-widest invisible\">Anterior<\/button>\r\n                <button id=\"btn-next\" onclick=\"App.next()\" class=\"bg-white text-black px-14 py-6 rounded-2xl font-black text-xs uppercase tracking-[0.2em] hover:bg-orange-600 hover:text-white transition-all shadow-xl\">Siguiente <i class=\"fas fa-arrow-right ml-2\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst App = (() => {\r\n    let state = { step: 1, sector: null, size: null, answers: Array(8).fill(null), user: {} };\r\n    const LOGO_URL = \"https:\/\/th.bing.com\/th\/id\/OIP.q10s3HniUAQ8JwH26c-OhwHaHa?w=156&h=180&c=7&r=0&o=7&pid=1.7&rm=3\";\r\n    const CONTACT_URL = \"https:\/\/nis2.bomontec.net\/?page_id=2\";\r\n\r\n    const SECTORS = [\r\n        { n: \"Energ\u00eda (El\u00e9ctrica, Gas, Hidr\u00f3geno)\", c: true },\r\n        { n: \"Transporte (Log\u00edstica, A\u00e9reo, Ferroviario)\", c: true },\r\n        { n: \"Banca y Seguros\", c: true },\r\n        { n: \"Infraestructura de Salud Digital\", c: true },\r\n        { n: \"Proveedores Cloud y CPD\", c: true },\r\n        { n: \"Administraci\u00f3n P\u00fablica\", c: true },\r\n        { n: \"Servicios TIC \/ Managed Security Services\", c: true },\r\n        { n: \"Sector Alimentario y Distribuci\u00f3n\", c: false },\r\n        { n: \"Industria Qu\u00edmica y Farmac\u00e9utica\", c: false }\r\n    ];\r\n\r\n    const QUESTIONS = [\r\n        \"\u00bfDispone de backups inmutables protegidos contra Ransomware?\",\r\n        \"\u00bfEl MFA (Doble factor) es obligatorio para todo el personal?\",\r\n        \"\u00bfSe realizan tests de intrusi\u00f3n o escaneos mensuales?\",\r\n        \"\u00bfSu Plan de Continuidad est\u00e1 actualizado a 2026?\",\r\n        \"\u00bfRealiza simulacros de Phishing trimestrales?\",\r\n        \"\u00bfTiene control total sobre el inventario de activos IT\/OT?\",\r\n        \"\u00bfAudita peri\u00f3dicamente la seguridad de sus proveedores?\",\r\n        \"\u00bfTiene segmentaci\u00f3n de red por capas (VLANs\/Microsegmentaci\u00f3n)?\"\r\n    ];\r\n\r\n    return {\r\n        init: () => {\r\n            App.renderQuestions();\r\n            document.addEventListener('click', (e) => {\r\n                if(!e.target.closest('#s-input') && !e.target.closest('#s-list')) document.getElementById('s-list').classList.add('hidden');\r\n            });\r\n        },\r\n        showList: () => App.filterSectors(\"\"),\r\n        filterSectors: (v) => {\r\n            const list = document.getElementById('s-list');\r\n            list.classList.remove('hidden');\r\n            const data = SECTORS.filter(s => s.n.toLowerCase().includes(v.toLowerCase()));\r\n            list.innerHTML = data.map(s => `\r\n                <div class=\"p-5 hover:bg-slate-800 cursor-pointer flex justify-between border-b border-white\/5\" onclick=\"App.selectSector('${s.n}', ${s.c})\">\r\n                    <span class=\"text-white text-sm font-semibold\">${s.n}<\/span>\r\n                    <span class=\"text-[9px] font-black text-orange-500 uppercase\">${s.c ? 'Cr\u00edtico' : 'Importante'}<\/span>\r\n                <\/div>\r\n            `).join('');\r\n        },\r\n        selectSector: (n, c) => {\r\n            state.sector = { n, c };\r\n            document.getElementById('s-name').innerText = n;\r\n            document.getElementById('s-active').classList.remove('hidden');\r\n            document.getElementById('s-input').classList.add('hidden');\r\n            document.getElementById('s-list').classList.add('hidden');\r\n        },\r\n        resetSector: () => {\r\n            state.sector = null;\r\n            document.getElementById('s-active').classList.add('hidden');\r\n            document.getElementById('s-input').classList.remove('hidden');\r\n            document.getElementById('s-input').value = \"\";\r\n        },\r\n        renderQuestions: () => {\r\n            document.getElementById('q-container').innerHTML = QUESTIONS.map((q, i) => `\r\n                <div class=\"bg-white\/5 p-8 rounded-3xl flex flex-col md:flex-row justify-between items-center gap-6 border border-white\/5\">\r\n                    <p class=\"text-base font-bold text-white max-w-md\">${q}<\/p>\r\n                    <div class=\"flex gap-2 w-full md:w-auto\">\r\n                        <button onclick=\"App.setAns(${i}, 10, this)\" class=\"btn-check flex-1 px-8 py-4 rounded-xl bg-slate-950 text-[10px] font-bold\">S\u00cd<\/button>\r\n                        <button onclick=\"App.setAns(${i}, 5, this)\" class=\"btn-check flex-1 px-8 py-4 rounded-xl bg-slate-950 text-[10px] font-bold\">PARCIAL<\/button>\r\n                        <button onclick=\"App.setAns(${i}, 0, this)\" class=\"btn-check flex-1 px-8 py-4 rounded-xl bg-slate-950 text-[10px] font-bold\">NO<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            `).join('');\r\n        },\r\n        setAns: (i, v, el) => {\r\n            state.answers[i] = v;\r\n            el.parentElement.querySelectorAll('.btn-check').forEach(b => b.className = 'btn-check flex-1 px-8 py-4 rounded-xl bg-slate-950 text-[10px] font-bold');\r\n            el.classList.add(v === 10 ? 'active-yes' : v === 5 ? 'active-partial' : 'active-no');\r\n        },\r\n        setSize: (s, el) => {\r\n            state.size = s;\r\n            document.querySelectorAll('#step-2 div').forEach(c => c.classList.remove('border-orange-500'));\r\n            el.classList.add('border-orange-500');\r\n        },\r\n        next: () => {\r\n            if(state.step === 1 && !state.sector) return alert(\"Seleccione su sector\");\r\n            if(state.step === 2 && !state.size) return alert(\"Seleccione el tama\u00f1o de empresa\");\r\n            if(state.step === 3 && state.answers.includes(null)) return alert(\"Conteste todas las cuestiones t\u00e9cnicas.\");\r\n            \r\n            if(state.step === 4) {\r\n                const email = document.getElementById('u-email').value;\r\n                const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n                if(!document.getElementById('u-name').value) return alert(\"Indique su nombre.\");\r\n                if(!emailRegex.test(email)) return alert(\"Introduzca un email corporativo v\u00e1lido (nombre@empresa.com)\");\r\n\r\n                state.user = { \r\n                    n: document.getElementById('u-name').value, \r\n                    e: email, \r\n                    r: document.getElementById('u-role').value, \r\n                    p: document.getElementById('u-phone').value \r\n                };\r\n                App.calculate();\r\n            }\r\n            state.step++; App.updateUI();\r\n        },\r\n        prev: () => { state.step--; App.updateUI(); },\r\n        updateUI: () => {\r\n            document.querySelectorAll('.wizard-step').forEach((s, i) => s.classList.toggle('active', i+1 === state.step));\r\n            document.getElementById('btn-prev').style.visibility = (state.step === 1 || state.step === 5) ? 'hidden' : 'visible';\r\n            document.getElementById('btn-next').style.display = state.step === 5 ? 'none' : 'block';\r\n        },\r\n        calculate: () => {\r\n            let baseScore = Math.round((state.answers.reduce((a,b)=>a+b,0)\/80)*100);\r\n            if(document.getElementById('iso-toggle').checked) baseScore = Math.min(100, baseScore + 10);\r\n            \r\n            const isCrit = state.sector.c || document.getElementById('cond-1').checked || document.getElementById('cond-2').checked || document.getElementById('cond-3').checked || document.getElementById('cond-4').checked;\r\n            \r\n            document.getElementById('res-score').innerText = baseScore + '%';\r\n            const badge = document.getElementById('res-badge');\r\n            badge.innerText = isCrit ? \"ENTIDAD ESENCIAL (M\u00c1XIMA CRITICIDAD)\" : \"ENTIDAD IMPORTANTE\";\r\n            badge.className = `inline-block px-10 py-3 rounded-full text-xs font-black uppercase tracking-[0.4em] mb-12 ${isCrit ? 'bg-red-600' : 'bg-orange-600'} text-white shadow-2xl`;\r\n            document.getElementById('res-title').innerText = baseScore < 70 ? \"Acci\u00f3n Defensiva Requerida\" : \"Optimizaci\u00f3n de Ciberseguridad\";\r\n            document.getElementById('res-desc').innerText = `En el marco regulatorio de 2026, su nivel de cumplimiento del ${baseScore}% requiere una revisi\u00f3n t\u00e9cnica exhaustiva por parte de Bomontec para evitar responsabilidades legales.`;\r\n        },\r\n        generatePDF: () => {\r\n            const { jsPDF } = window.jspdf;\r\n            const doc = new jsPDF();\r\n            const score = document.getElementById('res-score').innerText;\r\n            const cat = document.getElementById('res-badge').innerText;\r\n\r\n            \/\/ Est\u00e9tica 2026 BOMONTEC\r\n            doc.setFillColor(234, 88, 12); doc.rect(0, 0, 210, 60, 'F');\r\n            doc.setTextColor(255, 255, 255); doc.setFontSize(22); doc.setFont(\"helvetica\", \"bold\");\r\n            doc.text(\"AUDITOR\u00cdA PREVENTIVA NIS2 2026\", 20, 35);\r\n            \r\n            try { doc.addImage(LOGO_URL, 'JPEG', 160, 15, 30, 30); } catch(e){}\r\n\r\n            doc.setTextColor(40, 40, 40); doc.setFontSize(12); doc.text(\"IDENTIFICACI\u00d3N DEL DIAGN\u00d3STICO\", 20, 75);\r\n            doc.line(20, 78, 190, 78);\r\n            doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10);\r\n            doc.text(`Solicitante: ${state.user.n}`, 25, 88);\r\n            doc.text(`Entidad: ${state.user.e}`, 25, 95);\r\n            doc.text(`Sector: ${state.sector.n}`, 25, 102);\r\n\r\n            doc.setFillColor(245, 245, 245); doc.rect(20, 115, 170, 45, 'F');\r\n            doc.setTextColor(234, 88, 12); doc.setFontSize(28); doc.setFont(\"helvetica\", \"bold\");\r\n            doc.text(`${score} Cumplimiento Estimado`, 35, 138);\r\n            doc.setTextColor(0,0,0); doc.setFontSize(10);\r\n            doc.text(`CLASIFICACI\u00d3N LEGAL: ${cat}`, 35, 150);\r\n\r\n            \/\/ ACCI\u00d3N DIRECTA\r\n            doc.setFillColor(15, 23, 42); doc.rect(20, 175, 170, 80, 'F');\r\n            doc.setTextColor(255, 255, 255); doc.setFontSize(14); doc.text(\"CONSULTOR\u00cdA ESPECIALIZADA BOMONTEC\", 35, 195);\r\n            doc.setFontSize(9); doc.setFont(\"helvetica\", \"normal\");\r\n            doc.text(\"Para asegurar su blindaje total ante la Directiva (UE) 2022\/2555 en este 2026,\", 35, 205);\r\n            doc.text(\"le recomendamos una sesi\u00f3n de an\u00e1lisis con nuestros auditores.\", 35, 210);\r\n\r\n            \/\/ BOT\u00d3N CLICKEABLE \"CONTACTAR\"\r\n            const btnX = 35, btnY = 220, btnW = 55, btnH = 14;\r\n            doc.setFillColor(234, 88, 12); doc.rect(btnX, btnY, btnW, btnH, 'F');\r\n            doc.setTextColor(255, 255, 255); doc.setFontSize(11); doc.setFont(\"helvetica\", \"bold\");\r\n            doc.text(\"CONTACTAR\", btnX + 15, btnY + 9); \r\n            doc.link(btnX, btnY, btnW, btnH, { url: CONTACT_URL });\r\n\r\n            doc.setFontSize(8); doc.setTextColor(150, 150, 150);\r\n            doc.text(\"Copyright \u00a9 2026 Grupo Bomontec - Servicios Avanzados de Ciberseguridad\", 20, 285);\r\n\r\n            doc.save(`Bomontec_NIS2_Auditoria_2026.pdf`);\r\n        }\r\n    };\r\n})();\r\nApp.init();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7bfe51 e-con-full e-flex e-con e-parent\" data-id=\"a7bfe51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-551d116 elementor-widget elementor-widget-html\" data-id=\"551d116\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"metrics-dashboard\">\r\n    <div class=\"metrics-container\">\r\n        <div class=\"metrics-wrapper\">\r\n            \r\n            <div class=\"metric-box orange-box\">\r\n                <div class=\"num\">+10<\/div>\r\n                <div class=\"lab\">A\u00f1os de \u00c9xito<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"metric-box white-box\">\r\n                <div class=\"num\">+200<\/div>\r\n                <div class=\"lab\">Nodos Blindados<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"metric-box orange-box\">\r\n                <div class=\"num\">+3281<\/div>\r\n                <div class=\"lab\">Incidencias resueltas<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"metric-box white-box\">\r\n                <div class=\"num\">100%<\/div>\r\n                <div class=\"lab\">Cumplimiento<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* SECCI\u00d3N M\u00c9TRICAS REFINADA *\/\r\n    .metrics-dashboard {\r\n        padding: 60px 0;\r\n        background-color: #020617;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    .metrics-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .metrics-wrapper {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .metric-box {\r\n        padding: 40px 20px;\r\n        background: rgba(15, 23, 42, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 32px;\r\n        text-align: center;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .metric-box:hover {\r\n        transform: translateY(-8px);\r\n        border-color: rgba(249, 115, 22, 0.3);\r\n        background: rgba(15, 23, 42, 0.8);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .metric-box .num {\r\n        font-size: 3.5rem;\r\n        font-weight: 900;\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .metric-box .lab {\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n    }\r\n\r\n    \/* Variaciones de color alternadas *\/\r\n    .orange-box .num { color: #f97316; }\r\n    .orange-box .lab { color: #ffffff; }\r\n\r\n    .white-box .num { color: #ffffff; }\r\n    .white-box .lab { color: #f97316; }\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media (max-width: 1024px) {\r\n        .metrics-wrapper { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .metric-box .num { font-size: 2.8rem; }\r\n        .metrics-wrapper { gap: 12px; }\r\n        .metric-box { padding: 30px 15px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab4a37a e-con-full e-flex e-con e-parent\" data-id=\"ab4a37a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd8443 elementor-widget elementor-widget-html\" data-id=\"fbd8443\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nis2-risks-section\">\r\n    <div class=\"nis2-container\">\r\n        <div class=\"nis2-grid\">\r\n            \r\n            <div class=\"penalty-panel\">\r\n                <div class=\"penalty-card\">\r\n                    <span class=\"penalty-badge\">R\u00e9gimen Sancionador NIS2<\/span>\r\n                    <div class=\"penalty-amount\">10<span class=\"currency\">M\u20ac<\/span><\/div>\r\n                    <p class=\"penalty-desc\">O hasta el <strong>2% del volumen de negocio anual total<\/strong> a nivel mundial para entidades esenciales.<\/p>\r\n                    \r\n                    <div class=\"alert-timelines\">\r\n                        <div class=\"time-item\">\r\n                            <span class=\"time-val\">24h<\/span>\r\n                            <span class=\"time-lab\">Plazo Alerta<\/span>\r\n                        <\/div>\r\n                        <div class=\"time-item\">\r\n                            <span class=\"time-val\">72h<\/span>\r\n                            <span class=\"time-lab\">Plazo Informe<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"details-panel\">\r\n                <h2 class=\"details-title\">Consecuencias <span class=\"light-red\">M\u00e1s All\u00e1<\/span> de la Multa<\/h2>\r\n                \r\n                <div class=\"consequences-grid\">\r\n                    <div class=\"consequence-item\">\r\n                        <h4>Responsabilidad Ejecutiva<\/h4>\r\n                        <p>Los directivos asumen responsabilidad personal, pudiendo ser inhabilitados temporalmente para ejercer cargos de gesti\u00f3n.<\/p>\r\n                    <\/div>\r\n                    <div class=\"consequence-item\">\r\n                        <h4>Exclusi\u00f3n de Mercado<\/h4>\r\n                        <p>Incapacidad legal para participar en licitaciones p\u00fablicas y salida inmediata de la cadena de suministro de grandes grupos.<\/p>\r\n                    <\/div>\r\n                    <div class=\"consequence-item\">\r\n                        <h4>Intervenci\u00f3n de Autoridad<\/h4>\r\n                        <p>Facultad de las autoridades para realizar inspecciones in situ, auditor\u00edas de seguridad peri\u00f3dicas y supervisi\u00f3n ad hoc.<\/p>\r\n                    <\/div>\r\n                    <div class=\"consequence-item\">\r\n                        <h4>Reputaci\u00f3n Corporativa<\/h4>\r\n                        <p>Publicaci\u00f3n obligatoria del incumplimiento, afectando irreversiblemente la valoraci\u00f3n y confianza de socios e inversores.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .nis2-risks-section {\r\n        background-color: #020617;\r\n        \/* Padding fluido: m\u00e1s peque\u00f1o en m\u00f3vil, grande en desktop *\/\r\n        padding: clamp(60px, 10vw, 100px) 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #fff;\r\n    }\r\n\r\n    .nis2-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .nis2-grid {\r\n        display: grid;\r\n        \/* Por defecto 1 columna (m\u00f3vil) *\/\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Cambio a 12 columnas en pantallas grandes (Desktop) *\/\r\n    @media (min-width: 1024px) {\r\n        .nis2-grid {\r\n            grid-template-columns: repeat(12, 1fr);\r\n            gap: 60px;\r\n        }\r\n        .penalty-panel { grid-column: span 5; }\r\n        .details-panel { grid-column: span 7; }\r\n    }\r\n\r\n    \/* TARJETA DE MULTA *\/\r\n    .penalty-card {\r\n        background: rgba(127, 29, 29, 0.1);\r\n        border: 1px solid rgba(239, 68, 68, 0.2);\r\n        padding: clamp(40px, 8vw, 60px) clamp(20px, 5vw, 40px);\r\n        border-radius: clamp(32px, 5vw, 48px);\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .penalty-badge {\r\n        display: block;\r\n        color: #ef4444;\r\n        font-weight: 900;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4em;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .penalty-amount {\r\n        \/* Texto que se ajusta perfectamente entre 4rem y 8rem *\/\r\n        font-size: clamp(20px, 90px, 8rem);\r\n        font-weight: 900;\r\n        font-style: italic;\r\n        line-height: 1;\r\n        letter-spacing: -3px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .currency { color: #ef4444; }\r\n\r\n    .penalty-desc {\r\n        color: #94a3b8;\r\n        font-size: clamp(13px, 2vw, 14px);\r\n        line-height: 1.6;\r\n        max-width: 320px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .alert-timelines {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        margin-top: 40px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid rgba(239, 68, 68, 0.2);\r\n    }\r\n\r\n    .time-item .time-val { display: block; font-size: clamp(20px, 4vw, 28px); font-weight: 900; }\r\n    .time-item .time-lab { font-size: 9px; color: #64748b; text-transform: uppercase; font-weight: 800; letter-spacing: 2px; }\r\n\r\n    \/* BLOQUE DE DETALLES *\/\r\n    .details-title {\r\n        font-size: clamp(1.8rem, 5vw, 3rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        line-height: 1.1;\r\n        margin-bottom: 40px;\r\n        text-align: center; \/* Centrado en m\u00f3vil *\/\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .details-title { text-align: left; }\r\n    }\r\n\r\n    .light-red { color: #ef4444; font-weight: 300; }\r\n\r\n    .consequences-grid {\r\n        display: grid;\r\n        \/* 1 columna en m\u00f3vil, 2 en tablets\/desktop *\/\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .consequences-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 24px;\r\n        }\r\n    }\r\n\r\n    .consequence-item {\r\n        background: rgba(15, 23, 42, 0.4);\r\n        border-left: 3px solid #ef4444;\r\n        padding: 25px;\r\n        border-radius: 0 20px 20px 0;\r\n        transition: transform 0.3s, background 0.3s;\r\n    }\r\n\r\n    .consequence-item:hover {\r\n        background: rgba(15, 23, 42, 0.8);\r\n        transform: translateX(8px);\r\n    }\r\n\r\n    .consequence-item h4 {\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        margin-bottom: 8px;\r\n        color: #fff;\r\n    }\r\n\r\n    .consequence-item p {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        line-height: 1.5;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42988b0 e-flex e-con-boxed e-con e-parent\" data-id=\"42988b0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e51793e elementor-widget elementor-widget-html\" data-id=\"e51793e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"timeline-section\">\r\n    <div class=\"container\">\r\n        <div class=\"timeline-header\">\r\n            <h2 class=\"timeline-main-title\">Cronograma de <span class=\"accent\">Cumplimiento<\/span><\/h2>\r\n            <p class=\"timeline-subtitle\">Hitos Cr\u00edticos Grupo Bomontec 2026<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-container\">\r\n            <div class=\"timeline-line\"><\/div>\r\n\r\n            <div class=\"timeline-items\">\r\n                \r\n                <div class=\"timeline-row\">\r\n                    <div class=\"time-label text-right\">\r\n                        <div class=\"q-num orange-glow\">Q1<\/div>\r\n                    <\/div>\r\n                    <div class=\"time-dot orange-dot\"><\/div>\r\n                    <div class=\"time-content\">\r\n                        <div class=\"timeline-card\">\r\n                            <h4>An\u00e1lisis de Brechas (GAP)<\/h4>\r\n                            <p>Identificaci\u00f3n de activos cr\u00edticos, evaluaci\u00f3n de riesgos inicial y dise\u00f1o del plan director de seguridad.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-row reverse\">\r\n                    <div class=\"time-label text-left\">\r\n                        <div class=\"q-num white-glow\">Q2<\/div>\r\n                    <\/div>\r\n                    <div class=\"time-dot white-dot\"><\/div>\r\n                    <div class=\"time-content\">\r\n                        <div class=\"timeline-card border-white\">\r\n                            <h4>Hardening de Infraestructura<\/h4>\r\n                            <p>Implementaci\u00f3n de medidas t\u00e9cnicas: cifrado, MFA, seguridad de red OT\/IT y protecci\u00f3n de cadena de suministro.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-row\">\r\n                    <div class=\"time-label text-right\">\r\n                        <div class=\"q-num orange-glow\">Q3<\/div>\r\n                    <\/div>\r\n                    <div class=\"time-dot orange-dot\"><\/div>\r\n                    <div class=\"time-content\">\r\n                        <div class=\"timeline-card\">\r\n                            <h4>Simulacros y Protocolos<\/h4>\r\n                            <p>Pruebas de respuesta ante incidentes graves y validaci\u00f3n del sistema de notificaci\u00f3n obligatoria de 24 horas.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-row reverse\">\r\n                    <div class=\"time-label text-left\">\r\n                        <div class=\"q-num white-glow\">Q4<\/div>\r\n                    <\/div>\r\n                    <div class=\"time-dot white-dot\"><\/div>\r\n                    <div class=\"time-content\">\r\n                        <div class=\"timeline-card border-white\">\r\n                            <h4>Certificaci\u00f3n Final<\/h4>\r\n                            <p>Auditor\u00eda final de cumplimiento y preparaci\u00f3n para la supervisi\u00f3n de las autoridades nacionales.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .timeline-section {\r\n        background-color: #020617;\r\n        padding: 100px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #fff;\r\n        position: relative;\r\n    }\r\n\r\n    .timeline-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .timeline-main-title {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .timeline-main-title .accent { color: #f97316; font-weight: 300; }\r\n\r\n    .timeline-subtitle {\r\n        color: #64748b;\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .timeline-container {\r\n        position: relative;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* L\u00ednea Vertical *\/\r\n    .timeline-line {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        background: linear-gradient(to bottom, #f97316, rgba(255,255,255,0.1) 50%, transparent);\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .timeline-items {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 60px;\r\n    }\r\n\r\n    .timeline-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 40px 1fr;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .timeline-row.reverse { direction: rtl; }\r\n    .timeline-row.reverse .timeline-card { direction: ltr; }\r\n\r\n    \/* Etiquetas Q1, Q2... *\/\r\n    .q-num {\r\n        font-size: 4rem;\r\n        font-weight: 900;\r\n        font-style: italic;\r\n        line-height: 1;\r\n    }\r\n    .orange-glow { color: #f97316; opacity: 0.4; }\r\n    .white-glow { color: #fff; opacity: 0.2; }\r\n\r\n    \/* Puntos de la l\u00ednea *\/\r\n    .time-dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background: #020617;\r\n        z-index: 2;\r\n        margin: 0 auto;\r\n    }\r\n    .orange-dot { border: 3px solid #f97316; box-shadow: 0 0 15px #f97316; }\r\n    .white-dot { border: 3px solid #fff; box-shadow: 0 0 15px #fff; }\r\n\r\n    \/* Tarjetas *\/\r\n    .timeline-card {\r\n        background: rgba(15, 23, 42, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 35px;\r\n        border-radius: 24px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .timeline-card:hover {\r\n        border-color: #f97316;\r\n        transform: scale(1.02);\r\n        background: rgba(15, 23, 42, 0.8);\r\n    }\r\n\r\n    .timeline-card.border-white:hover { border-color: #fff; }\r\n\r\n    .timeline-card h4 {\r\n        font-size: 14px;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .timeline-card p {\r\n        font-size: 13px;\r\n        color: #94a3b8;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Ajustes de texto *\/\r\n    .text-right { text-align: right; }\r\n    .text-left { text-align: left; }\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media (max-width: 768px) {\r\n        .timeline-line { display: none; }\r\n        .timeline-row { \r\n            grid-template-columns: 1fr; \r\n            direction: ltr !important; \r\n            text-align: center;\r\n        }\r\n        .timeline-row.reverse .timeline-card { direction: ltr; }\r\n        .time-label { text-align: center !important; margin-bottom: 10px; }\r\n        .time-dot { display: none; }\r\n        .q-num { font-size: 3rem; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9504c4d e-flex e-con-boxed e-con e-parent\" data-id=\"9504c4d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd8aafb elementor-widget elementor-widget-html\" data-id=\"cd8aafb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"protection-cycle-section\">\r\n    <div class=\"container\">\r\n        \r\n        <div class=\"cycle-header\">\r\n            <span class=\"cycle-badge\">Nuestro Proceso<\/span>\r\n            <h2 class=\"cycle-main-title\">Ciclo de <span class=\"accent\">Protecci\u00f3n<\/span><\/h2>\r\n        <\/div>\r\n        \r\n        <div class=\"cycle-grid\">\r\n            \r\n            <div class=\"cycle-card\">\r\n                <div class=\"step-number\">01<\/div>\r\n                <div class=\"card-inner\">\r\n                    <i class=\"fas fa-search-location step-icon\"><\/i>\r\n                    <h3>Discovery<\/h3>\r\n                    <p>Identificaci\u00f3n de activos cr\u00edticos y mapeo de dependencias t\u00e9cnicas en la infraestructura.<\/p>\r\n                <\/div>\r\n                <div class=\"flow-arrow\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cycle-card\">\r\n                <div class=\"step-number\">02<\/div>\r\n                <div class=\"card-inner\">\r\n                    <i class=\"fas fa-tools step-icon\"><\/i>\r\n                    <h3>Hardening<\/h3>\r\n                    <p>Robustecimiento de sistemas y cierre de brechas de seguridad inmediatas y cr\u00edticas.<\/p>\r\n                <\/div>\r\n                <div class=\"flow-arrow\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cycle-card\">\r\n                <div class=\"step-number\">03<\/div>\r\n                <div class=\"card-inner\">\r\n                    <i class=\"fas fa-eye step-icon\"><\/i>\r\n                    <h3>Monitor<\/h3>\r\n                    <p>Vigilancia continua 24\/7 mediante nuestro centro de operaciones avanzado.<\/p>\r\n                <\/div>\r\n                <div class=\"flow-arrow\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cycle-card no-arrow\">\r\n                <div class=\"step-number\">04<\/div>\r\n                <div class=\"card-inner\">\r\n                    <i class=\"fas fa-gavel step-icon\"><\/i>\r\n                    <h3>Compliance<\/h3>\r\n                    <p>Mantenimiento legal y t\u00e9cnico para el cumplimiento normativo perpetuo de la directiva.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .protection-cycle-section {\r\n        background-color: #020617;\r\n        padding: 100px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #fff;\r\n    }\r\n\r\n    .cycle-header {\r\n        text-align: center;\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    .cycle-badge {\r\n        color: #f97316;\r\n        font-weight: 900;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.4em;\r\n    }\r\n\r\n    .cycle-main-title {\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .cycle-main-title .accent { color: #f97316; font-weight: 300; }\r\n\r\n    .cycle-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .cycle-card {\r\n        position: relative;\r\n        background: rgba(15, 23, 42, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 32px;\r\n        padding: 40px 30px;\r\n        text-align: center;\r\n        transition: all 0.4s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cycle-card:hover {\r\n        background: rgba(249, 115, 22, 0.05);\r\n        border-color: rgba(249, 115, 22, 0.3);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .step-number {\r\n        position: absolute;\r\n        top: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        color: #f97316;\r\n        opacity: 0.15;\r\n        line-height: 1;\r\n    }\r\n\r\n    .step-icon {\r\n        font-size: 1.5rem;\r\n        color: #f97316;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .cycle-card h3 {\r\n        font-size: 1.2rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        margin-bottom: 12px;\r\n        position: relative;\r\n    }\r\n\r\n    .cycle-card p {\r\n        font-size: 12px;\r\n        color: #94a3b8;\r\n        line-height: 1.6;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Flechas de flujo (solo Desktop) *\/\r\n    .flow-arrow {\r\n        position: absolute;\r\n        right: -15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        color: rgba(255, 255, 255, 0.1);\r\n        font-size: 1.2rem;\r\n        z-index: 5;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cycle-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\r\n        .flow-arrow { display: none; }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .cycle-grid { grid-template-columns: 1fr; }\r\n        .cycle-card { padding: 50px 30px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4251e3 e-flex e-con-boxed e-con e-parent\" data-id=\"c4251e3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbbb23e elementor-widget elementor-widget-html\" data-id=\"fbbb23e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"faq-section\">\r\n    <div class=\"faq-container\">\r\n        \r\n        <div class=\"faq-header\">\r\n            <h2 class=\"faq-title\">Preguntas <span class=\"accent\">Frecuentes<\/span><\/h2>\r\n            <p class=\"faq-subtitle\">Informaci\u00f3n t\u00e9cnica esencial sobre la directiva NIS2.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-list\">\r\n            \r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-trigger\">\r\n                    <span class=\"faq-question\">\u00bfQu\u00e9 sectores se consideran \"Altamente Cr\u00edticos\"?<\/span>\r\n                    <i class=\"fas fa-plus faq-icon\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-panel\">\r\n                    <div class=\"faq-content\">\r\n                        Incluye sectores vitales como Energ\u00eda (electricidad, gas, petr\u00f3leo), Transporte (a\u00e9reo, ferroviario, mar\u00edtimo), Banca, Sanidad, Agua potable e Infraestructura digital.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-trigger\">\r\n                    <span class=\"faq-question\">\u00bfCu\u00e1l es el plazo para notificar un incidente grave?<\/span>\r\n                    <i class=\"fas fa-plus faq-icon\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-panel\">\r\n                    <div class=\"faq-content\">\r\n                        La NIS2 exige una \"alerta temprana\" en un plazo de <strong>24 horas<\/strong> tras tener conocimiento del incidente, seguida de una notificaci\u00f3n completa en un plazo de <strong>72 horas<\/strong>.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-trigger\">\r\n                    <span class=\"faq-question\">\u00bfEst\u00e1n los directivos sujetos a responsabilidad personal?<\/span>\r\n                    <i class=\"fas fa-plus faq-icon\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-panel\">\r\n                    <div class=\"faq-content\">\r\n                        S\u00ed. Los \u00f3rganos de direcci\u00f3n son responsables directos. Pueden enfrentarse a multas administrativas y a la inhabilitaci\u00f3n temporal en caso de negligencia grave.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-trigger\">\r\n                    <span class=\"faq-question\">\u00bfQu\u00e9 ocurre si mis proveedores no cumplen con la NIS2?<\/span>\r\n                    <i class=\"fas fa-plus faq-icon\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-panel\">\r\n                    <div class=\"faq-content\">\r\n                        La directiva obliga a asegurar la seguridad de la cadena de suministro. Usted debe evaluar la higiene ciberseguridad de sus proveedores externos de forma proactiva.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-trigger\">\r\n                    <span class=\"faq-question\">\u00bfLa certificaci\u00f3n ISO 27001 es suficiente?<\/span>\r\n                    <i class=\"fas fa-plus faq-icon\"><\/i>\r\n                <\/button>\r\n                <div class=\"faq-panel\">\r\n                    <div class=\"faq-content\">\r\n                        Es una excelente base, pero la NIS2 a\u00f1ade exigencias espec\u00edficas sobre reporte a autoridades y protocolos de gesti\u00f3n de incidentes que la ISO no incluye por defecto.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .faq-section {\r\n        background-color: #020617;\r\n        padding: 100px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        color: #fff;\r\n    }\r\n\r\n    .faq-container {\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .faq-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .faq-title {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .faq-title .accent { color: #f97316; }\r\n\r\n    .faq-subtitle {\r\n        color: #64748b;\r\n        font-size: 1.1rem;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .faq-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .faq-item {\r\n        background: rgba(15, 23, 42, 0.3);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .faq-trigger {\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 24px 30px;\r\n        background: transparent;\r\n        border: none;\r\n        color: #fff;\r\n        cursor: pointer;\r\n        text-align: left;\r\n    }\r\n\r\n    .faq-question {\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        letter-spacing: -0.5px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .faq-icon {\r\n        font-size: 0.9rem;\r\n        color: #64748b;\r\n        transition: transform 0.4s ease, color 0.4s ease;\r\n    }\r\n\r\n    \/* Animaci\u00f3n de apertura *\/\r\n    .faq-panel {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        background: rgba(2, 6, 23, 0.3);\r\n    }\r\n\r\n    .faq-content {\r\n        padding: 0 30px 30px;\r\n        color: #94a3b8;\r\n        line-height: 1.7;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Estados Activos *\/\r\n    .faq-item.active {\r\n        border-color: rgba(249, 115, 22, 0.4);\r\n        background: rgba(15, 23, 42, 0.6);\r\n    }\r\n\r\n    .faq-item.active .faq-icon {\r\n        transform: rotate(45deg);\r\n        color: #f97316;\r\n    }\r\n\r\n    .faq-item.active .faq-panel {\r\n        max-height: 200px; \/* Ajustar seg\u00fan necesidad *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.querySelectorAll('.faq-trigger').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const item = button.parentElement;\r\n            \r\n            \/\/ Cerrar otros si se desea (opcional)\r\n            \/\/ document.querySelectorAll('.faq-item').forEach(otherItem => {\r\n            \/\/     if (otherItem !== item) otherItem.classList.remove('active');\r\n            \/\/ });\r\n\r\n            item.classList.toggle('active');\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0889214 e-flex e-con-boxed e-con e-parent\" data-id=\"0889214\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be0a151 elementor-widget elementor-widget-html\" data-id=\"be0a151\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bomontec-benefits\">\r\n  <style>\r\n    .bomontec-benefits {\r\n      --primary: #ff4d2a;\r\n      --bg: #020617;\r\n      --card: rgba(15, 23, 42, 0.6);\r\n      --border: rgba(255, 255, 255, 0.08);\r\n      max-width: 1200px;\r\n      margin: 80px auto;\r\n      padding: 0 20px;\r\n      font-family: 'Plus Jakarta Sans', sans-serif;\r\n      color: #fff;\r\n    }\r\n\r\n    .benefits-header {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .benefits-header h2 {\r\n      font-size: 2.8rem;\r\n      font-weight: 800;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .benefits-header h2 span {\r\n      background: linear-gradient(90deg, #ff4d2a, #ff7a1a);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .benefits-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .benefit-item {\r\n      background: var(--card);\r\n      border: 1px solid var(--border);\r\n      padding: 40px;\r\n      border-radius: 32px;\r\n      backdrop-filter: blur(10px);\r\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n\r\n    .benefit-item:hover {\r\n      border-color: var(--primary);\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 77, 42, 0.1);\r\n    }\r\n\r\n    .benefit-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      background: rgba(255, 77, 42, 0.1);\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--primary);\r\n      font-size: 20px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .benefit-item h3 {\r\n      font-size: 1.4rem;\r\n      font-weight: 700;\r\n      margin: 0;\r\n    }\r\n\r\n    .benefit-item p {\r\n      color: #94a3b8;\r\n      font-size: 0.95rem;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n\r\n    .benefit-item .step-tag {\r\n      position: absolute;\r\n      top: 30px;\r\n      right: 30px;\r\n      font-family: 'JetBrains Mono', monospace;\r\n      font-size: 10px;\r\n      color: var(--primary);\r\n      opacity: 0.5;\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n      .benefits-grid { grid-template-columns: 1fr; }\r\n      .benefits-header h2 { font-size: 2.2rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"benefits-header\">\r\n    <h2>Beneficios de centralizar <span>con nosotros<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"benefits-grid\">\r\n    <div class=\"benefit-item\">\r\n      <div class=\"step-tag\">01 \/ EFFICIENT<\/div>\r\n      <div class=\"benefit-icon\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Un \u00fanico responsable<\/h3>\r\n      <p>Gestionamos de principio a fin controles, documentaci\u00f3n y evidencias. Eliminamos la dispersi\u00f3n de proveedores y los agujeros de seguridad.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"benefit-item\">\r\n      <div class=\"step-tag\">02 \/ COMPLIANT<\/div>\r\n      <div class=\"benefit-icon\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Evidencias listas<\/h3>\r\n      <p>Pol\u00edticas, inventarios y an\u00e1lisis de riesgos siempre actualizados. Soporte documental robusto para cualquier inspecci\u00f3n ministerial o auditor\u00eda externa.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"benefit-item\">\r\n      <div class=\"step-tag\">03 \/ RESILIENT<\/div>\r\n      <div class=\"benefit-icon\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n      <\/div>\r\n      <h3>Menos riesgo real<\/h3>\r\n      <p>No solo cumplimos en papel: reducimos la superficie de ataque y tiempos de respuesta con implementaci\u00f3n activa de MFA, EDR y backups inmutables.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-541e084 elementor-widget elementor-widget-html\" data-id=\"541e084\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"final-commitment\">\r\n    <div class=\"container\">\r\n        <div class=\"commitment-card\">\r\n            \r\n            <div class=\"glow-orb orb-top\"><\/div>\r\n            <div class=\"glow-orb orb-bottom\"><\/div>\r\n            \r\n            <div class=\"dot-pattern\"><\/div>\r\n\r\n            <div class=\"commitment-content\">\r\n                \r\n                <div class=\"rocket-container\">\r\n                    <div class=\"rocket-glow\"><\/div>\r\n                    <i class=\"fas fa-rocket rocket-icon\"><\/i>\r\n                    <div class=\"rocket-trail\"><\/div>\r\n                <\/div>\r\n\r\n                <h2 class=\"commitment-title\">\r\n                    Compromiso con la <br>\r\n                    <span class=\"orange-text\">Resiliencia<\/span> Total\r\n                <\/h2>\r\n\r\n                <p class=\"commitment-p\">\r\n                    En <span class=\"bold-white\">Grupo Bomontec<\/span>, no solo auditamos sistemas; blindamos el futuro de las infraestructuras cr\u00edticas nacionales. Nuestra ingenier\u00eda garantiza una transici\u00f3n hacia el cumplimiento total de la normativa <span class=\"italic-white\">NIS2<\/span>.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-watermark\">BOMONTEC<\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .final-commitment {\r\n        background-color: #020617;\r\n        padding: 100px 0;\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .commitment-card {\r\n        position: relative;\r\n        background: rgba(15, 23, 42, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 60px;\r\n        padding: 80px 40px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        box-shadow: 0 40px 100px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* Efectos de Iluminaci\u00f3n *\/\r\n    .glow-orb {\r\n        position: absolute;\r\n        width: 400px;\r\n        height: 400px;\r\n        background: rgba(249, 115, 22, 0.08);\r\n        border-radius: 50%;\r\n        filter: blur(100px);\r\n        z-index: 1;\r\n    }\r\n    .orb-top { top: -200px; right: -100px; }\r\n    .orb-bottom { bottom: -200px; left: -100px; }\r\n\r\n    .dot-pattern {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0.15;\r\n        background-image: radial-gradient(#ea580c 1px, transparent 1px);\r\n        background-size: 50px 50px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Contenido *\/\r\n    .commitment-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Icono de Cohete y Animaci\u00f3n *\/\r\n    .rocket-container {\r\n        position: relative;\r\n        display: inline-block;\r\n        margin-bottom: 40px;\r\n    }\r\n    .rocket-icon {\r\n        font-size: 4rem;\r\n        color: #f97316;\r\n        transform: rotate(-45deg);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    .rocket-glow {\r\n        position: absolute;\r\n        inset: -20px;\r\n        background: #f97316;\r\n        filter: blur(30px);\r\n        opacity: 0.2;\r\n        border-radius: 50%;\r\n        animation: rocketPulse 4s infinite ease-in-out;\r\n    }\r\n    .rocket-trail {\r\n        position: absolute;\r\n        bottom: -40px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 2px;\r\n        height: 60px;\r\n        background: linear-gradient(to top, transparent, rgba(249, 115, 22, 0.5), transparent);\r\n    }\r\n\r\n    \/* Tipograf\u00eda *\/\r\n    .commitment-title {\r\n        font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n        font-weight: 900;\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        font-style: italic;\r\n        line-height: 0.95;\r\n        letter-spacing: -2px;\r\n        margin-bottom: 40px;\r\n    }\r\n    .orange-text { color: #f97316; }\r\n\r\n    .commitment-p {\r\n        font-size: clamp(1.1rem, 2vw, 1.8rem);\r\n        color: #94a3b8;\r\n        font-weight: 300;\r\n        line-height: 1.5;\r\n    }\r\n    .bold-white { color: #fff; font-weight: 800; }\r\n    .italic-white { color: #fff; font-style: italic; }\r\n\r\n    \/* Marca de Agua *\/\r\n    .brand-watermark {\r\n        margin-top: 60px;\r\n        text-align: center;\r\n        font-size: clamp(4rem, 15vw, 12rem);\r\n        font-weight: 900;\r\n        font-style: italic;\r\n        color: rgba(255, 255, 255, 0.03);\r\n        letter-spacing: -5px;\r\n        text-transform: uppercase;\r\n        user-select: none;\r\n        line-height: 1;\r\n    }\r\n\r\n    @keyframes rocketPulse {\r\n        0%, 100% { opacity: 0.2; transform: scale(1); }\r\n        50% { opacity: 0.4; transform: scale(1.3); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .commitment-card { border-radius: 40px; padding: 60px 20px; }\r\n        .commitment-title { margin-bottom: 30px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0442b3 elementor-widget elementor-widget-html\" data-id=\"f0442b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<head>\r\n  <script src=\"https:\/\/www.google.com\/recaptcha\/enterprise.js?render=6LcawIYsAAAAAI4inIZlA4k-teJu-aOj6HJKDm1U\"><\/script>\r\n  <!-- Your code -->\r\n<\/head>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grupo Bomontec Soluciones DE CIBERSEGURIDAD NIS2 Lideramos la transici\u00f3n hacia la resiliencia digital bajo el est\u00e1ndar europeo NIS2. Protegemos el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":50,"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/nis2.bomontec.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}