/* Estilo Premium Minimalista al estilo MercadIA */ .cronometro-container { background-color: #000000; /* Fondo oscuro */ border: 2px solid #ffffff; /* Borde limpio */ border-radius: 8px; padding: 15px; text-align: center; max-width: 350px; margin: 0 auto; font-family: 'Montserrat', 'Helvetica', Arial, sans-serif; } .cronometro-titulo { color: #83f52c; /* Tu verde fosfo de MercadIA */ font-size: 14px; font-weight: bold; letter-spacing: 2px; margin-bottom: 8px; transition: color 0.5s ease; } #reloj-48h { color: #ffffff; font-size: 38px; font-weight: 800; letter-spacing: 1px; transition: color 0.5s ease; } /* Efecto Rojo de Pánico con parpadeo para las últimas horas */ .panico-rojo { color: #ff0000 !important; /* Rojo intenso de urgencia */ animation: parpadeoUrgente 1s infinite; } @keyframes parpadeoUrgente { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } function actualizarCronometro() { const ahora = new Date(); // Convertir la hora actual a segundos totales del día const horasActuales = ahora.getHours(); const minutosActuales = ahora.getMinutes(); const segundosActuales = ahora.getSeconds(); // Determinamos en qué ciclo de 48 horas estamos usando el día del año const inicioAño = new Date(ahora.getFullYear(), 0, 1); const diasPasados = Math.floor((ahora - inicioAño) / (24 * 60 * 60 * 1000)); // Si el día del año es impar, el ciclo reinició ayer. Si es par, reinició hoy. const esDiaImpar = diasPasados % 2 !== 0; let segundosRestantes; const segundosEnUnDia = 24 * 60 * 60; const segundosTranscurridosHoy = (horasActuales * 3600) + (minutosActuales * 60) + segundosActuales; if (esDiaImpar) { // Estamos en el segundo día del ciclo de 48 horas segundosRestantes = segundosEnUnDia - segundosTranscurridosHoy; } else { // Estamos en el primer día del ciclo de 48 horas segundosRestantes = (segundosEnUnDia * 2) - segundosTranscurridosHoy; } // Calcular horas totalizadas, minutos y segundos let horasTotal = Math.floor(segundosRestantes / 3600); let minutos = Math.floor((segundosRestantes % 3600) / 60); let segundos = segundosRestantes % 60; // Capturar los elementos visuales para aplicar el cambio de color const cronometroElement = document.getElementById("reloj-48h"); const tituloElement = document.querySelector(".cronometro-titulo"); // CONDICIÓN: Si quedan MENOS de 3 horas (de 02:59:59 para abajo) if (horasTotal < 3) { cronometroElement.classList.add("panico-rojo"); if (tituloElement) tituloElement.classList.add("panico-rojo"); } else { cronometroElement.classList.remove("panico-rojo"); if (tituloElement) tituloElement.classList.remove("panico-rojo"); } // Formato estético con ceros a la izquierda (05:09:01) horasTotal = horasTotal < 10 ? "0" + horasTotal : horasTotal; minutos = minutes = minutos < 10 ? "0" + minutos : minutos; segundos = segundos < 10 ? "0" + segundos : segundos; // Pintar el tiempo final en pantalla cronometroElement.innerHTML = horasTotal + ":" + minutos + ":" + segundos; } // Ejecutar al cargar la página de inmediato y actualizar cada segundo actualizarCronometro(); setInterval(actualizarCronometro, 1000);