Getafe CF

<h1 style="text-align: center;"><span style="color: rgb(0, 54, 158); font-size: 36pt;">SORTEO: ¡Gana la camiseta de Arambarri! </span></h1>

<h3 style="text-align: center;"><span style="font-size: 18pt;">Participa antes del próximo domingo 13 de octubre, a las 23:59 horas</span></h3>

<h3 style="text-align: center;">Rellena el siguiente formulario y no dejes escapar esta oportunidad de conseguir la camiseta de Mauro Arambarri por sus 200 partidos como jugador del Getafe. ¡Participa ahora!</h3>


<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:image" content="https://statics-maker.llt-services.com/get/images/2024/09/12/original/d2ccf324-dc02-401d-a69f-22b1dbc80a53-199.png" />
    <title>Cuenta Atrás</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            background-color: #f4f4f4;
        }
        .countdown-container {
            text-align: center;
            padding: 20px;
        }
        #countdown {
            font-size: 3.5vw; /* Reducido un 30% */
            color: #00369E; /* Nuevo color */
        }
        @media (max-width: 768px) {
            #countdown {
                font-size: 5.6vw; /* Reducido un 30% en pantallas más pequeñas */
            }
        }
        @media (max-width: 480px) {
            #countdown {
                font-size: 7vw; /* Reducido un 30% en pantallas móviles */
            }
        }
    </style>
</head>
<body>

    <div class="countdown-container">
        <div id="countdown"></div>
    </div>

    <script>
        // Configurar la fecha de fin de la cuenta atrás
        const countDownDate = new Date("Oct 13, 2024 23:59:00").getTime();

        // Actualizar la cuenta cada segundo
        const x = setInterval(function() {

            // Obtener la fecha y hora actual
            const now = new Date().getTime();

            // Calcular la diferencia entre la fecha actual y la de fin
            const distance = countDownDate - now;

            // Cálculos de días, horas, minutos y segundos
            const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);

            // Mostrar el resultado en el elemento con id="countdown"
            document.getElementById("countdown").innerHTML = days + "d " + hours + "h " 
            + minutes + "m " + seconds + "s ";

            // Si la cuenta llega a cero, mostrar un mensaje
            if (distance < 0) {
                clearInterval(x);
                document.getElementById("countdown").innerHTML = "¡Sorteo finalizado!";
            }
        }, 1000);
    </script>

</body>
</html>