AmazonS3
tcp/443
CloudFront
tcp/80
Open service 18.239.69.8:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Fri, 02 Jan 2026 06:05:34 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 0f0656e015969f214cbb02d6f2a23f6a.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: AMS58-P4
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: qCwQCgiiXMLzs4X2dlr-yOBf1Wv0MtXKb95n3o6AA581wbzhY3ccJA==
Age: 815297
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:c00:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 5335ce80c0b9264bc591cce2c73bef5e.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: rDT2m2EOteTnuC70MNcr9Bmf8v_FH_d1k7eCcOiCe7AKku1KuS4Thw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:b600:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 5335ce80c0b9264bc591cce2c73bef5e.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: OAg0uK41IqE0yScGrx9WdhZaWGEEjeJMUCRCiskjJFTj23f4d6Z5Mg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:cc00:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 08144b62d8ba59c510ae7682981f36c0.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: uumA_LoQLyq4J5EzLctoIaHpX9Fj7AAlO_kN9aE15k6wcBv7a0PNMg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:7200:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 6c21a88f98dc05bf345d31b96407e6d0.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: IQMcxGD61zLOvSI9vIW2Z7ZDgzfYdwQXYps6TPqW2Wv_YhENiju4tQ== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:c00:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 9938d2bc2f9fab06207e42238c10bb32.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: xQDV0PM0-bDo-ueAaJWyvrUhL0Wubinmra3z9hVPL7_w4p1VcrenGg==
Age: 3884171
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:1200:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 ad3a844607df41a7152eab5ebe6e4056.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: rjEeKAMDp9o29NoB-hjvZHqZhlYhEIUNbAUp59FuOmlr_wzG2rBR1A== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 18.239.69.48:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Fri, 02 Jan 2026 06:05:34 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 5869d8337913ed7453262c3cf9c9a9e6.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: AMS58-P4
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: 7cKRuuzKReBjNhLuKXhCKxM34bUJd7Ji2_U7R4ZCewbEWe0YwdwqqA==
Age: 815298
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 18.239.69.29:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Fri, 02 Jan 2026 06:05:34 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 38ff23673937c3eba42a4eefb2007078.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: AMS58-P4
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: TdWwl124pFeif7cFQTkmFb4EM_d9tDHlU6txboWcdzuwrpSMBQM4VQ==
Age: 815297
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:3600:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 aa6c36522a23788dfef1fae9af9fd5e0.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: MbKeclkk6ib3Zj9Pa2mkl67i_XZ0KfVQA8b9i_sXvsSr3yY7T-PwkQ==
Age: 3884171
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:b600:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 3d95fd99ed5f07db9d464a35af433056.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: rUzFDUizgmJG4-9cuhnM7yUKU5W5c1HyyyeOO3UdCXTYSU5TPX8U3A==
Age: 3884172
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:e000:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 c5b802393a68d17f06973bb92695544a.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: 7jeWyhG3WrjQtSzcagOIOi8xM4RU-1ICg9QsjLzG_BpjrQ8nqUAMiw==
Age: 3884172
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:7200:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 79d85d2de1f5aa38558ef6bab6274390.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: iRg-qWEL2Y_ogg_yePsISJyOpJREbLgvQdExd6H8xwaz67vj2JT_SA==
Age: 3884171
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 18.239.69.29:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 e2415f0dddb9778029172ab73eec1388.cloudfront.net (CloudFront) X-Amz-Cf-Pop: AMS58-P4 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: OhvEc9sLapM_Ngqs0Smf3Dh3NPYsYV5unAXG9eqtkGm8HbPPWpO0jQ== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 18.239.69.48:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 36f7726d79b9a22a1e91ae6451962028.cloudfront.net (CloudFront) X-Amz-Cf-Pop: AMS58-P4 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: Vy0OaJ9_GjGmu_hW_Zud1mBa1dKoECcnOqjuWhe7M5rJpENrEGaecw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:cc00:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 79d85d2de1f5aa38558ef6bab6274390.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: NE0zlCHG9f3DJg_YZduSo2YmyXlQFCZRg8-96MVrE0KDksKVbhkwBA==
Age: 3884171
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:f800:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 129f13101f12370407d42127c62b1bd8.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: D44x1RBMJcWae5mbRfLKF0AN5Yx7b2PYzYqFi0lWv07KObSpZgJdXg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:e000:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 ad3a844607df41a7152eab5ebe6e4056.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: qmn3cpmSa-wX4ut2JKrjE3WXT7Qz6TTXl6MmSejnJyQOOtABzGJYjw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 18.239.69.12:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Fri, 02 Jan 2026 06:05:34 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 033f456f54ceb7135f57b018b334dfdc.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: AMS58-P4
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: zK8GCR5Gox9EBwqFOjV2t7mQErt0MtwUDxv6LKVUUiG8symJC1Rnlg==
Age: 815297
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:3600:b:744e:ad00:93a1:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 f0393fc6725f4d719cff14263a50d286.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA56-P9 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: HPCHechp207zV5irqLEyce8NUw7PKxWyebW-wZiSU6QAfGLgfG4HHw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 18.239.69.8:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:52 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 391671221007e4a70643cc0de549779c.cloudfront.net (CloudFront) X-Amz-Cf-Pop: AMS58-P4 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: C9kb4ZS_0TwhWU9_IKyTiYbBDLLzrl0KkAeFu9_BlGLmBTWNdd3U-Q== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:2670:1200:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 e47c87f8fd9c4c08ac7559d0bcc2b4c2.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: v3-JEICkn5Y6zNpqd05lyu4pJRYNe3qa-LljzWOX7wv4vORrXOljpw==
Age: 3884172
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 2600:9000:2670:f800:b:744e:ad00:93a1:443 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11791
Connection: close
Date: Thu, 27 Nov 2025 17:37:40 GMT
Cache-Control: public, max-age=0, s-maxage=31536000
Server: AmazonS3
Accept-Ranges: bytes
ETag: "a88557487c12140db3a6c23ff78a10ed"
Last-Modified: Wed, 16 Jul 2025 14:09:38 GMT
X-Cache: Hit from cloudfront
Via: 1.1 ca751e0315de05e656597e32136af94e.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P9
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: GkxOZswzCMk1dgsmxbSkh4jjbwyXQot2bfH_CJfvobPwySoT9xIDgQ==
Age: 3884171
Page title: RedFlag SO - Consultoría en Ciberseguridad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RedFlag SO - Consultoría en Ciberseguridad</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@latest/dist/tailwind.min.css" rel="stylesheet">
<style>
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.text-gradient {
background: linear-gradient(to bottom, #e53935, #5b1d2c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 8px;
}
.perspective { perspective: 1500px; }
.carousel-3d-track {
position: relative;
width: 100%;
height: 500px;
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
touch-action: pan-y;
}
.carousel-3d-slide {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
transform-style: preserve-3d;
transition: transform 0.8s ease, opacity 0.8s ease;
}
.metodologia-number {
z-index: 0;
}
.metodologia-title {
position: relative;
z-index: 1;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.with-fixed-header {
padding-top: 80px;
}
</style>
</head>
<body class="bg-gray-800 text-gray-200 with-fixed-header">
<header class="bg-gray-800 text-white shadow-md fixed-header">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<img src="images/logo.png" alt="Logo" class="h-16 w-auto">
</div>
<nav class="hidden md:flex space-x-6 text-sm" id="menuLinks">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</nav>
<button class="md:hidden" id="menuBtn">
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</button>
</div>
<div id="mobileOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden z-40"></div>
<div id="mobileMenu" class="fixed top-0 left-0 w-64 h-full bg-gray-900 bg-opacity-95 transform -translate-x-full transition-transform duration-300 z-50">
<div class="flex flex-col space-y-4 p-6">
<a href="#inicio" class="hover:text-red-700">Inicio</a>
<a href="#servicios" class="hover:text-red-700">Servicios</a>
<a href="#metodologia" class="hover:text-red-700">Metodología</a>
<a href="#nosotros" class="hover:text-red-700">Nosotros</a>
<a href="#contacto" class="hover:text-red-700">Contacto</a>
</div>
</div>
</header>
<section id="inicio" class="py-40 flex flex-col items-center justify-center text-center bg-gray-900 px-4">
<h2 class="text-5xl md:text-7xl font-extrabold leading-tight text-gradient">Red Flag SecOps</h2>
<p class="text-2xl font-medium text-gray-400 mt-4">Probamos tu seguridad antes de que alguien más lo haga</p>
<p class="text-xl mt-4 text-gray-400 max-w-2xl">Nuestra misión es darte visibilidad, control y confianza sobre tu infraestructura crítica antes de que una amenaza se materialice.</p>
<a href="#contacto" class="mt-8 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out">Solicitar asesoría</a>
</section>
<section id="servicios" class="py-16 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 text-center">
<h3 class="text-3xl font-semibold mb-6 text-gradient">Servicios</h3>
<div class="relative overflow-visible perspective bg-gray-800 py-6">
<div id="carouselTrack3D" class="carousel-3d-track">
<div class="carousel-3d-slide cursor-pointer" data-index="0">
<div class="bg-gray-700 rounded-lg shadow-md p-4 w-80 h-[380px] flex flex-col justify-center text-center">
<h4 class
Open service 18.239.69.12:80 · redflag-so.com
2026-01-11 16:33
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Sun, 11 Jan 2026 16:33:51 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://redflag-so.com/ X-Cache: Redirect from cloudfront Via: 1.1 13676fca7076b460ad3ad018e40a51da.cloudfront.net (CloudFront) X-Amz-Cf-Pop: AMS58-P4 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: 59Cek5_CPoRv9AsmhJ3eluIVPc-UjAPAIUL5HW2Wd_j0_Xyp0Uw3qg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
18.239.69.8 1 2600:9000:2670:c00:b:744e:ad00:93a1 1 2600:9000:2670:b600:b:744e:ad00:93a1 1 2600:9000:2670:cc00:b:744e:ad00:93a1 1 2600:9000:2670:7200:b:744e:ad00:93a1 1 2600:9000:2670:1200:b:744e:ad00:93a1 1 18.239.69.48 1 18.239.69.29 1 2600:9000:2670:3600:b:744e:ad00:93a1 1 2600:9000:2670:e000:b:744e:ad00:93a1 1 2600:9000:2670:f800:b:744e:ad00:93a1 1 18.239.69.12 1