@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@500;700&family=Share+Tech+Mono&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Rajdhani', sans-serif; }

body { background: radial-gradient(circle at center, #1b0033 0%, #05050f 100%); color: #e0eaff; display: flex; flex-direction: column; min-height: 100vh; overflow-x: hidden; }

/* Navegación */
.navegacion { background: linear-gradient(90deg, #0f0c29, #302b63, #24243e); padding: 20px; text-align: center; border-bottom: 3px solid #00d2ff; box-shadow: 0 0 20px rgba(0, 210, 255, 0.5); }
.navegacion a { color: #00d2ff; text-decoration: none; margin: 0 15px; font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 1.1rem; padding: 8px 20px; border: 2px solid transparent; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); }
.navegacion a:hover, .navegacion a.activo { background-color: #00d2ff; color: #000; box-shadow: 0 0 15px #00d2ff; }

/* Panel Holográfico */
.pagina-libro { flex: 1; max-width: 850px; margin: 40px auto; background: rgba(10, 15, 30, 0.85); padding: 50px; border-radius: 10px; border: 2px solid #b100e8; box-shadow: 0 0 30px rgba(177, 0, 232, 0.4), inset 0 0 20px rgba(0, 210, 255, 0.2); backdrop-filter: blur(10px); transform-origin: center; animation: hologramDeploy 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.flex-centro { display: flex; justify-content: center; align-items: center; text-align: center; min-height: 400px; }

@keyframes hologramDeploy { 0% { transform: scale(0.5) translateY(100px); opacity: 0; filter: hue-rotate(90deg); } 100% { transform: scale(1) translateY(0); opacity: 1; filter: hue-rotate(0deg); } }

/* Contenedor del Mensaje */
.mensaje-album {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* Estilo del GIF del Gato */
.gif-gato {
    width: 160px;
    border-radius: 15px;
    border: 4px solid #00ffcc;
    box-shadow: 0 0 25px rgba(0, 255, 204, 0.5);
    margin-bottom: 20px;
    filter: contrast(1.1); /* Le da un toque más vibrante */
}

/* Textos */
.titulo-proximamente { 
    color: #00ffcc; 
    font-family: 'Orbitron', sans-serif; 
    font-size: 3.5rem; 
    text-shadow: 0 0 10px #00ffcc, 0 0 20px #00d2ff; 
    text-transform: uppercase; 
    letter-spacing: 3px; 
}
.texto-cyber { 
    font-family: 'Share Tech Mono', monospace; 
    font-size: 1.5rem; 
    color: #c2d1f0; 
}

/* Footer */
footer { background: #0f0c29; text-align: center; padding: 20px; margin-top: auto; border-top: 2px solid #b100e8; }
footer p { color: #00d2ff; font-family: 'Orbitron', sans-serif; font-size: 1rem; text-shadow: 0 0 5px #00d2ff; display: inline-block; }