<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Mi Primera Página Web</title>
  <style>
    body { font-family: Arial, sans-serif; padding: 25px; line-height: 1.6; background: #f8fafc; }
    .tarjeta { background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 22px; max-width: 500px; }
  </style>
</head>
<body>

  <div class="tarjeta">
    <h1 style="color: #0f172a; margin-top: 0;">¡Hola Mundo!</h1>
    <p>Bienvenido al editor interactivo de <strong>Kilopolis Academia</strong>.</p>
    <button onclick="alert('¡Has interactuado con HTML5!')" style="background: #0284c7; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-weight: bold;">
      Probar Botón &raquo;
    </button>
  </div>

</body>
</html>