⚔️ Cuando el Tiempo se Detuvo
- samuel gaitan
- 29 sept
- 4 Min. de lectura
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cuando el Tiempo se Detuvo</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
color: #e4e4e4;
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 900px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 40px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
}
h1 {
text-align: center;
font-size: 2.5em;
margin-bottom: 10px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
}
.subtitle {
text-align: center;
font-style: italic;
color: #b8b8b8;
margin-bottom: 40px;
font-size: 1.1em;
}
.section {
margin-bottom: 40px;
padding: 30px;
background: rgba(255, 255, 255, 0.03);
border-radius: 15px;
border-left: 4px solid #ffd700;
transition: transform 0.3s ease;
}
.section:hover {
transform: translateX(5px);
}
h2 {
color: #ffd700;
margin-bottom: 20px;
font-size: 1.8em;
display: flex;
align-items: center;
gap: 10px;
}
.story-text {
line-height: 1.8;
font-size: 1.1em;
text-align: justify;
margin-bottom: 15px;
}
.song {
background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 105, 180, 0.1));
padding: 30px;
border-radius: 15px;
border: 2px solid rgba(255, 215, 0, 0.3);
}
.verse {
margin-bottom: 25px;
padding: 15px;
background: rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.verse-title {
color: #ff69b4;
font-weight: bold;
margin-bottom: 10px;
font-size: 1.1em;
}
.verse-line {
padding: 5px 0;
font-style: italic;
color: #e4e4e4;
}
.icon {
font-size: 1.5em;
}
.highlight {
color: #ffd700;
font-weight: bold;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.floating {
animation: float 3s ease-in-out infinite;
}
.divider {
height: 2px;
background: linear-gradient(90deg, transparent, #ffd700, transparent);
margin: 30px 0;
}
</style>
</head>
<body>
<div class="container">
<h1 class="floating">⚔️ Cuando el Tiempo se Detuvo 👑</h1>
<p class="subtitle">La historia prohibida de dos inmortales que desafiaron el destino</p>
<div class="divider"></div>
<div class="section">
<h2><span class="icon">📖</span> El Story Time</h2>
<p class="story-text">
Hace mil años, en un campo de batalla olvidado por el tiempo, <span class="highlight">el Soldado Inmortal</span> sostuvo su espada por última vez antes de jurar nunca más servir a reyes mortales. Sus cicatrices habían sanado cientos de veces, pero su corazón permanecía congelado.
</p>
<p class="story-text">
En un palacio de cristal, <span class="highlight">la Reina Inmortal</span> observaba siglos pasar desde su trono solitario. Había amado y perdido tantas veces que prometió nunca más dejar entrar a nadie en su corazón eterno.
</p>
<p class="story-text">
El destino los reunió en un mercado de Estambul, en 1876. Él buscaba un manuscrito antiguo; ella huía de su propia corte. Sus miradas se cruzaron y, por primera vez en siglos, ambos sintieron algo que creían perdido: <span class="highlight">el miedo</span>.
</p>
<p class="story-text">
"¿Cuánto tiempo llevas caminando por este mundo?" - preguntó ella, reconociendo en sus ojos el peso de los siglos.
</p>
<p class="story-text">
"Demasiado para recordar cuándo empezó" - respondió él, y por primera vez en 300 años, sonrió.
</p>
<p class="story-text">
Pasaron décadas viajando juntos, ocultándose de aquellos que los buscaban. Presenciaron guerras, vieron caer imperios, bailaron en salones que ya no existen. Pero había una regla que ambos conocían: <span class="highlight">los inmortales que se aman están condenados a verse separados</span>.
</p>
<p class="story-text">
En París, 1944, mientras las bombas caían, ella le confesó: "He vivido mil vidas, pero contigo, por primera vez, desearía que el tiempo no fuera infinito".
</p>
<p class="story-text">
Él tomó su mano entre las ruinas: "Entonces hagamos que cada momento cuente como si fuera el último, aunque sepamos que no lo será".
</p>
<p class="story-text">
Hoy, en algún lugar del mundo, el Soldado y la Reina siguen caminando juntos, desafiando la maldición de la inmortalidad, demostrando que incluso el tiempo infinito puede llenarse de amor.
</p>
</div>
<div class="divider"></div>
<div class="section song">
<h2><span class="icon">🎵</span> "Eternos en un Instante"</h2>
<p style="text-align: center; font-style: italic; margin-bottom: 30px; color: #ffd700;">
La canción de amor del Soldado Inmortal y la Reina Inmortal
</p>
<div class="verse">
<div class="verse-title">[Verso 1 - El Soldado]</div>
<div class="verse-line">He cruzado mil batallas, he visto reinos caer</div>
<div class="verse-line">Mis heridas se cerraron, pero no sabía por qué volver</div>
<div class="verse-line">Hasta que tus ojos de siglos me miraron sin hablar</div>
<div class="verse-line">Y entendí que la eternidad es una condena sin final</div>
</div>
<div class="verse">
<div class="verse-title">[Verso 2 - La Reina]</div>
<div class="verse-line">Coronas se han oxidado en mi frente de cristal</div>
<div class="verse-line">He amado a sombras que el tiempo convirtió en polvo y sal</div>
<div class="verse-line">Pero tu risa en Estambul rompió mi juramento real</div>
<div class="verse-line">De nunca más entregarme a algo tan hermoso y mortal</div>
</div>
<div class="verse">
<div class="verse-title">[Coro - Ambos]</div>
<div class="verse-line">Somos eternos en un instante</div>
<div class="verse-line">Inmortales que aprendieron a sentir</div>
<div class="verse-line">Aunque el tiempo sea infinito y distante</div>
<div class="verse-line">Contigo cada siglo sabe a vivir</div>
<div class="verse-line">Desafiamos la maldición del nunca morir</div>
<div class="verse-line">Porque encontramos algo más fuerte que existir</div>
</div>
<div class="verse">
<div class="verse-title">[Puente]</div>
<div class="verse-line">París bajo las bombas, Roma bajo el sol</div>
<div class="verse-line">Tokio en la lluvia, Madrid en tu voz</div>
<div class="verse-line">Cada era que pasamos es un verso más</div>
<div class="verse-line">De esta canción eterna que jamás tendrá un final</div>
</div>
<div class="verse">
<div class="verse-title">[Verso 3 - El Soldado]</div>
<div class="verse-line">Dijeron que los como nosotros no podemos amar</div>
<div class="verse-line">Que el corazón se cansa cuando no puede descansar</div>
<div class="verse-line">Pero tu mano en la mía desafía esa verdad</div>
<div class="verse-line">La inmortalidad sin ti es solo soledad</div>
</div>
<div class="verse">
<div class="verse-title">[Verso 4 - La Reina]</div>
<div class="verse-line">Me enseñaste que eternidad no es solo no morir</div>
<div class="verse-line">Es encontrar a alguien con quien querer vivir</div>
<div class="verse-line">Cada amanecer contigo es un milagro más</div>
<div class="verse-line">En este mundo que gira y nunca nos dejará atrás</div>
</div>
<div class="verse">
<div class="verse-title">[Coro Final - Ambos]</div>
<div class="verse-line">Somos eternos en un instante</div>
<div class="verse-line">Inmortales que aprendieron a sentir</div>
<div class="verse-line">Aunque el tiempo sea infinito y distante</div>
<div class="verse-line">Contigo cada siglo sabe a vivir</div>
<div class="verse-line">No necesitamos que el tiempo se detenga por fin</div>
<div class="verse-line">Porque ya encontramos la eternidad aquí</div>
</div>
<div class="verse">
<div class="verse-title">[Outro]</div>
<div class="verse-line">Soldado de mil guerras, Reina de mil tronos</div>
<div class="verse-line">Unidos por un amor que los siglos no destronan</div>
<div class="verse-line">Caminando eternamente, de la mano hasta el final</div>
<div class="verse-line">Demostrando que el amor... el amor es inmortal</div>
</div>
</div>
<div class="divider"></div>
<p style="text-align: center; font-style: italic; color: #b8b8b8; margin-top: 30px;">
"En un mundo donde el tiempo no significa nada, ellos encontraron que el amor lo significa todo"
</p>
</div>
</body>
</html>




Comentarios