Pega este código en cualquier página de tu web para mostrar el countdown completo:
<iframe src="https://citaex.com/tools/countdown.html" width="100%" height="480" frameborder="0" style="border-radius:20px;max-width:700px;display:block;margin:0 auto" title="Cuenta atrás regularización 2026" ></iframe>
Versión pequeña ideal para sidebar o cabecera:
<iframe src="https://citaex.com/tools/countdown.html#compact" width="100%" height="160" frameborder="0" style="border-radius:14px;max-width:420px;display:block;margin:0 auto" title="Cuenta atrás regularización 2026 — compacto" ></iframe>
Para insertar el widget directamente en tu HTML:
<div id="citaex-countdown"></div>
<script>
(function(){
var el = document.getElementById('citaex-countdown');
var deadline = new Date('2026-06-30T23:59:59+02:00').getTime();
function pad(n){ return String(n).padStart(2,'0'); }
function tick(){
var now = Date.now();
var diff = Math.max(0, deadline - now);
var d = Math.floor(diff/86400000);
var h = Math.floor((diff%86400000)/3600000);
var m = Math.floor((diff%3600000)/60000);
var s = Math.floor((diff%60000)/1000);
el.innerHTML='<div style="font-family:sans-serif;background:#1e3a5f;color:#fff;border-radius:12px;padding:1rem;text-align:center">'
+'<div style="font-size:.7rem;color:#f59e0b;letter-spacing:.1em;margin-bottom:.5rem">PLAZO REGULARIZACIÓN 2026</div>'
+'<div style="display:flex;gap:.5rem;justify-content:center">'
+['<div><span style="font-size:2rem;font-weight:900;color:#f59e0b;font-family:monospace">'+pad(d)+'</span><br><span style="font-size:.6rem;color:#cbd5e1">DÍAS</span></div>',
'<span style="font-size:2rem;font-weight:900;color:#f59e0b;padding:.3rem 0">:</span>',
'<div><span style="font-size:2rem;font-weight:900;color:#f59e0b;font-family:monospace">'+pad(h)+'</span><br><span style="font-size:.6rem;color:#cbd5e1">HORAS</span></div>',
'<span style="font-size:2rem;font-weight:900;color:#f59e0b;padding:.3rem 0">:</span>',
'<div><span style="font-size:2rem;font-weight:900;color:#f59e0b;font-family:monospace">'+pad(m)+'</span><br><span style="font-size:.6rem;color:#cbd5e1">MIN</span></div>',
'<span style="font-size:2rem;font-weight:900;color:#f59e0b;padding:.3rem 0">:</span>',
'<div><span style="font-size:2rem;font-weight:900;color:#f59e0b;font-family:monospace">'+pad(s)+'</span><br><span style="font-size:.6rem;color:#cbd5e1">SEG</span></div>'
].join('')+'</div>'
+'<a href="https://citaex.com/tools/elegibilidad.html" style="display:inline-block;margin-top:.75rem;background:#f59e0b;color:#1e3a5f;padding:.45rem 1.1rem;border-radius:7px;text-decoration:none;font-weight:700;font-size:.82rem">Verificar elegibilidad →</a>'
+'</div>';
}
tick();
setInterval(tick, 1000);
})();
</script>