diff --git a/css/estilos.css b/css/estilos.css index 31693b1..5954b6b 100644 --- a/css/estilos.css +++ b/css/estilos.css @@ -121,6 +121,26 @@ body { gap: 8px; } +/* --- MENÚ PRINCIPAL --- */ +.menu-principal { + background-color: var(--color-primario); + display: flex; + justify-content: center; + gap: 30px; + padding: 10px 0; + margin: 0; +} + +.menu-principal a { + color: var(--blanco-puro); + text-decoration: none; + font-weight: 600; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 2px; + transition: color 0.3s ease; +} + /* --- BLOQUES DE CONTENIDO --- */ .bloque { background-color: var(--blanco-puro); diff --git a/css/oraciones-basicas.css b/css/oraciones-basicas.css new file mode 100644 index 0000000..fe48846 --- /dev/null +++ b/css/oraciones-basicas.css @@ -0,0 +1,45 @@ +/* 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; +} + +.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/index.html b/index.html index c992069..d84dcf4 100644 --- a/index.html +++ b/index.html @@ -29,62 +29,78 @@

Santa Maria Madre de Dios

(Patrona de los conductores)
+ + + + -
- -
-
-
+
+ +
+
+
- -
-
- Salmo del día no disponible -
+ +
+
+ Salmo del día no disponible +
- - + + - - + + - -
-

📿 Rosario

-

Hoy rezamos los Misterios Luminosos

- Rezar el Rosario -
+ +
+

Rosario

+

Hoy rezamos los Misterios X

+ Rezar el Rosario +
- -
- Oraciones - Santos y novenas - Calendario litúrgico - Biblioteca -
+ +
+

Oraciones Básicas

+

Padre Nuestro, Ave María, Gloria

+ Rezar las Oraciones Básicas +
-
+ + + - +
- + + diff --git a/js/codigo.js b/js/codigo.js index 7a58679..afb0882 100644 --- a/js/codigo.js +++ b/js/codigo.js @@ -1,4 +1,6 @@ -let fechaHoyElem, santoDelDiaElem, indicadorLiturgicoElem, cabeceraHoy; +let fechaHoyElem, santoDelDiaElem, indicadorLiturgicoElem, cabeceraHoy, menuPrincipalElem, + nombreCicloElem, cicloParImparElem, descripcionSantoDelDiaElem, + errorElem, difuntoHoyElem, salmoDelDiaElem; function inicializarVariables() { cabeceraHoy = document.getElementById('header-hoy'); @@ -8,6 +10,7 @@ function inicializarVariables() { santoDelDiaElem = document.getElementById('santo-del-dia'); descripcionSantoDelDiaElem = document.getElementById('descripcion-santo-del-dia'); indicadorLiturgicoElem = document.getElementById('indicador-liturgico'); + menuPrincipalElem = document.getElementById('menu-principal'); errorElem = document.getElementById('__error'); difuntoHoyElem = document.getElementById('difunto-hoy'); salmoDelDiaElem = document.getElementById('__salmo'); @@ -54,10 +57,11 @@ async function cargarYActualizarTodo() { "violeta": "#a0b5b0" }; - const colorReal = mapaColores[datosHoy.color] || "#0054a4"; // Color por defecto si no se encuentra + const colorReal = mapaColores[datosHoy.color] || "var(--color-primario)"; // Color por defecto si no se encuentra // 1. Cambiamos el fondo de la cabecera cabeceraHoy.style.backgroundColor = colorReal; + menuPrincipalElem.style.backgroundColor = colorReal; // 2. Ajustamos el color del TEXTO de toda la cabecera // Si el color es claro (blanco o rosa), ponemos texto oscuro. Si no, blanco. @@ -205,6 +209,25 @@ function visualizarDatos() { fechaHoyElem.textContent = hoy.toLocaleDateString('es-ES', opcionesFecha); } +function visualizarRosario() { + const MISTERIOS_DATA = { + 0: { nombre: "Gloriosos" }, + 1: { nombre: "Gozosos"}, + 2: { nombre: "Dolorosos" }, + 3: { nombre: "Gloriosos" }, + 4: { nombre: "Luminosos" }, + 5: { nombre: "Dolorosos" }, + 6: { nombre: "Gozosos" } +}; + const hoy = new Date(); + const diaSemana = hoy.getDay(); + const misterioHoy = MISTERIOS_DATA[diaSemana]; + const nombreMistElem = document.getElementById('nombre_misterio'); + if (nombreMistElem) { + nombreMistElem.textContent = `Hoy rezamos los misterios ${misterioHoy.nombre.toUpperCase()}`; + } +} + // Evento de carga unificado window.addEventListener("load", () => { inicializarVariables(); @@ -212,5 +235,6 @@ window.addEventListener("load", () => { santoDelDia(); visualizarDatos(); visualizarSalmo(); + visualizarRosario(); cargarYActualizarTodo(); // Esta función ahora hace el trabajo de las dos anteriores }); \ No newline at end of file diff --git a/oraciones-basicas.html b/oraciones-basicas.html new file mode 100644 index 0000000..5bedfa9 --- /dev/null +++ b/oraciones-basicas.html @@ -0,0 +1,86 @@ + + + + + + Oraciones Básicas + + + + +
+

RECURSOS CATÓLICOS

+ +
+ Martes, 15 de enero de 2026 +
+ + + +
+ +
+ +
+
Padre Nuestro
+
+

Padre nuestro que estás en los cielos, santificado sea tu Nombre; venga tu reino; hágase tu voluntad, así en la tierra como en el cielo. Danos hoy nuestro pan de cada día; perdona nuestras ofensas, como también nosotros perdonamos a los que nos ofenden; no nos dejes caer en la tentación y líbranos del mal. Amén.

+
+
+ + +
+
Ave María
+
+

Dios te salve, María, llena eres de gracia; el Señor es contigo; bendita tú eres entre todas las mujeres, y bendito es el fruto de tu vientre, Jesús. Santa María, Madre de Dios, ruega por nosotros, pecadores, ahora y en la hora de nuestra muerte. Amén.

+
+
+ + + +
+
Gloria
+
+

Gloria a Dios en el cielo, y en la tierra paz a los hombres que ama el Señor. Por tu inmensa gloria te alabamos, te bendecimos, te adoramos, te glorificamos, te damos gracias, Señor Dios, Rey celestial, Dios Padre todopoderoso. Señor, Hijo único, Jesucristo. Señor Dios, Cordero de Dios, Hijo del Padre, tú que quitas el pecado del mundo, ten piedad de nosotros; tú que quitas el pecado del mundo, atiende nuestra súplica; tú que estás sentado a la derecha del Padre, ten piedad de nosotros. Porque sólo tú eres santo, sólo tú Señor, sólo tú Altísimo, Jesucristo, con el Espíritu Santo, en la gloria de Dios Padre. Amén.

+
+
+ + +
+
Salve
+
+

Salve, Reina y Madre de misericordia, vida, dulzura y esperanza nuestra; salve. A ti llamamos los desterrados hijos de Eva; a ti suspiramos, gimiendo y llorando en este valle de lágrimas. Ea, pues, Señora abogada nuestra, vuelve a nosotros esos tus ojos misericordiosos; y después de este destierro muéstranos a Jesús, fruto bendito de tu vientre. Oh clemente, oh piadosa, oh dulce Virgen María. Ruega por nosotros, Santa Madre de Dios, para que seamos dignos de alcanzar las promesas de Nuestro Señor Jesucristo. Amén.

+
+
+ + +
+
Credo
+
+

Creo en Dios, Padre todopoderoso, Creador del cielo y de la tierra;

+

Creo en Jesucristo, su único Hijo, nuestro Señor; que fue concebido por obra y gracia del Espíritu Santo, nació de Santa María Virgen; padeció bajo el poder de Poncio Pilato; fue crucificado, muerto y sepultado; descendió a los infiernos; al tercer día resucitó de entre los muertos; subió a los cielos y está sentado a la derecha de Dios Padre todopoderoso; desde allí ha de venir a juzgar a vivos y muertos.

+

Creo en el Espíritu Santo; la santa Iglesia católica; la comunión de los santos; el perdón de los pecados; la resurrección de la carne; y la vida eterna. Amén.

+
+
+ + +
+
Credo Niceno
+
+

Creo en un solo Dios, Padre todopoderoso, Creador del cielo y de la tierra, de todo lo visible y lo invisible.

+

Creo en un solo Señor, Jesucristo, Hijo único de Dios, nacido del Padre antes de todos los siglos: Dios de Dios, Luz de Luz, Dios verdadero de Dios verdadero, engendrado, no creado, de la misma naturaleza que el Padre, por quien todo fue hecho; que por nosotros los hombres y por nuestra salvación bajó del cielo, y por obra del Espíritu Santo se encarnó de María, la Virgen, y se hizo hombre; y por nuestra causa fue crucificado en tiempos de Poncio Pilato; padeció y fue sepultado, y resucitó al tercer día, según las Escrituras; y subió al cielo, y está sentado a la derecha del Padre; y de nuevo vendrá con gloria para juzgar a vivos y muertos, y su reino no tendrá fin.

+

Creo en el Espíritu Santo, Señor y dador de vida, que procede del Padre y del Hijo, que con el Padre y el Hijo recibe una misma adoración y gloria, y que habló por los profetas. Creo en la Iglesia, que es una, santa, católica y apostólica.

+

Confieso que hay un solo bautismo para el perdón de los pecados. Espero la resurrección de los muertos y la vida del mundo futuro. Amén.

+
+
+ +
+ + + + + \ No newline at end of file diff --git a/rosario.html b/rosario.html index 40e2260..ae927c5 100644 --- a/rosario.html +++ b/rosario.html @@ -9,19 +9,26 @@

RECURSOS CATÓLICOS

-

Rosario

+

SANTO ROSARIO - Nombre del misterio

Martes, 15 de enero de 2026 -
+

Santa Maria Madre de Dios

+ + +