<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SIN PRODUCCIONES - PARANÀ, ENTRE RIOS</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 20px;
            background-image: url(fondo_web.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            background-position: center center;
        }
        
        center {
            position: absolute;
            top: 65%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        
        @media (max-width: 480px) {
            body {
                background-image: url(fondo_mobile.jpg);
            }
            
            center {
                top: 50%;
                left: 50%;
            }
        }
    </style>
</head>
<body>
    
    <center>
        <audio id="audio" controls autoplay muted style="width:16em;padding:0;">
            <source src="https://stm16.xcast.com.br:7620/;?type=http&amp;nocache=51" type="audio/mpeg">
            Tu navegador no soporta audio.
        </audio>
    </center>
    
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        let audio = document.getElementById("audio");
    
        setTimeout(() => {
            audio.muted = false; // Activa el sonido después de la carga
            audio.play().catch(error => {
                console.log("Autoplay bloqueado. Se requiere interacción del usuario.");
            });
        }, 1000); // Espera 1 segundo antes de activar el sonido
    });
</script>

</body>
</html>