From 3ce4543e64c9582d760cbd101124c7979f28fb3d Mon Sep 17 00:00:00 2001
From: Tatiana Villa Ema <tatiana@tecnologia-facil.es>
Date: Sun, 18 Jan 2026 00:22:33 +0100
Subject: [PATCH] primer commit

---
 js/codigo.js | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/js/codigo.js b/js/codigo.js
index d25942a..ecfbfd9 100644
--- a/js/codigo.js
+++ b/js/codigo.js
@@ -44,25 +44,34 @@ async function cargarYActualizarTodo() {
         const nombreTiempoText = document.querySelector('.nombre-color');
 
         if (datosHoy) {
-                        // Mapeo de colores (puedes añadir los hex exactos aquí)
             const mapaColores = {
                 "verde": "#2d5a27",
                 "morado": "#5d2d91",
-                "blanco": "#f0f0f0",
+                "blanco": "#ffffff",
                 "rojo": "#b30000",
                 "azul": "#0074d9",
                 "rosa": "#e7b1cc"
             };
             
-            // Actualizamos Indicador Litúrgico
-            cabeceraHoy.style.backgroundColor = mapaColores[datosHoy.color]; // Fondo para toda la cabecera
+            const colorReal = mapaColores[datosHoy.color] || "#0054a4"; // Color por defecto si no se encuentra
+            
+            // 1. Cambiamos el fondo de la cabecera
+            cabeceraHoy.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.
+            const colorTexto = (datosHoy.color === "blanco" || datosHoy.color === "rosa") ? "#2b2b2b" : "#ffffff";
+            
+            cabeceraHoy.style.color = colorTexto;
+            
+            // Forzamos a que el título y la fecha también cambien (por si el CSS es muy específico)
+            const tituloMain = cabeceraHoy.querySelector('.titulo');
+            if (tituloMain) tituloMain.style.color = colorTexto;
+
             indicadorLiturgicoElem.textContent = datosHoy.tiempo;
-            //indicadorLiturgicoElem.style.color = mapaColores[datosHoy.color];
-            if (datosHoy.color === "blanco" || datosHoy.color === "rosa") {
-                indicadorLiturgicoElem.style.color = "#000000"; // Texto oscuro para fondos claros
-            } else {
-                indicadorLiturgicoElem.style.color = "#ffffff"; // Texto claro para fondos oscuros
-            }
+            // Aseguramos que el indicador también use el color de contraste
+            indicadorLiturgicoElem.style.color = colorTexto;
+        
         } else {
             indicadorLiturgicoElem.textContent = "-";
         }