{"id":3107,"date":"2026-04-15T10:14:42","date_gmt":"2026-04-15T10:14:42","guid":{"rendered":"https:\/\/palegoldenrod-dugong-407562.hostingersite.com\/?page_id=3107"},"modified":"2026-04-17T07:47:04","modified_gmt":"2026-04-17T07:47:04","slug":"attack-surface-management-asm","status":"publish","type":"page","link":"https:\/\/nordsterntech.com\/en\/attack-surface-management-asm\/","title":{"rendered":"Attack Surface &amp; Exposure Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3107\" class=\"elementor elementor-3107\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7ca4f e-con-full e-flex sc_layouts_column_icons_position_left e-con e-parent\" data-id=\"6e7ca4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-9ccb8d4 e-con-full e-flex sc_layouts_column_icons_position_left animation_type_block elementor-invisible e-con e-child\" data-id=\"9ccb8d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;ta_fadeinup&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-793dabf sc_fly_static elementor-widget elementor-widget-html\" data-id=\"793dabf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\n     LANDING PAGE: ATTACK SURFACE MANAGEMENT (ASM) - ENGLISH\n     ========================================== -->\n\n<div class=\"ns-page-asm\">\n\n  <!-- FONDOS Y LUCES GLOBALES -->\n  <div class=\"ns-asm-bg-grid\"><\/div>\n  <div class=\"ns-global-glow ns-glow-blue\"><\/div>\n\n  <!-- ==========================================\n       1. HERO SECTION: EL RADAR EXTERNO\n       ========================================== -->\n  <section class=\"ns-hero-asm\">\n    <div class=\"ns-container ns-relative ns-z-10 ns-text-center\">\n      \n      <div class=\"ns-badge-asm ns-fade-in-up\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        <span>External Visibility | Active Prevention<\/span>\n      <\/div>\n\n      <h1 class=\"ns-hero-title ns-fade-in-up ns-delay-1\">\n        Attack Surface & <br class=\"ns-hidden-mobile\" \/>\n        <span class=\"ns-text-gradient-blue\">Exposure Management<\/span>\n      <\/h1>\n\n      <p class=\"ns-hero-subtitle ns-fade-in-up ns-delay-2\" style=\"color: #ffffff; font-weight: 600; margin-bottom: 15px;\">\n        Discover exactly how attackers view you from the outside.\n      <\/p>\n      <p class=\"ns-hero-subtitle ns-fade-in-up ns-delay-2\">\n        We continuously identify forgotten assets, credentials exposed on the Dark Web, and perimeter vulnerabilities before they can be exploited.\n      <\/p>\n\n      <!-- EFECTO VISUAL: RADAR GLOBAL (GLOBE SCAN) -->\n      <div class=\"ns-asm-globe-wrapper ns-fade-in-up ns-delay-3\">\n        <div class=\"ns-globe-core\">\n          <div class=\"ns-globe-grid\"><\/div>\n          <div class=\"ns-globe-scan\"><\/div>\n          \n          <!-- Nodos expuestos (Activos) -->\n          <div class=\"ns-exposed-node\" style=\"top: 20%; left: 30%; animation-delay: 0.5s;\"><span>Exposed IP<\/span><\/div>\n          <div class=\"ns-exposed-node\" style=\"top: 60%; left: 75%; animation-delay: 1.2s;\"><span>Credential<\/span><\/div>\n          <div class=\"ns-exposed-node\" style=\"top: 75%; left: 40%; animation-delay: 2.1s;\"><span>Subdomain<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-hero-buttons ns-fade-in-up ns-delay-4\">\n        <a href=\"\/en\/contact\/\" class=\"ns-btn-blue ns-glow-btn\">Analyze My Exposure<\/a>\n        <a href=\"#metodologia\" class=\"ns-btn-outline-blue\">See How It Works<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       2. EL PROBLEMA (SHADOW IT)\n       ========================================== -->\n  <section class=\"ns-section-asm ns-relative ns-z-10\" style=\"padding-top: 0;\">\n    <div class=\"ns-container\">\n      <div class=\"ns-stats-box-3d ns-fade-in-up ns-delay-4\">\n        <div class=\"ns-stats-header ns-text-center\">\n          <span class=\"ns-overline-blue\">The Risk of the Unseen<\/span>\n          <h2 style=\"font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 16px;\">You can't protect what you don't know you have<\/h2>\n          <p style=\"color: #cbd5e1; max-width: 800px; margin: 0 auto;\">\"Shadow IT\" (forgotten servers, exposed databases, legacy domains) is the favorite backdoor for cybercriminals. If you aren't monitoring it, they certainly are.<\/p>\n        <\/div>\n        \n        <div class=\"ns-stats-grid\">\n          <div class=\"ns-stat-item\">\n            <span class=\"ns-stat-number\">68%<\/span>\n            <span class=\"ns-stat-desc\">Of successful attacks begin with an <strong>unknown or unmanaged asset<\/strong> outside IT\u2019s radar.<\/span>\n          <\/div>\n          <div class=\"ns-stat-divider\"><\/div>\n          <div class=\"ns-stat-item\">\n            <span class=\"ns-stat-number\">24\/7<\/span>\n            <span class=\"ns-stat-desc\">Continuous monitoring. Your attack surface <strong>changes every single day<\/strong>.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       3. EL VALOR DE NEGOCIO (GRID 2x2)\n       ========================================== -->\n  <section id=\"metodologia\" class=\"ns-section-asm ns-bg-darker ns-relative ns-z-10\">\n    <div class=\"ns-container\">\n      \n      <div class=\"ns-section-header ns-text-center ns-fade-in-up\">\n        <span class=\"ns-overline-blue\">Management Methodology<\/span>\n        <h2>Take absolute control of your <br><span style=\"color: #fff;\">external digital footprint<\/span><\/h2>\n        <p>We map your entire digital ecosystem from an attacker's perspective, prioritizing real-world risks so your team knows exactly what to patch first.<\/p>\n      <\/div>\n\n      <div class=\"ns-grid-2x2 ns-fade-in-up ns-delay-1\">\n        \n        <!-- Bloque 1 -->\n        <div class=\"ns-bento-item ns-hover-lift\">\n          <div class=\"ns-bento-icon ns-icon-blue\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg>\n          <\/div>\n          <h3 class=\"ns-bento-title\">Continuous Discovery<\/h3>\n          <p class=\"ns-bento-desc\">We uncover domains, subdomains, IPs, code repositories, and cloud services associated with your brand that your IT team didn't even know existed.<\/p>\n        <\/div>\n\n        <!-- Bloque 2 -->\n        <div class=\"ns-bento-item ns-hover-lift\">\n          <div class=\"ns-bento-icon ns-icon-blue\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n          <\/div>\n          <h3 class=\"ns-bento-title\">Dark Web Intelligence<\/h3>\n          <p class=\"ns-bento-desc\">We monitor underground forums and dark markets for leaked employee credentials or mentions of your company before they are weaponized in an attack.<\/p>\n        <\/div>\n\n        <!-- Bloque 3 -->\n        <div class=\"ns-bento-item ns-hover-lift\">\n          <div class=\"ns-bento-icon ns-icon-blue\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg>\n          <\/div>\n          <h3 class=\"ns-bento-title\">Real-Risk Prioritization<\/h3>\n          <p class=\"ns-bento-desc\">We don't flood you with thousands of irrelevant alerts. We filter the noise and highlight only the vulnerabilities that have an active public exploit and present an imminent threat.<\/p>\n        <\/div>\n\n        <!-- Bloque 4 -->\n        <div class=\"ns-bento-item ns-hover-lift ns-border-neon-blue\">\n          <div class=\"ns-bento-icon ns-icon-blue\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"ns-bento-title\">Exposure Reduction<\/h3>\n          <p class=\"ns-bento-desc\">We provide the context and exact recommendations required to close open ports, decommission legacy domains, and revoke credentials, drastically shrinking your attack surface.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       4. CAPACIDADES T\u00c9CNICAS (GRID 2x2)\n       ========================================== -->\n  <section class=\"ns-section-asm ns-relative ns-z-10\">\n    <div class=\"ns-container\">\n      \n      <div class=\"ns-section-header ns-text-center ns-fade-in-up\">\n        <span class=\"ns-overline-blue\">Core Capabilities<\/span>\n        <h2>The radar of our <br><span style=\"color: #fff;\">intelligence team<\/span><\/h2>\n        <p>We utilize elite global scanning technology combined with manual validation by our analysts to guarantee zero false positives.<\/p>\n      <\/div>\n\n      <div class=\"ns-grid-2x2 ns-fade-in-up ns-delay-1\">\n        \n        <div class=\"ns-bento-card ns-hover-lift\">\n          <h3 class=\"ns-card-title\">External Asset Mapping<\/h3>\n          <p class=\"ns-card-text\">Dynamic inventory of your public infrastructure: expired SSL certificates, open RDP\/SSH ports, and highly sensitive internet-exposed databases.<\/p>\n        <\/div>\n\n        <div class=\"ns-bento-card ns-hover-lift\">\n          <h3 class=\"ns-card-title\">Data Leak Monitoring<\/h3>\n          <p class=\"ns-card-text\">Detection of source code exposed on GitHub, confidential documents left in public repositories, or misconfigured AWS S3 buckets.<\/p>\n        <\/div>\n\n        <div class=\"ns-bento-card ns-hover-lift\">\n          <h3 class=\"ns-card-title\">Third-Party Risk (Supply Chain)<\/h3>\n          <p class=\"ns-card-text\">We aggressively assess the external security posture of your critical vendors. If they experience a breach, you could easily be next.<\/p>\n        <\/div>\n\n        <div class=\"ns-bento-card ns-hover-lift ns-card-highlight\">\n          <h3 class=\"ns-card-title\" style=\"color: #3b82f6;\">DFIR Integration<\/h3>\n          <p class=\"ns-card-text\">If we detect that a leaked credential is functioning and being used to access your systems, we seamlessly and immediately trigger the containment protocol.<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       5. CTA FINAL\n       ========================================== -->\n  <section class=\"ns-section-asm ns-bg-darker ns-relative ns-z-10\">\n    <div class=\"ns-container\">\n      \n      <div class=\"ns-cta-box-3d ns-fade-in-up ns-delay-2\">\n        <div class=\"ns-cta-glow-blue\"><\/div>\n        <h2 class=\"ns-cta-title\">Close the doors before they try to open them<\/h2>\n        <p class=\"ns-cta-desc\">\n          Stay one step ahead of the attackers. Discover your true level of exposure today and eliminate the blind spots severely impacting your infrastructure.\n        <\/p>\n        <div class=\"ns-hero-buttons\">\n          <a href=\"\/en\/contact\/\" class=\"ns-btn-blue ns-glow-btn\">Request an Exposure Analysis<\/a>\n          <a href=\"\/en\/security-arsenal\/\" class=\"ns-btn-outline-blue\">View Entire Ecosystem<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- ==========================================\n     ESTILOS CSS: ATTACK SURFACE MANAGEMENT\n     ========================================== -->\n<style>\n  \/* --- RESET FULL WIDTH --- *\/\n  .ns-page-asm {\n    --theme-color: #3b82f6; \/* Neon Blue *\/\n    --theme-glow: rgba(59, 130, 246, 0.15);\n    --theme-glow-strong: rgba(59, 130, 246, 0.4);\n    \n    width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\n    font-family: 'Inter', sans-serif; background-color: #020617; color: #f8fafc; line-height: 1.6; overflow-x: hidden;\n  }\n  .ns-page-asm * { box-sizing: border-box; }\n\n  \/* --- FONDOS Y LUCES --- *\/\n  .ns-asm-bg-grid { position: absolute; inset: 0; z-index: 0; opacity: 0.04; pointer-events: none; background-image: linear-gradient(rgba(59, 130, 246, 0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.5) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse 100% 100% at top center, black 20%, transparent 80%); -webkit-mask-image: radial-gradient(ellipse 100% 100% at top center, black 20%, transparent 80%); }\n  .ns-global-glow { position: absolute; pointer-events: none; z-index: 0; border-radius: 50%; filter: blur(150px); }\n  .ns-glow-blue { top: -10%; left: 50%; transform: translateX(-50%); width: 80vw; height: 60vh; background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 60%); }\n\n  \/* --- UTILS --- *\/\n  .ns-container { width: 100%; max-width: 1200px; margin: 0 auto !important; padding: 0 5vw !important; position: relative; z-index: 10; }\n  .ns-relative { position: relative; }\n  .ns-z-10 { z-index: 10; }\n  .ns-text-center { text-align: center !important; }\n  .ns-hidden-mobile { display: none; }\n  @media (min-width: 768px) { .ns-hidden-mobile { display: block; } }\n  .ns-bg-darker { background-color: rgba(0,0,0,0.4); border-top: 1px solid rgba(59, 130, 246, 0.1); border-bottom: 1px solid rgba(59, 130, 246, 0.1); box-shadow: inset 0 0 100px rgba(0,0,0,0.8); }\n\n  \/* --- 1. HERO --- *\/\n  .ns-hero-asm { padding: 160px 0 100px 0; border-bottom: 1px solid rgba(59, 130, 246, 0.2); }\n  \n  .ns-badge-asm { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #60a5fa; margin-bottom: 24px; background: rgba(59, 130, 246, 0.1); padding: 8px 20px; border-radius: 30px; border: 1px solid rgba(59, 130, 246, 0.3); box-shadow: 0 0 20px rgba(59, 130, 246, 0.1); backdrop-filter: blur(10px); }\n  \n  .ns-hero-title { font-size: clamp(40px, 6vw, 64px); font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 24px; color: #ffffff; text-shadow: 0 10px 30px rgba(0,0,0,0.5); }\n  .ns-text-gradient-blue { background: linear-gradient(to right, #ffffff, #60a5fa, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n  .ns-hero-subtitle { font-size: 18px; color: #cbd5e1; margin-bottom: 40px; line-height: 1.6; max-width: 800px; margin-left: auto; margin-right: auto; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }\n\n  \/* Efecto Visual: Globo \/ Radar *\/\n  .ns-asm-globe-wrapper { position: relative; width: 260px; height: 260px; margin: 0 auto 60px auto; display: flex; align-items: center; justify-content: center; }\n  .ns-globe-core { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(30, 58, 138, 0.8), rgba(2, 6, 23, 0.9)); border: 1px solid rgba(59, 130, 246, 0.4); position: relative; overflow: hidden; box-shadow: 0 0 50px rgba(59, 130, 246, 0.3), inset -20px -20px 40px rgba(0,0,0,0.8); }\n  \n  .ns-globe-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(59, 130, 246, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.3) 1px, transparent 1px); background-size: 20px 20px; border-radius: 50%; transform: rotateX(60deg) scale(1.5); animation: globeRotate 20s linear infinite; }\n  \n  .ns-globe-scan { position: absolute; top: 0; left: 0; width: 100%; height: 20%; background: linear-gradient(to bottom, transparent, rgba(59, 130, 246, 0.8), transparent); animation: scanDown 3s ease-in-out infinite alternate; }\n  \n  .ns-exposed-node { position: absolute; width: 8px; height: 8px; background: #ef4444; border-radius: 50%; box-shadow: 0 0 10px #ef4444; opacity: 0; animation: pulseNode 3s infinite; }\n  .ns-exposed-node span { position: absolute; left: 15px; top: -5px; font-size: 10px; font-family: monospace; color: #ef4444; white-space: nowrap; background: rgba(0,0,0,0.8); padding: 2px 6px; border-radius: 4px; border: 1px solid #ef4444; }\n\n  @keyframes globeRotate { 100% { background-position: 0 200px; } }\n  @keyframes scanDown { 0% { top: -20%; } 100% { top: 100%; } }\n  @keyframes pulseNode { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.5); } }\n\n  \/* Botones Hero *\/\n  .ns-hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n  .ns-btn-blue { background: var(--theme-color); color: #ffffff; padding: 16px 32px; border-radius: 30px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all 0.3s; border: 1px solid #60a5fa; box-shadow: 0 0 20px var(--theme-glow-strong), inset 0 2px 0 rgba(255,255,255,0.4); position: relative; overflow: hidden; }\n  .ns-btn-blue:hover { background: #2563eb; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(59, 130, 246, 0.6), inset 0 2px 0 rgba(255,255,255,0.4); }\n  .ns-glow-btn::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent); transform: rotate(45deg) translateY(-100%); animation: btnSweep 3s infinite; }\n  @keyframes btnSweep { 0% { transform: rotate(45deg) translateY(-100%); } 20% { transform: rotate(45deg) translateY(100%); } 100% { transform: rotate(45deg) translateY(100%); } }\n  \n  .ns-btn-outline-blue { background: rgba(15, 23, 42, 0.6); color: #ffffff; border: 1px solid var(--theme-glow-strong); padding: 16px 32px; border-radius: 30px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all 0.3s; backdrop-filter: blur(10px); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }\n  .ns-btn-outline-blue:hover { background: var(--theme-glow); border-color: var(--theme-color); transform: translateY(-3px); }\n\n  \/* --- HEADERS DE SECCI\u00d3N --- *\/\n  .ns-section-asm { padding: 120px 0; }\n  .ns-section-header { margin-bottom: 60px; }\n  .ns-overline-blue { display: inline-block; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: #60a5fa; margin-bottom: 16px; }\n  .ns-section-header h2 { font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: var(--theme-color); margin-bottom: 20px; letter-spacing: -0.02em; }\n  .ns-section-header p { font-size: 18px; color: #94a3b8; max-width: 800px; margin: 0 auto; line-height: 1.6; }\n\n  \/* --- 2. ESTAD\u00cdSTICAS (3D BOX) --- *\/\n  .ns-stats-box-3d { background: linear-gradient(180deg, rgba(15, 25, 45, 0.8) 0%, rgba(5, 10, 20, 0.9) 100%); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 60px; box-shadow: 0 20px 50px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1); transform: translateY(-40px); position: relative; z-index: 20; backdrop-filter: blur(10px); }\n  .ns-stats-header { margin-bottom: 50px; }\n  \n  .ns-stats-grid { display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: space-around; max-width: 800px; margin: 0 auto; }\n  @media (min-width: 768px) { .ns-stats-grid { flex-direction: row; align-items: flex-start; } }\n  \n  .ns-stat-item { text-align: center; flex: 1; }\n  .ns-stat-number { display: block; font-size: 56px; font-weight: 900; color: #60a5fa; line-height: 1; margin-bottom: 16px; text-shadow: 0 0 20px rgba(59, 130, 246, 0.4); }\n  .ns-stat-desc { font-size: 15px; color: #cbd5e1; display: block; max-width: 250px; margin: 0 auto; line-height: 1.5; }\n  .ns-stat-desc strong { color: #ffffff; }\n  \n  .ns-stat-divider { width: 100%; height: 1px; background: rgba(255,255,255,0.1); }\n  @media (min-width: 768px) { .ns-stat-divider { width: 1px; height: 100px; } }\n\n  \/* --- 3. DIFERENCIADORES (GRID 2x2) --- *\/\n  .ns-grid-2x2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1000px; margin: 0 auto; }\n  @media (min-width: 768px) { .ns-grid-2x2 { grid-template-columns: repeat(2, 1fr); } }\n\n  .ns-bento-item { background: linear-gradient(145deg, rgba(15,25,45,0.6) 0%, rgba(10,15,25,0.8) 100%); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 15px 35px rgba(0,0,0,0.3); }\n  .ns-hover-lift:hover { transform: translateY(-10px) scale(1.02); border-color: var(--theme-glow-strong); box-shadow: 0 30px 60px rgba(0,0,0,0.7), 0 0 30px var(--theme-glow), inset 0 1px 0 rgba(255,255,255,0.2); z-index: 10; }\n  \n  .ns-border-neon-blue { border-color: var(--theme-glow-strong); background: linear-gradient(145deg, rgba(15,35,65,0.6) 0%, rgba(10,15,25,0.8) 100%); }\n\n  .ns-bento-icon { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; border: 1px solid rgba(59, 130, 246, 0.2); box-shadow: inset 0 2px 10px rgba(255,255,255,0.1); }\n  .ns-bento-icon svg { width: 28px; height: 28px; }\n  .ns-icon-blue { background: var(--theme-glow); color: #60a5fa; }\n\n  .ns-bento-title { font-size: 22px; font-weight: 800; color: #ffffff; margin-bottom: 16px; line-height: 1.3; }\n  .ns-bento-desc { font-size: 15px; color: #cbd5e1; line-height: 1.6; margin: 0; }\n\n  \/* --- 4. CAPACIDADES T\u00c9CNICAS (4 BLOQUES) --- *\/\n  .ns-bento-card { background: linear-gradient(160deg, rgba(20, 25, 40, 0.6) 0%, rgba(10, 15, 25, 0.8) 100%); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.3); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n  .ns-card-highlight { border-color: var(--theme-glow-strong); background: linear-gradient(160deg, rgba(10, 30, 60, 0.4) 0%, rgba(10, 15, 25, 0.8) 100%); }\n  \n  .ns-card-title { font-size: 18px; font-weight: 800; color: #ffffff; margin-bottom: 16px; line-height: 1.3; }\n  .ns-card-text { font-size: 14px; color: #94a3b8; line-height: 1.6; margin: 0; }\n\n  \/* --- 5. CTA FINAL --- *\/\n  .ns-cta-box-3d { position: relative; background: linear-gradient(180deg, rgba(10, 30, 60, 0.4) 0%, rgba(5, 5, 5, 0.9) 100%); border: 1px solid var(--theme-glow-strong); border-radius: 24px; padding: 80px 40px; text-align: center; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5); max-width: 1000px; margin: 0 auto; }\n  .ns-cta-glow-blue { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 2px; background: linear-gradient(90deg, transparent, var(--theme-color), #bfdbfe, var(--theme-color), transparent); box-shadow: 0 0 30px var(--theme-color), 0 0 60px var(--theme-color); }\n  .ns-cta-title { font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: #ffffff; margin-bottom: 20px; position: relative; z-index: 1; line-height: 1.2; }\n  .ns-cta-desc { font-size: 18px; color: #cbd5e1; margin-bottom: 40px; position: relative; z-index: 1; line-height: 1.6; max-width: 800px; margin-left: auto; margin-right: auto; }\n\n  \/* Animaciones Generales *\/\n  @keyframes nsFadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n  .ns-fade-in-up { opacity: 0; animation: nsFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n  .ns-delay-1 { animation-delay: 0.1s; }\n  .ns-delay-2 { animation-delay: 0.2s; }\n  .ns-delay-3 { animation-delay: 0.3s; }\n  .ns-delay-4 { animation-delay: 0.4s; }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .ns-hero-asm { padding: 120px 20px 80px 20px; }\n    .ns-stats-box-3d { padding: 40px 20px; transform: translateY(-20px); }\n    .ns-hero-buttons { justify-content: center; }\n    .ns-cta-box-3d { padding: 50px 20px; }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75ac22a7 e-flex e-con-boxed sc_layouts_column_icons_position_left e-con e-child\" data-id=\"75ac22a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-42abce21 e-con-full e-flex sc_layouts_column_icons_position_left animation_type_block elementor-invisible e-con e-child\" data-id=\"42abce21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;ta_fadeinup&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-613bcfe6 elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-heading\" data-id=\"613bcfe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfTienes dudas? \u00a1Hablemos!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bef3dd7 sc_fly_static elementor-widget elementor-widget-metform\" data-id=\"3bef3dd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-25\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"25\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-3bef3dd7-25\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"25\"\r\n\t\t\tdata-action=\"https:\/\/nordsterntech.com\/en\/wp-json\/metform\/v1\/entries\/insert\/25\"\r\n\t\t\tdata-wp-nonce=\"c786bf8a32\"\r\n\t\t\tdata-form-nonce=\"38e70b669d\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-25\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"25\" className=\"elementor elementor-25\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-7c2ddd2 e-con-full e-flex sc_layouts_column_icons_position_left e-con e-parent\" data-id=\"7c2ddd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-bae155d sc_fly_static elementor-widget elementor-widget-mf-text\" data-id=\"bae155d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-bae155d\"\r\n\t\t\t\tname=\"mf-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Name`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d2964a2 sc_fly_static elementor-widget elementor-widget-mf-email\" data-id=\"d2964a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-d2964a2\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`E.mail`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-3f500ea sc_fly_static elementor-widget elementor-widget-mf-text\" data-id=\"3f500ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-subject&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-3f500ea\"\r\n\t\t\t\tname=\"mf-subject\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Subject`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-subject'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-subject\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-16976df sc_fly_static elementor-widget elementor-widget-mf-textarea\" data-id=\"16976df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-message&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-16976df\"\r\n\t\t\t\tname=\"mf-message\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Tell us how we can help you`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-message'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-message\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-9558cf7 sc_fly_static elementor-widget elementor-widget-mf-gdpr-consent\" data-id=\"9558cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-gdpr-consent&quot;}\" data-widget_type=\"mf-gdpr-consent.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t<div className=\"mf-checkbox multi-option-input-type\" id=\"mf-input-gdpr-9558cf7\">\n\t\t\t\t<div className=\"mf-checkbox-option\">\n\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-checkbox-input \"\n\t\t\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${ parent.handleOptin }\n\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-gdpr-consent'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tI agree to have my data processed according to the <a>Privacy Policy<\/a>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-d826ceb mf-btn--justify mf-btn--tablet-justify mf-btn--mobile-justify sc_fly_static elementor-widget elementor-widget-mf-button\" data-id=\"d826ceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\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>External Visibility | Active Prevention Attack Surface &#038; Exposure Management Discover exactly how&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/3107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/comments?post=3107"}],"version-history":[{"count":8,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/3107\/revisions"}],"predecessor-version":[{"id":3221,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/3107\/revisions\/3221"}],"wp:attachment":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/media?parent=3107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}