diff --git a/biblioteca-cristiana.html b/biblioteca-cristiana.html
index feeaa4c..7784efb 100644
--- a/biblioteca-cristiana.html
+++ b/biblioteca-cristiana.html
@@ -1,14 +1,15 @@
-
+
- Biblioteca cristiana
+ Biblioteca Cristiana
-
+
+
-
-
-
+
+
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/biblioteca-cristiana20260120.html b/biblioteca-cristiana20260120.html
new file mode 100644
index 0000000..feeaa4c
--- /dev/null
+++ b/biblioteca-cristiana20260120.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+ Biblioteca cristiana
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/biblioteca-cristiana.css b/css/biblioteca-cristiana.css
deleted file mode 100644
index 4d59be5..0000000
--- a/css/biblioteca-cristiana.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/* Fuentes importadas corregidas */
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Nunito:wght@400;600&display=swap');
-
-:root {
- /* Paleta refinada */
- --color-primario: #2F3A56; /* Azul noche espiritual */
- --color-hover: #24314A; /* Azul noche más oscuro */
- --color-secundario: #EAF2FA; /* Azul muy suave */
- --color-fondo: #FAF7F2; /* Crema papel antiguo */
- --color-texto: #2b2b2b;
- --color-acento: #E8A23A; /* Dorado litúrgico */
- --blanco-puro: #FFFFFF;
- --sombra: rgba(47, 58, 86, 0.15);
-}
-
-.oracion {
- background-color: var(--blanco-puro);
- margin: 2rem auto;
- padding: 2rem;
- max-width: 600px; /* Para que no se estire demasiado en PC */
- border-radius: 15px;
- box-shadow: 0 4px 15px var(--sombra);
- border: none; /* Quitamos el borde oscuro para que sea más elegante */
- text-align: center;
-}
-
-.bloque a {
- color: var(--color-fondo);
- font-weight: 600;
-}
-
-.titulo-oracion {
- font-family: 'EB Garamond', serif;
- font-size: 2rem;
- font-weight: 600;
- margin-bottom: 1rem;
- text-transform: uppercase;
- letter-spacing: 4px;
- color: var(--color-primario);
- padding-bottom: 0.5rem;
- border-bottom: 2px solid var(--color-acento);
-}
-
-.contenido-oracion {
- font-family: 'EB Garamond', serif;
- font-size: 1.4rem;
- line-height: 1.6;
- color: var(--color-texto);
- margin-bottom: 2rem;
-}
\ No newline at end of file
diff --git a/css/biblioteca.css b/css/biblioteca.css
new file mode 100644
index 0000000..79917cd
--- /dev/null
+++ b/css/biblioteca.css
@@ -0,0 +1,62 @@
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ background: #f7f5f0;
+ color: #333;
+}
+
+.header {
+ text-align: center;
+ padding: 2rem;
+ background: #fff;
+ border-bottom: 1px solid #ddd;
+}
+
+.controls {
+ display: flex;
+ gap: 1rem;
+ padding: 1rem;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
+.controls input, .controls select {
+ padding: 0.7rem;
+ font-size: 1rem;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+ width: 250px;
+}
+
+.grid {
+ display: grid;
+ gap: 1.5rem;
+ padding: 2rem;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.card {
+ background: #fff;
+ border-radius: 10px;
+ padding: 1rem;
+ box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+ transition: transform .2s;
+}
+
+.card:hover {
+ transform: translateY(-5px);
+}
+
+.card img {
+ width: 100%;
+ border-radius: 8px;
+}
+
+.card h3 {
+ margin: 0.5rem 0;
+}
+
+.card p {
+ margin: 0.3rem 0;
+ font-size: 0.9rem;
+}
diff --git a/data/libros.json b/data/libros.json
new file mode 100644
index 0000000..9685ac5
--- /dev/null
+++ b/data/libros.json
@@ -0,0 +1,114 @@
+[
+ {
+ "titulo": "Sagrada Biblia (Conferencia Episcopal Española)",
+ "autor": "CEE",
+ "categoria": "Biblia",
+ "portada": "img/libros/biblia-cee.jpg",
+ "enlace": "https://www.amazon.es/Sagrada-Bibliapopular-geltexbac-EDICIONES-B%C3%8DBLICAS/dp/8422015617"
+ },
+ {
+ "titulo": "Catecismo de la Doctrina Cristiana (Astete)",
+ "autor": "Padre Jerónimo de Ripalda / Gaspar Astete",
+ "categoria": "Doctrina",
+ "portada": "img/libros/catecismo-astete.jpg",
+ "enlace": "https://www.amazon.es/Catecismo-Doctrina-Cristiana-Ediciones-Populares/dp/8483531496"
+ },
+ {
+ "titulo": "365 días con la Madre Teresa de Calcuta",
+ "autor": "José Luis González-Balado",
+ "categoria": "Santos",
+ "portada": "img/libros/madre-teresa.jpg",
+ "enlace": "https://www.amazon.es/d%C3%ADas-Madre-Teresa-Jos%C3%A9-Gonz%C3%A1lez-Balado-ebook/dp/B09SGHLP6R"
+ },
+ {
+ "titulo": "San Francisco de Asís",
+ "autor": "Luis Pérez Simón",
+ "categoria": "Santos",
+ "portada": "img/libros/san-francisco.jpg",
+ "enlace": "https://www.amazon.es/Francisco-Asis-Santos-Amigos-Dios/dp/8484079244"
+ },
+ {
+ "titulo": "Historia de un alma",
+ "autor": "Santa Teresita del Niño Jesús",
+ "categoria": "Santos",
+ "portada": "img/libros/teresita.jpg",
+ "enlace": "https://amzn.eu/d/0bv8Tit"
+ },
+ {
+ "titulo": "Imitación de Cristo",
+ "autor": "Tomás de Kempis",
+ "categoria": "Espiritualidad",
+ "portada": "img/libros/imitacion-cristo.jpg",
+ "enlace": "https://www.amazon.es/Imitaci%C3%B3n-Cristo-Tom%C3%A1s-Kempis/dp/8428526769"
+ },
+ {
+ "titulo": "Confesiones",
+ "autor": "San Agustín",
+ "categoria": "Espiritualidad",
+ "portada": "img/libros/confesiones-agustin.jpg",
+ "enlace": "https://www.amazon.es/Confesiones-San-Agust%C3%ADn/dp/8425436824"
+ },
+ {
+ "titulo": "Camino",
+ "autor": "San Josemaría Escrivá",
+ "categoria": "Espiritualidad",
+ "portada": "img/libros/camino.jpg",
+ "enlace": "https://www.amazon.es/Camino-San-Josemar%C3%ADa-Escriv%C3%A1-Balaguer/dp/8432131983"
+ },
+ {
+ "titulo": "Tratado de la verdadera devoción a la Virgen María",
+ "autor": "San Luis María Grignion de Montfort",
+ "categoria": "Espiritualidad",
+ "portada": "img/libros/devocion-montfort.jpg",
+ "enlace": "https://www.amazon.es/Tratado-verdadera-devoci%C3%B3n-Virgen-Mar%C3%ADa/dp/8490610204"
+ },
+ {
+ "titulo": "Catecismo de la Iglesia Católica",
+ "autor": "Iglesia Católica",
+ "categoria": "Doctrina",
+ "portada": "img/libros/catecismo-iglesia.jpg",
+ "enlace": "https://www.vatican.va/archive/catechism_sp/index_sp.html"
+ },
+ {
+ "titulo": "Youcat (Catecismo joven)",
+ "autor": "Iglesia Católica",
+ "categoria": "Doctrina",
+ "portada": "img/libros/youcat.jpg",
+ "enlace": "https://www.amazon.es/Youcat-Catecismo-Iglesia-Cat%C3%B3lica-j%C3%B3venes/dp/8428540124"
+ },
+ {
+ "titulo": "La Biblia de Jerusalén",
+ "autor": "Escuela Bíblica de Jerusalén",
+ "categoria": "Biblia",
+ "portada": "img/libros/biblia-jerusalen.jpg",
+ "enlace": "https://www.amazon.es/Biblia-Jerusal%C3%A9n-Latinoamericana-Edici%C3%B3n-Bolsillo/dp/8433019247"
+ },
+ {
+ "titulo": "Introducción al cristianismo",
+ "autor": "Joseph Ratzinger (Benedicto XVI)",
+ "categoria": "Doctrina",
+ "portada": "img/libros/introduccion-cristianismo.jpg",
+ "enlace": "https://www.amazon.es/Introducci%C3%B3n-al-cristianismo-Joseph-Ratzinger/dp/8425427814"
+ },
+ {
+ "titulo": "La fuerza del silencio",
+ "autor": "Cardenal Robert Sarah",
+ "categoria": "Espiritualidad",
+ "portada": "img/libros/fuerza-silencio.jpg",
+ "enlace": "https://www.amazon.es/fuerza-del-silencio-Cardenal-Sarah/dp/8422019973"
+ },
+ {
+ "titulo": "Historia de la Iglesia Católica",
+ "autor": "Eusebio de Cesarea",
+ "categoria": "Historia",
+ "portada": "img/libros/historia-iglesia.jpg",
+ "enlace": "https://www.amazon.es/Historia-eclesi%C3%A1stica-Eusebio-Cesarea/dp/8425436824"
+ },
+ {
+ "titulo": "El gran misterio: El Evangelio de la familia",
+ "autor": "Papa Francisco",
+ "categoria": "Doctrina",
+ "portada": "img/libros/gran-misterio.jpg",
+ "enlace": "https://www.amazon.es/gran-misterio-Evangelio-familia/dp/8422019973"
+ }
+]
diff --git a/img/libros/biblia-cee.jpg b/img/libros/biblia-cee.jpg
new file mode 100644
index 0000000..688cc06
Binary files /dev/null and b/img/libros/biblia-cee.jpg differ
diff --git a/img/libros/biblia-cee.png b/img/libros/biblia-cee.png
new file mode 100644
index 0000000..67efa32
Binary files /dev/null and b/img/libros/biblia-cee.png differ
diff --git a/img/libros/catecismo-astete.jpg b/img/libros/catecismo-astete.jpg
new file mode 100644
index 0000000..e945f45
Binary files /dev/null and b/img/libros/catecismo-astete.jpg differ
diff --git a/img/libros/catecismo-astete.png b/img/libros/catecismo-astete.png
new file mode 100644
index 0000000..3ad431a
Binary files /dev/null and b/img/libros/catecismo-astete.png differ
diff --git a/js/biblioteca.js b/js/biblioteca.js
new file mode 100644
index 0000000..a3e6c56
--- /dev/null
+++ b/js/biblioteca.js
@@ -0,0 +1,63 @@
+document.addEventListener("DOMContentLoaded", () => {
+ const container = document.getElementById("booksContainer");
+ const searchInput = document.getElementById("searchInput");
+ const categoryFilter = document.getElementById("categoryFilter");
+
+ let libros = [];
+
+ // Cargar datos desde JSON
+ fetch("data/libros.json")
+ .then(res => res.json())
+ .then(data => {
+ libros = data;
+ renderBooks(libros);
+ });
+
+ // Renderizar tarjetas
+ function renderBooks(lista) {
+ container.innerHTML = "";
+
+ if (lista.length === 0) {
+ container.innerHTML = "No se encontraron resultados.
";
+ return;
+ }
+
+ lista.forEach(libro => {
+ const card = document.createElement("div");
+ card.className = "card";
+
+ card.innerHTML = `
+ 
+ ${libro.titulo}
+ Autor: ${libro.autor}
+ Categoría: ${libro.categoria}
+ Leer / Descargar
+ `;
+
+ container.appendChild(card);
+ });
+ }
+
+ // Búsqueda en tiempo real
+ searchInput.addEventListener("input", filtrar);
+ categoryFilter.addEventListener("change", filtrar);
+
+ function filtrar() {
+ const texto = searchInput.value.toLowerCase();
+ const categoria = categoryFilter.value;
+
+ const filtrados = libros.filter(libro => {
+ const coincideTexto =
+ libro.titulo.toLowerCase().includes(texto) ||
+ libro.autor.toLowerCase().includes(texto) ||
+ libro.categoria.toLowerCase().includes(texto);
+
+ const coincideCategoria =
+ categoria === "all" || libro.categoria === categoria;
+
+ return coincideTexto && coincideCategoria;
+ });
+
+ renderBooks(filtrados);
+ }
+});