📚

Biblioteca Virtual de Ryu

Las Aventuras del Pequeño Karateka 🦝
⚡
🏮

¡Bienvenidos a la biblioteca más especial del Bosque Esmeralda!

Aquí encontrarás todas las aventuras de Ryu, nuestro valiente Tanuki karateka. Como has visto en la imagen, Ryu mismo es quien cuenta sus historias a los pequeños karatekas del dojo.

Cada cuento te llevará en un viaje lleno de aventuras, aprendizaje y compañerismo. Descubre cómo Ryu recorrió el camino del Karate, conoce a su maestro y las lecciones más valiosas que forjaron su espíritu.

📖

Historias Auténticas

Narradas por el propio Ryu

🎯

Valores del Karate

En cada aventura

👶

Para Toda la Familia

Diversión y aprendizaje

🌟

¿Listo para acompañarlo en este viaje?

¡La aventura comienza aquí abajo!

👇

Explora los cuentos disponibles

📖

Los Cuentos Disponibles

¡Listos para leer y disfrutar!

📚
El origen del pequeño héroe del Bosque Esmeralda
Capítulo 1
Disponible
🌳

El Origen del Pequeño Héroe del Bosque Esmeralda

Conoce el origen de Ryu, nuestro querido Tanuki Karateka. Descubre cómo comenzó su increíble aventura en el mundo del karate.

⏱️ 15 min de lectura 🎯 Origen 👶 Para todos
Leer Historia
El Encuentro del Joven Ryu con su Maestro Panda
Capítulo 2
Disponible
🐼

El Encuentro del Joven Ryu con su Maestro Panda

El primer encuentro de Ryu con su sabio maestro. Un momento que cambiaría su vida para siempre.

⏱️ 12 min de lectura 🎯 Maestro 👶 Para todos
Leer Historia
El Entrenamiento de Ryu
Capítulo 3
Disponible
🥋

El Entrenamiento de Ryu

Nuestro querido héroe consigue su preciado karategui. Un momento especial en su camino hacia convertirse en un verdadero karateka.

⏱️ 18 min de lectura 🎯 Entrenamiento 👶 Para todos
Leer Historia
🌟

¡Cada historia es una aventura!

Cada cuento de Ryu te enseñará valores importantes como la perseverancia, el respeto y la disciplina. ¡Disfruta leyendo!

⏰

Próximas Aventuras

¡Más historias emocionantes están llegando!

📅
📝

¡La historia de Ryu continúa! Mantente atento porque cada semana llegará una nueva aventura llena de emoción y aprendizaje.

4

La Conquista del Cinturón Negro

Próxima semana

⚔️ "Las Siete Pruebas"

Para obtener su cinturón negro, Ryu tuvo que enfrentar algo más que entrenamientos físicos. El Maestro Panda había diseñado un conjunto de 7 desafíos especiales que pondrían a prueba no solo su fuerza, sino su corazón.

🎯 Pruebas épicas ⚡ Acción y aventura 💪 Superación personal
5

Prueba #1: El Camino de la Rectitud

En dos semanas

🛤️ Una Decisión Difícil

Ryu observó ambos senderos. Sabía que el primero parecía fácil y cómodo. El segundo, por otro lado, era oscuro y difícil de recorrer. ¿Cuál elegirá nuestro valiente héroe?

🎯 Decisiones importantes 💭 Valores morales 🌟 Crecimiento personal
6

Prueba #2: La Prueba del Abismo

En tres semanas

🏔️ El Desafío del Miedo

Ryu miró hacia abajo y sintió que su corazón comenzaba a latir con fuerza. El cañón parecía no tener fondo, una sombra oscura que se tragaba la luz del sol. Un paso en falso podría significar una caída aterradora. ¿Podrá superar sus miedos?

🎯 Superando miedos ⚡ Aventura extrema 💪 Valentía
🔔

¡No Te Pierdas Ninguna Aventura!

Cada nueva historia de Ryu será una oportunidad para aprender algo nuevo sobre el karate, la amistad y la vida. ¡Mantente atento!

📚

Nuevas Historias

Cada semana

🎯

Valores Importantes

En cada cuento

🌟

Diversión Garantizada

Para toda la familia

var mobileIcon = document.getElementById("mobile-menu-icon"); if (mobileIcon) { mobileIcon.addEventListener("click", function() { let c = document.getElementById("nav-links-mobile").classList; c.toggle("hidden"); }) } function setupFormSubmission(formElementId) { var form = document.getElementById(formElementId); if (!form) { return; } form.addEventListener('submit', function(e) { e.preventDefault(); var submitButton; var formElements = e.target.elements; var formData = {}; for (var i = 0; i < formElements.length; i++) { if (formElements[i].type === "submit") { submitButton = formElements[i]; } else { formData[formElements[i].name] = formElements[i].value; } } if (!submitButton) { console.error('No submit button found.'); return; } var submitButtonText = submitButton.innerText; formData.analyticsId = window.LANDING_SITE_ID; submitButton.innerText = 'Sending...'; fetch(window.LANDING_SITE_CONTACT_US_URL, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(formData), }) .then(function(response) { console.log(response); if (response.ok) { submitButton.innerText = 'Done!'; for (var i = 0; i < formElements.length; i++) { if (formElements[i].type !== "submit") { formElements[i].value = ''; } } } else { submitButton.innerText = 'Error. Please try again.'; } }) .catch((error) => { console.error('Error:', error); }) .finally(function() { setTimeout(function() { submitButton.innerText = submitButtonText; }, 4000); }) }); } setupFormSubmission('contact-us-form'); // Lightbox Profesional para Álbum Fotográfico document.addEventListener('DOMContentLoaded', function() { // Crear modal lightbox con diseño profesional var albumLightboxModal = document.createElement('div'); albumLightboxModal.id = 'album-lightbox-modal'; albumLightboxModal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); display: none; justify-content: center; align-items: center; z-index: 9999; padding: 20px; box-sizing: border-box; backdrop-filter: blur(5px);'; var modalContent = document.createElement('div'); modalContent.style.cssText = 'position: relative; max-width: 90%; max-height: 90%; text-align: center; background: rgba(255,255,255,0.1); border-radius: 15px; padding: 20px; box-shadow: 0 25px 50px rgba(0,0,0,0.5);'; var closeButton = document.createElement('button'); closeButton.innerHTML = '×'; closeButton.style.cssText = 'position: absolute; top: -50px; right: -10px; background: rgba(255,255,255,0.2); border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; color: white; font-size: 24px; width: 45px; height: 45px; cursor: pointer; z-index: 10000; transition: all 0.3s ease; backdrop-filter: blur(10px);'; closeButton.addEventListener('mouseenter', function() { this.style.background = 'rgba(255,255,255,0.3)'; this.style.transform = 'scale(1.1)'; }); closeButton.addEventListener('mouseleave', function() { this.style.background = 'rgba(255,255,255,0.2)'; this.style.transform = 'scale(1)'; }); var albumLightboxImage = document.createElement('img'); albumLightboxImage.id = 'album-lightbox-image'; albumLightboxImage.style.cssText = 'max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 15px 35px rgba(0,0,0,0.7); transition: all 0.4s ease; opacity: 0; transform: scale(0.8);'; var imageInfo = document.createElement('div'); imageInfo.id = 'album-image-info'; imageInfo.style.cssText = 'position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); color: white; background: rgba(0,0,0,0.7); padding: 10px 20px; border-radius: 25px; font-size: 14px; white-space: nowrap; backdrop-filter: blur(10px);'; modalContent.appendChild(closeButton); modalContent.appendChild(albumLightboxImage); modalContent.appendChild(imageInfo); albumLightboxModal.appendChild(modalContent); document.body.appendChild(albumLightboxModal); // Función para abrir lightbox con animación elegante function openAlbumLightbox(imageSrc, imageAlt, imageIndex, totalImages) { albumLightboxImage.src = imageSrc; albumLightboxImage.alt = imageAlt || ''; imageInfo.textContent = imageAlt + ' (' + (imageIndex + 1) + ' de ' + totalImages + ')'; albumLightboxModal.style.display = 'flex'; document.body.style.overflow = 'hidden'; // Animación de entrada setTimeout(function() { albumLightboxImage.style.opacity = '1'; albumLightboxImage.style.transform = 'scale(1)'; }, 100); } // Función para cerrar lightbox con animación function closeAlbumLightbox() { albumLightboxImage.style.opacity = '0'; albumLightboxImage.style.transform = 'scale(0.8)'; setTimeout(function() { albumLightboxModal.style.display = 'none'; document.body.style.overflow = 'auto'; }, 400); } // Event listeners para cerrar closeButton.addEventListener('click', closeAlbumLightbox); albumLightboxModal.addEventListener('click', function(e) { if (e.target === albumLightboxModal) { closeAlbumLightbox(); } }); // Cerrar con tecla Escape document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && albumLightboxModal.style.display === 'flex') { closeAlbumLightbox(); } }); // Aplicar lightbox a todas las imágenes del álbum setTimeout(function() { var albumImages = document.querySelectorAll('#stpvgho .photo-thumbnail img'); albumImages.forEach(function(img, index) { // Mejorar efectos hover img.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'; img.style.cursor = 'pointer'; img.addEventListener('mouseenter', function() { this.style.transform = 'scale(1.08)'; this.style.boxShadow = '0 20px 40px rgba(0,0,0,0.3)'; this.style.filter = 'brightness(1.1)'; }); img.addEventListener('mouseleave', function() { this.style.transform = 'scale(1)'; this.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)'; this.style.filter = 'brightness(1)'; }); // Reemplazar comportamiento del enlace padre var parentLink = img.closest('a[target="_blank"]'); if (parentLink) { parentLink.addEventListener('click', function(e) { e.preventDefault(); var imageSrc = this.getAttribute('href') || img.src; openAlbumLightbox(imageSrc, img.alt, index, albumImages.length); }); parentLink.style.cursor = 'pointer'; } else { // Si no hay enlace padre, usar la imagen directamente img.addEventListener('click', function() { openAlbumLightbox(this.src, this.alt, index, albumImages.length); }); } }); console.log('Lightbox profesional aplicado a', albumImages.length, 'imágenes en álbum fotográfico'); }, 600); });