<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/css/main.min.css?180012" rel="stylesheet">

  <title>Con Bilz o Pap Zero prepárate para una diversión de otro mundo</title>
  <meta name="description" content="Escanea el QR de tus botellas y participa por entradas para: Mampato, Kidzania, Happyland, Fantasilandia, Family Park, Cineplanet o Chuck E. Cheese" />

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
  <link rel="manifest" href="site.webmanifest" />
  
</head>
<body id="page-index" class="d-flex flex-column">
    <!-- HEADER -->
    <header class="text-white text-center">
      <div class="container position-relative" style="z-index: 1;">
    <nav class="navbar navbar-expand-lg navbar-light bg-light" id="menu-byp">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.php">
                <img src="assets/img/home/logo.png" class="img-fluid logo-byp">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarBYP" aria-controls="navbarBYP" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarBYP">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.php">INICIO</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link " href="como-participar.php">CÓMO PARTICIPAR</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link " href="premio.php">PREMIOS</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link " href="ganadores.php">GANADORES</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link " href="preguntas.php">FAQS</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="assets/pdf/bases-legales.pdf" target="_blank">BASES LEGALES</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
    </header>

    <!-- CONTENIDO -->
    <main class="container position-relative">
      <div class="is-desktop">
        <img src="assets/img/home/bill-y-mike.png" class="img-fluid bill-y-mike" alt="Bilz y Pap">
        <a href="index-formulario.php">
          <img src="assets/img/home/btn-participa-v1.png" class="img-fluid btn-participa hvr-pulse" alt="Bilz y Pap">
        </a>
      </div>
      
      <div class="is-mobile">
        <div class="row">
          <div class="col-12">
             <a href="index-formulario.php">
              <img src="assets/img/home/btn-participa-v1.png" class="w-75 btn-participa-sm hvr-pulse d-block mx-auto" alt="Bilz y Pap">
            </a>
            <div class="space-50"></div>
            <img src="assets/img/home/bill-y-mike-sm.png" class="img-fluid bill-y-mike-sm" alt="Bilz y Pap">
          </div>
        </div>
      </div>
      
    </main>

  
  <footer class="text-white text-center"><!-- fixed-bottom d-flex align-items-center justify-content-center -->
    <div class="container-fluid">
    
        <div class="row bg-blanco text-center align-items-center">
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/mampato-v1.png" alt="Mampato" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/kidzania-v1.png" alt="Kidzania" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/family-park-v1.png" alt="Family Park" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/chucke-cheese-v1.png" alt="Chucke Cheese" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/happyland-v1.png" alt="Happyland" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/fantasilandia-v1.png" alt="Fantasilandia" class="convenio img-fluid">
                </a>
            </div>
            <div class="col">
                <a href="#;" target="_blank">
                    <img src="assets/img/footer/cineplanet-v1.png" alt="Cineplanet" class="convenio img-fluid">
                </a>
            </div>
        </div>
    
        <div class="row bg-red">
            

            
                    <div class="container-fluid is-desktop">
                        <div class="row">
                            <div class="col-6 col-lg-2">
                                <a href="https://viruspublicidad.cl/" target="_blank"><img src="assets/img/footer/virus-publicidad.png" class="agencia" alt="Agencia de Publicidad"></a>
                            </div>
                            <div class="col-6 col-lg-8">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-2 terminos">
                                            <a href="assets/pdf/terminos-y-condiciones.pdf" target="_blank" class="text-white">TÉRMINOS Y CONDICIONES</a>
                                        </div>
                                        <div class="col-2">
                                            <p class="mb-0 pb-0">@2025, Embotelladoras Chilenas<br>Unidas S.A. ("CCU*) Todos los<br>derechos reservados</p>
                                        </div>
                                        <div class="col-8">
                                            <p class="valida text-start mb-0 pb-0">Válida para +18 años, del 18.8.25 al 26.10.25. Cobertura nacional. Compra productos participantes, ingresa a www.bilzypap.cl y participa.Sorteos: 25.8.25; 1.9.25; 8.9.25; 15.9.25; 22.9.25; 29.9.25; 6.10.25; 13.10.25; 20.10.25 y 27.10.25. Total de Premios: 260 a repartir, 1 para cada ganador. Entrega de premios dentro de 30 días desde el sorteo respectivo. Detalle de premios y sorteos en Bases en www.ccu.cl/bases-legales.</p>
                                        </div>
                                        
                                    </div>
                                </div>

                            </div>
                            <div class="col-6 col-lg-2">
                                <div class="rrss d-flex align-items-center">
                                    <div class="siguenos"><img src="assets/img/rrss/siguenos.png" class="img-fluid siguenos"></div>
                                    <a href="https://www.instagram.com/bilzypapcl/" target="_blank"><img src="assets/img/rrss/ig.png" alt="Instagram" class="img-fluid ico"></a>
                                    <a href="https://www.tiktok.com/@bilzypapcl" target="_blank"><img src="assets/img/rrss/tiktok.png" alt="TikTok" class="img-fluid ico"></a>
                                    <a href="https://www.youtube.com/@bilyymaik" target="_blank"><img src="assets/img/rrss/youtube.png" alt="Youtube" class="img-fluid ico"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ini Container -->
                    <div class="container-fluid is-mobile">
                        <div class="row">
                            <div class="col-3 d-flex align-items-center">
                                <a href="https://viruspublicidad.cl/" target="_blank" class="text-white" style="text-decoration: none;">
                                    <img src="assets/img/footer/logo-virus-publicidad.png" class="agencia-sm" alt="Agencia de Publicidad">
                                    <div class="fw-semibold text-uppercase small agencia-text" style="font-size: 4px !important;">Desarrollada por<br>Virus Publicidad</div>
                                </a>
                            </div>
                            <div class="col-4 text-center"> 
                                <div class="rrss d-flex align-items-center">
                                    <div class="siguenos"><img src="assets/img/rrss/siguenos.png" class="img-fluid siguenos"></div>
                                    <a href="https://www.instagram.com/bilzypapcl/" target="_blank"><img src="assets/img/rrss/ig.png" alt="Instagram" class="img-fluid ico"></a>
                                    <a href="https://www.tiktok.com/@bilzypapcl" target="_blank"><img src="assets/img/rrss/tiktok.png" alt="TikTok" class="img-fluid ico"></a>
                                    <a href="https://www.youtube.com/@bilyymaik" target="_blank"><img src="assets/img/rrss/youtube.png" alt="Youtube" class="img-fluid ico"></a>
                                </div>
                            </div>
                            <div class="col-5">
                                <p class="mb-0 pb-0 embotelladoras">@2025, Embotelladoras Chilenas Unidas S.A. ("CCU*)<br> Todos los derechos reservados</p>
                                <a href="assets/pdf/terminos-y-condiciones.pdf" target="_blank" class="text-white" style="text-decoration: none; font-size: 7px !important;">TÉRMINOS Y CONDICIONES</a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <p class="valida-sm mb-0 pb-0">Válida para +18 años, del 18.8.25 al 26.10.25. Cobertura nacional. Compra productos participantes, ingresa a www.bilzypap.cl y participa.Sorteos: 25.8.25; 1.9.25; 8.9.25; 15.9.25; 22.9.25; 29.9.25; 6.10.25; 13.10.25; 20.10.25 y 27.10.25. Total de Premios: 260 a repartir, 1 para cada ganador. Entrega de premios dentro de 30 días desde el sorteo respectivo. Detalle de premios y sorteos en Bases en www.ccu.cl/bases-legales.</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Container -->
            
            </div>
        </div>
    </div>
</footer>


<!-- INI MODALS -->
<div class="modal fade" id="modalFelicidades" tabindex="-1" aria-labelledby="modalFelicidadesLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-0">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body text-center">
                <a href="index-formulario.php">
                    <img src="assets/img/modal-felicitaciones-v1.png" class="img-fluid" alt="Felicitaciones">
                </a>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modalUps" tabindex="-1" aria-labelledby="modalUpsLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-0">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <img src="assets/img/modal-ups.png" class="img-fluid" alt="Ups"></a>
            </div>
            
        </div>
    </div>
</div>
<!-- END MODALS -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YEH3V7BHYC"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YEH3V7BHYC');
</script>  <!-- Modal video -->
  <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content bg-dark text-white">
        <div class="modal-header border-0">
          <h5 class="modal-title" id="videoModalLabel">Bilz y Pap</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Cerrar"></button>
        </div>
        <div class="modal-body pt-0">
          <div class="ratio ratio-16x9">
            <!-- data-src para controlar autoplay -->
            <iframe id="ytPlayer"
                    data-src="https://www.youtube.com/embed/dxev-5ySIQo?rel=0&playsinline=1"
                    title="YouTube video"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                    allowfullscreen
                    referrerpolicy="strict-origin-when-cross-origin"></iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="assets/js/plugins.js?180012"></script>
  <script src="assets/js/main.js?180012"></script>
</body>
</html>