Getafe CF

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Cuenta atrás – Entradas Getafe CF vs Real Madrid CF</title>
  <style>
    :root{
      --gcf-accent:#0d5bd7;
      --gcf-fg:#0b1220;
      --gcf-muted:#6b7280;
      --gcf-bg:#ffffff;
      --gcf-border:#e5e7eb;
      --gcf-chip:#f3f4f6;
      --gcf-shadow:0 4px 16px rgba(0,0,0,.06);
    }
    @media (prefers-color-scheme: dark){
      :root{
        --gcf-fg:#e5e7eb;
        --gcf-muted:#9ca3af;
        --gcf-bg:#0b0f1a;
        --gcf-border:#1f2937;
        --gcf-chip:#111827;
        --gcf-shadow:0 6px 24px rgba(0,0,0,.35);
      }
    }

    .gcf-countdown{ 
      max-width: 880px; margin: 0 auto; padding: 20px 16px; color: var(--gcf-fg);
      display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px;
      background: var(--gcf-bg);
      border:1px solid var(--gcf-border);
      border-radius: 14px;
      box-shadow: var(--gcf-shadow);
      position: relative;
    }
    .gcf-countdown::before{ content:""; position:absolute; top:0; left:12px; right:12px; height:3px; border-radius:3px;
      background: linear-gradient(90deg, var(--gcf-accent), color-mix(in oklab, var(--gcf-accent) 60%, white));
    }

    .gcf-eyebrow{ margin:6px 0 0; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color: var(--gcf-muted); }
    .gcf-title{ margin:2px 0 4px; font-weight:750; font-size:clamp(18px,2.6vw,26px); letter-spacing:-.01em; }

    .gcf-timer{ display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; }
    .gcf-unit{ display:flex; align-items:baseline; gap:6px; padding:10px 12px; background: var(--gcf-chip); border:1px solid var(--gcf-border); border-radius:12px; }
    .gcf-unit span{ font-variant-numeric:tabular-nums; font-size:clamp(28px,6vw,42px); font-weight:800; line-height:1; }
    .gcf-unit small{ font-size:12px; color: var(--gcf-muted); text-transform:uppercase; letter-spacing:.08em; }

    .gcf-ended{ color: var(--gcf-muted); font-size:clamp(16px,2vw,20px); font-weight:600; }
  </style>
</head>
<body>
  <section class="gcf-countdown" role="region" aria-label="Cuenta atrás · Entradas Getafe CF - Real Madrid CF">
    <p class="gcf-eyebrow">Entradas Getafe CF – Real Madrid CF</p>
    <h2 id="gcf-title" class="gcf-title">¡Este sorteo termina pronto!</h2>
    <div id="gcf-timer" class="gcf-timer" aria-live="polite" aria-atomic="true">
      <div class="gcf-unit"><span id="gcf-d">00</span><small>d</small></div>
      <div class="gcf-unit"><span id="gcf-h">00</span><small>h</small></div>
      <div class="gcf-unit"><span id="gcf-m">00</span><small>m</small></div>
      <div class="gcf-unit"><span id="gcf-s">00</span><small>s</small></div>
    </div>
  </section>

  <script>
    const targetDate = new Date('2025-10-16T16:59:00+02:00');
    const $d = document.getElementById('gcf-d');
    const $h = document.getElementById('gcf-h');
    const $m = document.getElementById('gcf-m');
    const $s = document.getElementById('gcf-s');
    const $title = document.getElementById('gcf-title');
    const $timer = document.getElementById('gcf-timer');

    const pad = (n) => String(n).padStart(2,'0');

    function update(){
      const now = new Date();
      const diff = targetDate - now;
      if (diff <= 0){
        $title.textContent = 'Este sorteo ha finalizado. ¡Gracias por participar!';
        $timer.innerHTML = '';
        clearInterval(tick);
        return;
      }
      const total = Math.floor(diff/1000);
      const days = Math.floor(total/86400);
      const hours = Math.floor((total%86400)/3600);
      const minutes = Math.floor((total%3600)/60);
      const seconds = total%60;
      $d.textContent = pad(days);
      $h.textContent = pad(hours);
      $m.textContent = pad(minutes);
      $s.textContent = pad(seconds);
    }
    const tick = setInterval(update, 1000);
    update();
  </script>
</body>
</html>


SORTEO ENTRADAS GETAFE REAL MADRID

¿Comprar entradas para el partido? Están agotadas. Ya no hay a la venta, pero puedes participar en el sorteo y ganar dos entradas para ver el Getafe - Real Madrid. Llévate este regalo único