/* Envoltura del contador completo */ .md-timer-layout { display: flex; align-items: flex-start; justify-content: center; gap: 8px; font-family: "Euclid Circular B Regular", sans-serif; padding: 10px 0; } /* Columna para cada bloque de tiempo (Caja + Texto) */ .md-time-col { display: flex; flex-direction: column; align-items: center; gap: 6px; } /* La caja oscura del número */ .md-time-box { background-color: rgba(34, 34, 34, 0.85); color: #FFFFFF; padding: 12px 14px; border-radius: 8px; font-weight: 800; font-size: 1.4rem; line-height: 1; min-width: 45px; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); } /* Etiquetas debajo de los números (Días, Horas...) */ .md-time-label { color: #773232; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } /* Separador de dos puntos */ .md-time-sep { color: #773232; font-size: 1.4rem; font-weight: bold; line-height: 1; padding-top: 12px; /* Alinea los puntos con las cajas, no con el texto inferior */ animation: blink 1s infinite; } @keyframes blink { 50% { opacity: 0; } } (function() { // --- CONFIGURACIÓN DE FECHA LÍMITE --- const fechaFin = new Date('2026-05-26T23:59:59').getTime(); function actualizarContador() { const ahora = new Date().getTime(); const distancia = fechaFin - ahora; const wrapperEl = document.getElementById('md-countdown-wrapper'); if (!wrapperEl) return; // Si se acaba el tiempo, oculta el contador y muestra un mensaje if (distancia < 0) { wrapperEl.innerHTML = 'La Oferta Flash ha finalizado.'; return; } // Cálculos const dias = Math.floor(distancia / (1000 * 60 * 60 * 24)); const horas = Math.floor((distancia % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutos = Math.floor((distancia % (1000 * 60 * 60)) / (1000 * 60)); const segundos = Math.floor((distancia % (1000 * 60)) / 1000); // Elementos del DOM const ddEl = document.getElementById('md-val-dd'); const hhEl = document.getElementById('md-val-hh'); const mmEl = document.getElementById('md-val-mm'); const ssEl = document.getElementById('md-val-ss'); // Actualización visual forzando 2 dígitos if (ddEl) ddEl.innerText = String(dias).padStart(2, '0'); if (hhEl) hhEl.innerText = String(horas).padStart(2, '0'); if (mmEl) mmEl.innerText = String(minutos).padStart(2, '0'); if (ssEl) ssEl.innerText = String(segundos).padStart(2, '0'); } // Ejecución inicial y bucle de 1 segundo actualizarContador(); setInterval(actualizarContador, 1000); })();