<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>GLADIUS | Bachillerato para Soldados de Colombia</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="GLADIUS ofrece programas de bachillerato flexibles para soldados del Ejército Nacional de Colombia. Educación compatible con el servicio militar.">
<meta name="robots" content="index, follow">

encabezado {
fondo: gradiente lineal (135 grados, #0b3d2e, #1a5c43);
color: #ffffff;
relleno: 80px 20px;
alineación del texto: centro;
}

encabezado h1 {
tamaño de fuente: 2.5rem;
margen inferior: 10px;
}

encabezado p {
tamaño de fuente: 1.2rem;
ancho máximo: 700px;
margen: automático;
}

sección {
relleno: 60px 20px;
ancho máximo: 1100px;
margen: automático;
}

h2 {
color: #0b3d2e;
margen inferior: 20px;
tamaño de fuente: 2rem;
}

.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
}

.card {
borde: 1px sólido #e5e7eb;
radio del borde: 10px;
relleno: 25px;
fondo: #f9fafb;
}

.card h3 {
margen superior: 0;
color: #1f2933;
}

.cta {
color de fondo: #0b3d2e;
color: blanco;
alineación del texto: centro;
relleno: 60px 20px;
}

.cta h2 {
color: blanco;
}

.cta a {
display: inline-block;
margin-top: 20px;
padding: 14px 30px;
background-color: #ffffff;
color: #0b3d2e;
text-decoration: none;
font-weight: bold;
border-radius: 30px;
}

pie de página {
color de fondo: #111827;
color: #9ca3af;
alineación del texto: centro;
relleno: 20px;
tamaño de fuente: 14px;
}

img {
ancho: 100%;
radio del borde: 10px;
}
</style>
</head>

<header>
<h1>GLADIUS</h1>
<p>Programas de Bachillerato Académico para Soldados del Ejército Nacional de Colombia</p>
</header>

<section>
<h2>¿Quiénes Somos?</h2>
<p>
GLADIUS es una plataforma educativa enfocada en brindar oportunidades reales de formación académica
a soldados del Ejército Nacional de Colombia que desean culminar su bachillerato sin afectar su servicio.
</p>
</section>

<section>
<h2>Nuestros Programas</h2>
<div class="grid">
<div class="card">
<h3>Bachillerato por Ciclos</h3>
<p>Avanza de manera flexible y organizada según tu disponibilidad dentro del servicio militar.</p>
</div>
<div class="card">
<h3>Modalidad Flexible</h3>
<p>Estudia desde cualquier unidad militar o región del país.</p>
</div>
<div class="card">
<h3>Material Académico</h3>
<p>Cartillas y acompañamiento educativo durante todo el proceso.</p>
</div>
</div>
</section>

<section>
<h2>¿A Quién Va Dirigido?</h2>
<div class="grid">
<div class="card">
<p>✔ Soldados 18</p>
<p>✔ Soldados Profesionales</p>
<p>✔ Personal activo sin bachillerato culminado</p>
</div>
<div class="card">
<p>
Programas diseñados para adaptarse a la disciplina,
horarios y responsabilidades propias del Ejército Nacional.
</p>
</div>
</div>
</section>

<section class="cta">
<h2>Da el paso hacia tu futuro académico</h2>
<p>La educación también es parte del servicio a la patria.</p>
<a href="https://wa.me/573228000440" target="_blank">Solicitar Información</a>
</section>

</cuerpo>
</html>