<!DOCTYPE html>
<html lang="es-AR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - Página No Encontrada | Odin Play Casino Argentina</title>
<meta name="description" content="La página que buscás no existe en Odin Play Casino. Volvé al inicio y descubrí más de 5,000 juegos premium con bonos hasta $1,750 ARS.">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style>
/* --- CRITICAL CSS INLINED --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: #ffffff; background-color: #222222; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
h1, h2, h3, h4, h5, h6 { font-family: "Cinzel", serif; font-weight: 700; color: #ffd700; margin-bottom: 1rem; }
h1 { font-size: 2.5rem; line-height: 1.2; }
p { margin-bottom: 1rem; color: #e0e0e0; }
.btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 12px 24px; border: none; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1rem; cursor: pointer; position: relative; overflow: hidden; }
.btn-primary { background: linear-gradient(135deg, #ff4500, #ff6500); color: white; }
.btn-secondary { background: linear-gradient(135deg, #ffd700, #ffa500); color: #222222; }
.header { position: fixed; top: 0; left: 0; right: 0; background: rgba(34, 34, 34, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 215, 0, 0.2); z-index: 1000; }
.nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; max-width: 1200px; margin: 0 auto; }
.nav-brand { display: flex; align-items: center; gap: 1rem; }
.nav-brand a { text-decoration: none; }
.logo { height: 60px; width: auto; }
.flag { height: 60px; width: auto; }
.nav-toggle { display: none; background: none; border: none; color: #ffd700; font-size: 1.5rem; cursor: pointer; }
.nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; }
.nav-link { color: #e0e0e0; text-decoration: none; font-weight: 500; position: relative; }
.hero { padding: 120px 0 80px; min-height: 100vh; display: flex; align-items: center; background: linear-gradient(135deg, rgba(34, 34, 34, 0.9), rgba(34, 34, 34, 0.7)); }
.hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
.hero-title { font-size: 3rem; background: linear-gradient(135deg, #ffd700, #ffa500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 0.5rem; }
.hero-subtitle { font-size: 1.5rem; color: #ff4500; margin-bottom: 1rem; }
.hero-description { font-size: 1.1rem; margin-bottom: 2rem; line-height: 1.7; }
.hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }
.hero-image { text-align: center; }
.hero-img { max-width: 100%; height: auto; border-radius: 15px; }
@media (max-width: 768px) {
.nav-toggle { display: block; }
.nav-menu { display: none; } /* Скрываем по умолчанию, JS покажет при клике */
.hero-content { grid-template-columns: 1fr; text-align: center; }
.hero-title { font-size: 2rem; }
.hero-buttons { justify-content: center; }
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="styles.css"></noscript>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="https://cortadoradecesped.org</" rel="canonical">
<base href="https://cortadoradecesped.org/">
<style>
.error-404 {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 120px 0 80px;
background: linear-gradient(135deg, rgba(34, 34, 34, 0.95), rgba(34, 34, 34, 0.8));
position: relative;
overflow: hidden;
}
.error-404::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 20% 20%, rgba(255, 69, 0, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);
z-index: -1;
}
.error-content {
text-align: center;
max-width: 800px;
margin: 0 auto;
padding: 0 2rem;
position: relative;
z-index: 1;
}
.error-number {
font-size: 8rem;
font-family: "Cinzel", serif;
font-weight: 700;
background: linear-gradient(135deg, #ffd700, #ff4500);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 1rem;
text-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
from {
text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
}
to {
text-shadow: 0 0 40px rgba(255, 215, 0, 0.6);
}
}
.error-title {
font-size: 2.5rem;
color: #ffd700;
margin-bottom: 1rem;
font-family: "Cinzel", serif;
}
.error-subtitle {
font-size: 1.2rem;
color: #ff4500;
margin-bottom: 2rem;
font-weight: 600;
}
.error-description {
font-size: 1.1rem;
color: #e0e0e0;
margin-bottom: 3rem;
line-height: 1.7;
}
.error-buttons {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.error-suggestions {
background: rgba(255, 255, 255, 0.05);
border-radius: 15px;
padding: 2rem;
border: 1px solid rgba(255, 215, 0, 0.2);
margin-top: 2rem;
}
.error-suggestions h3 {
color: #ffd700;
margin-bottom: 1.5rem;
font-size: 1.5rem;
}
.suggestions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.suggestion-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.03);
border-radius: 10px;
transition: transform 0.3s ease, background 0.3s ease;
text-decoration: none;
color: #e0e0e0;
}
.suggestion-item:hover {
transform: translateY(-2px);
background: rgba(255, 215, 0, 0.1);
color: #ffd700;
}
.suggestion-item i {
color: #ffd700;
font-size: 1.5rem;
flex-shrink: 0;
}
.runes-decoration {
position: absolute;
font-size: 2rem;
color: rgba(255, 215, 0, 0.1);
animation: float 6s ease-in-out infinite;
}
.runes-decoration:nth-child(1) {
top: 10%;
left: 10%;
animation-delay: 0s;
}
.runes-decoration:nth-child(2) {
top: 20%;
right: 15%;
animation-delay: 2s;
}
.runes-decoration:nth-child(3) {
bottom: 20%;
left: 15%;
animation-delay: 4s;
}
.runes-decoration:nth-child(4) {
bottom: 10%;
right: 10%;
animation-delay: 1s;
}
@keyframes float {
0%, 100% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-20px) rotate(5deg);
}
}
@media (max-width: 768px) {
.error-number {
font-size: 5rem;
}
.error-title {
font-size: 2rem;
}
.error-buttons {
flex-direction: column;
align-items: center;
}
.suggestions-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<nav class="nav">
<div class="nav-brand">
<img src="logo-odin-casino.webp" alt="Odin Casino Logo" class="logo">
<img src="flag.webp" alt="Argentina Flag" class="flag">
</div>
<button class="nav-toggle" id="navToggle">
<i class="fas fa-bars"></i>
</button>
<ul class="nav-menu" id="navMenu">
<li><a href="/" class="nav-link">Inicio</a></li>
<li><a href="/juegos.html" class="nav-link">Juegos</a></li>
<li><a href="/play/" class="nav-link">App</a></li>
<li><a href="/play/" class="nav-link">Bono</a></li>
<li><a href="/play/" class="nav-link">Programa VIP</a></li>
<li><a href="/play/" class="nav-link">Soporte</a></li>
</ul>
</nav>
</header>
<!-- 404 Error Section -->
<section class="error-404">
<!-- Runic Decorations -->
<div class="runes-decoration">ᚠ</div>
<div class="runes-decoration">ᚢ</div>
<div class="runes-decoration">ᚦ</div>
<div class="runes-decoration">ᚨ</div>
<div class="error-content">
<div class="error-number">404</div>
<h1 class="error-title">¡Odin No Encuentra Esta Página!</h1>
<p class="error-subtitle">El Padre de Todo ha perdido el rastro de esta ubicación</p>
<p class="error-description">
Parece que la página que buscás se perdió en los Nueve Mundos de Yggdrasil.
Pero no te preocupes, los cuervos de Odin, Hugin y Munin, te guiarán de vuelta
a las riquezas del Valhalla digital donde te esperan más de 5,000 juegos épicos.
</p>
<div class="error-buttons">
<a href="/" class="btn btn-primary btn-large">
<i class="fas fa-home"></i>
Volver al Valhalla
</a>
<a href="/juegos.html" class="btn btn-secondary btn-large">
<i class="fas fa-gamepad"></i>
Explorar Juegos
</a>
</div>
<div class="error-suggestions">
<h3>¿Qué Podés Hacer Ahora?</h3>
<p>Los dioses nórdicos te sugieren estas opciones para continuar tu aventura:</p>
<div class="suggestions-grid">
<a href="/" class="suggestion-item">
<i class="fas fa-home"></i>
<div>
<h4>Página Principal</h4>
<p>Volvé al inicio</p>
</div>
</a>
<a href="/juegos.html" class="suggestion-item">
<i class="fas fa-dice"></i>
<div>
<h4>Tragamonedas</h4>
<p>Ring of Odin y más</p>
</div>
</a>
<a href="/play/" class="suggestion-item">
<i class="fas fa-gift"></i>
<div>
<h4>Bonos</h4>
<p>Hasta $1,750 ARS</p>
</div>
</a>
<a href="/play/" class="suggestion-item">
<i class="fas fa-mobile-alt"></i>
<div>
<h4>App Móvil</h4>
<p>Descargá la app</p>
</div>
</a>
<a href="/play/" class="suggestion-item">
<i class="fas fa-crown"></i>
<div>
<h4>Programa VIP</h4>
<p>Beneficios exclusivos</p>
</div>
</a>
<a href="/play/" class="suggestion-item">
<i class="fas fa-headset"></i>
<div>
<h4>Soporte</h4>
<p>Ayuda 24/7</p>
</div>
</a>
</div>
</div>
<div style="margin-top: 3rem; padding: 2rem; background: rgba(255, 69, 0, 0.1); border-radius: 15px; border: 1px solid rgba(255, 69, 0, 0.3);">
<h3 style="color: #ff4500; margin-bottom: 1rem;">
<i class="fas fa-exclamation-triangle"></i>
¿Seguís Teniendo Problemas?
</h3>
<p style="color: #e0e0e0; margin-bottom: 1.5rem;">
Si llegaste aquí desde un enlace interno o creés que debería existir esta página,
contactá a nuestro equipo de soporte. Los guerreros de Odin están listos para ayudarte.
</p>
<a href="/play/" class="btn btn-primary">
<i class="fas fa-comments"></i>
Contactar Soporte
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<img src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo-odin-casino-yP4Ijf8rtTkIgLwUJF6aQh8eODbtpm.webp" alt="Odin Casino Logo" class="footer-logo">
<p>Casino premium para Argentina con más de 5,000 juegos y bonos hasta $1,750 ARS.</p>
</div>
<div class="footer-section">
<h4>Enlaces Rápidos</h4>
<ul>
<li><a href="/juegos.html">Juegos</a></li>
<li><a href="/play/">Bonos</a></li>
<li><a href="/play/">App Móvil</a></li>
<li><a href="/play/">Programa VIP</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Soporte</h4>
<ul>
<li><a href="/play/">Chat en Vivo</a></li>
<li><a href="/play/">Centro de Ayuda</a></li>
<li><a href="/play/">Contacto</a></li>
<li><a href="/play/">Juego Responsable</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Información Legal</h4>
<ul>
<li><a href="/play/">Términos y Condiciones</a></li>
<li><a href="/play/">Política de Privacidad</a></li>
<li><a href="/play/">Licencia</a></li>
<li><a href="/play/">Política de Cookies</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Odin Play Casino. Todos los derechos reservados. Licencia Curaçao 8048/JAZ2021-033</p>
<p class="disclaimer">Juego responsable. Solo para mayores de 18 años. El juego puede ser adictivo.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
<script>
// Add some interactive elements for the 404 page
document.addEventListener('DOMContentLoaded', function() {
// Add click tracking for 404 page elements
const suggestionItems = document.querySelectorAll('.suggestion-item');
suggestionItems.forEach(item => {
item.addEventListener('click', function() {
console.log('404 suggestion clicked:', this.querySelector('h4').textContent);
});
});
// Add some Norse mythology easter eggs
const runesDecorations = document.querySelectorAll('.runes-decoration');
runesDecorations.forEach((rune, index) => {
rune.addEventListener('click', function() {
const messages = [
'¡Has encontrado la runa de la Fortuna! 🍀',
'¡La runa de la Victoria te sonríe! ⚡',
'¡Odin te bendice con suerte! 🎰',
'¡Los dioses aprueban tu curiosidad! 🔮'
];
// Create a temporary message
const message = document.createElement('div');
message.textContent = messages[index];
message.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 215, 0, 0.9);
color: #222;
padding: 1rem 2rem;
border-radius: 10px;
font-weight: bold;
z-index: 9999;
animation: fadeInOut 2s ease-in-out;
`;
document.body.appendChild(message);
setTimeout(() => {
document.body.removeChild(message);
}, 2000);
});
});
});
// Add CSS animation for the easter egg message
const style = document.createElement('style');
style.textContent = `
@keyframes fadeInOut {
0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
50% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
`;
document.head.appendChild(style);
</script>
</body>
</html>