<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Únete a Super Penguin, el divertido juego multijugador de pingüinos. Personaliza tu personaje, gana monedas, haz amigos y participa en la alpha cerrada. ¡Es gratis!">
<meta name="author" content="Super Penguin Team">
<meta property="og:title" content="Juega Gratis a Super Penguin | Personaliza tu pingüino y socializa">
<meta property="og:description"
content="Personaliza a tu pingüino, juega mini-juegos, haz amigos, ¡todo es posible en Super Penguin!">
<title>Juega Gratis a Super Penguin | Personaliza tu pingüino y socializa</title>
<link rel="icon" href="https://media.superpenguin.net/global/web/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1242620964145750"
crossorigin="anonymous"></script>
<style>
html,
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #22a4f3;
color: white;
font-family: 'Roboto', sans-serif;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}
.navbar {
background-color: #004080;
}
.navbar .container {
padding: 0;
margin: auto;
}
.footer-link {
font-size: 0.875rem;
}
footer {
width: 100vw;
padding: 20px;
background-color: #004080;
color: white;
margin: 0;
text-align: center;
}
footer p {
margin: 0;
}
.btn-jugar {
background-color: #FF9B69;
color: white;
font-weight: bold;
border-radius: 14px;
border: 2px solid #95432d;
box-shadow: inset 0 3px #ffc36d, inset 0 -3px #ed7238;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-jugar:hover {
background-color: #ffc36d;
color: white;
transform: scale(1.05);
box-shadow: none;
}
.btn-jugar:active {
transform: scale(0.95);
background-color: #ed7238;
}
.container {
max-width: 1100px;
margin: auto;
}
@media (min-width: 1024px) {
.navbar .container {
max-width: 1100px;
}
.navbar-brand img {
margin-left: 20px;
}
.navbar .ml-auto .btn-jugar {
margin-right: 20px;
}
}
.video-container {
position: relative;
width: 100%;
height: 100%;
}
.video-container iframe {
width: 100%;
height: 292px;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="https://superpenguin.net">
<img src="/img/logo-evergreen.png" alt="Logo de Super Penguin" height="60">
</a>
<div class="ml-auto">
<a href="https://play.superpenguin.net" class="btn btn-jugar btn-lg">Jugar ahora</a>
</div>
</div>
</nav>
<div class="container content text-center my-5">
<div class="row">
<div class="col-md-6">
<h3 style="font-size: 1.5rem; margin-bottom: 1.3rem; font-weight: bold;">
Super Penguin es un mundo virtual seguro, donde todos pueden jugar, divertirse e interactuar.
</h3>
<div
style="display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; text-align: center;">
<img src="/img/niehaus.png" alt="Dra Niehaus"
style="margin-right: 20px; max-height: 270px; object-fit: cover;">
<ul class="text-left mt-4" style="font-size: 1rem; flex: 1; min-width: 200px;">
<li>Personaliza a tu pingüino</li>
<li>Juega mini-juegos divertidos</li>
<li>Gana monedas y compra ropa</li>
<li>Haz amigos y socializa con ellos</li>
<li>No necesitas descargar nada</li>
<li>¡Totalmente gratis!</li>
</ul>
</div>
</div>
<div class="col-md-6 video-container">
<iframe src="https://www.youtube.com/embed/KbfDDDrIZ_w?autoplay=1" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="my-4" style="display: flex; justify-content: center;">
<div
style="background-color: #007bff; color: white; width: 95%; max-width: 1100px; padding: 20px; border-radius: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;">
<div style="flex: 1; min-width: 300px; margin-bottom: 20px;">
Super Penguin se encuentra en su versión Alpha, lo que quiere decir que estamos probando con un
y buscando errores para arreglarlos. Si quieres unirte a las pruebas, así como apoyarnos en el
desarrollo del juego, te puedes unir a nuestro Patreon para tener acceso totalmente gratis.
</div>
<img src="/img/oops-emoji.png" alt="Emoji de Super Penguin"
style="width: 150px; height: 150px; object-fit: cover; margin-left: 20px; flex-shrink: 0; align-self: center;">
</div>
</div>
<div class="my-4">
<a href="https://patreon.com/superpenguin" class="btn btn-jugar btn-lg">Más información</a>
</div>
</div>
<footer>
<div>
<div class="mb-3">
<a href="https://www.facebook.com/superpenguingame" target="_blank" class="text-light mx-2">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/superpenguinsp" target="_blank" class="text-light mx-2">
<i class="fab fa-instagram"></i>
</a>
<a href="https://whatsapp.com/channel/0029VajItOWB4hdKO4QfPX2R" target="_blank" class="text-light mx-2">
<i class="fab fa-whatsapp"></i>
</a>
<a href="https://t.me/SuperPenguinTelegram" target="_blank" class="text-light mx-2">
<i class="fab fa-telegram-plane"></i>
</a>
<a href="https://www.youtube.com/@SPSuperPenguin" target="_blank" class="text-light mx-2">
<i class="fab fa-youtube"></i>
</a>
<a href="https://patreon.com/superpenguin" target="_blank" class="text-light mx-2">
<i class="fab fa-patreon"></i>
</a>
<a href="https://www.tiktok.com/@superpenguinsp" target="_blank" class="text-light mx-2">
<i class="fab fa-tiktok"></i>
</a>
</div>
<p>© 2025 Super Penguin. Todos los derechos reservados.</p>
<div>
<a href="/terms" class="text-light mx-2 footer-link">Términos de Uso</a> |
<a href="/privacy" class="text-light mx-2 footer-link">Política de Privacidad</a>
</div>
</div>
</footer>
</body>
</html>