.slider-wrapper {
    position: relative;
    width: 100%;
    padding: 1.5rem 0;
}

.slider-wrapper h2 {
    margin-bottom: 1rem;
}

/* SCROLL */
.cards-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 10px;
        display: flex;
    justify-content: space-around;
}

}

.cards-scroll::-webkit-scrollbar {
    display: none;
}

/* CARD */
.card {
    display: inline-flex;
    vertical-align: top;
    width: 354px;
    height: 349px;
    margin-right: 16px!important;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
}

.card:last-child {
    margin-right: 0;
}

.card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .5s ease;
}

.card:hover .card-bg {
    transform: scale(1.05);
}

.card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.18) 55%,
        transparent 100%
    );
}

.card-body {
    position: relative;
    z-index: 1;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.card-tag {
    display: inline-block;
    width: fit-content;
    padding: 3px 10px;
    border-radius: 8px;
    background: #015c57;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.card-title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    white-space: normal;
}

/* NAV BUTTONS  */
.botones {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.botones button {
    width: 40px;
    height: 40px;

    cursor: pointer;
    transition: .2s;
}


.botones button:disabled {
    opacity: .3;
    cursor: default;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .card {
        width: 85vw;
        max-width: 354px;
    }
}
</style>

<div class="slider-wrapper">


    <!-- NAV ACTUALIZADO -->
    <div class="botones">    
    <h2>Vive el Mundial con CGV</h2>

        <div>
            <button class="lobby-nav-prev" aria-label="Anterior" disabled>
            <i class="fa fa-chevron-left"></i>
        </button>

        <button class="lobby-nav-next" aria-label="Siguiente">
            <i class="fa fa-chevron-right"></i>
        </button>
        </div>
    </div>

     <div class="cards-scroll">
          <a href="/promociones/estamos-en-la-final.html">
            <div class="card">
            <div class="card-bg"
                style="background-image:url('/img/CGV/promociones/dp-celebramos-final-50-extra.webp')">
            </div>
            <div class="card-overlay"></div>
            <div class="card-body">
                <span class="card-tag">Promoción Mundial</span>
                <p class="card-title">Bono 50% en todos los depositos</p>
            </div>
        </div>
        </a>


        <a href="/promociones/cashback-instantaneo-mundial-26.html">
            <div class="card">
            <div class="card-bg"
                style="background-image:url('https://www.casinogranvia.es/img/CGV/promociones/dp-cashback-instantaneo-mundial-26.webp')">
            </div>
            <div class="card-overlay"></div>
            <div class="card-body">
                <span class="card-tag">Promoción Mundial</span>
                <p class="card-title">Cashback Instantáneo Mundial 2026</p>
            </div>
        </div>
        </a>

        <a href="/promociones/deposito-diario-mundial-26.html">
            <div class="card">
            <div class="card-bg"
                style="background-image:url('https://www.casinogranvia.es/img/CGV/promociones/dp-deposito-diario-mundial-26.webp')">
            </div>
            <div class="card-overlay"></div>
            <div class="card-body">
                <span class="card-tag">Promoción Mundial</span>
                <p class="card-title">Depósito diario Mundial Apuestas</p>
            </div>
        </div>
        </a>

        <a href="/promociones/moneyback-mundial-26.html">
            <div class="card">
            <div class="card-bg"
                style="background-image:url('https://www.casinogranvia.es/img/CGV/promociones/dp-bono-moneyback-mundial-26.webp')">
            </div>
            <div class="card-overlay"></div>
            <div class="card-body">
                <span class="card-tag">Promoción Mundial</span>
                <p class="card-title">Moneyback Mundial</p>
            </div>
        </div>
            
        </a>

        <a href="/promociones/bono-deposito-mundial-slots-26.html">
            <div class="card">
            <div class="card-bg"
                style="background-image:url('https://www.casinogranvia.es/img/CGV/promociones/dp-bono-deposito-mundial-slots.webp')">
            </div>
            <div class="card-overlay"></div>
            <div class="card-body">
                <span class="card-tag">Promoción Mundial</span>
                <p class="card-title">Bono Depósito Mundial Slots</p>
            </div>
        </div>
        </a>

    </div>
</div>

<script>
document.querySelectorAll('.slider-wrapper').forEach(slider => {

    const scrollContainer = slider.querySelector('.cards-scroll');

    const prevBtn = slider.querySelector('.lobby-nav-prev');
    const nextBtn = slider.querySelector('.lobby-nav-next');

    function getCardWidth() {
        const card = scrollContainer.querySelector('.card');
        if (!card) return 370;

        const styles = window.getComputedStyle(card);

        return card.offsetWidth + parseInt(styles.marginRight || 0);
    }

    function updateButtons() {
        const maxScroll = scrollContainer.scrollWidth - scrollContainer.clientWidth;

        prevBtn.disabled = scrollContainer.scrollLeft <= 0;
        nextBtn.disabled = scrollContainer.scrollLeft >= maxScroll - 5;
    }

    prevBtn.addEventListener('click', () => {
        const cardWidth = getCardWidth();

        const scrollAmount =
            Math.max(
                1,
                Math.floor(scrollContainer.clientWidth / cardWidth)
            ) * cardWidth;

        scrollContainer.scrollBy({
            left: -scrollAmount,
            behavior: 'smooth'
        });
    });

    nextBtn.addEventListener('click', () => {
        const cardWidth = getCardWidth();

        const scrollAmount =
            Math.max(
                1,
                Math.floor(scrollContainer.clientWidth / cardWidth)
            ) * cardWidth;

        scrollContainer.scrollBy({
            left: scrollAmount,
            behavior: 'smooth'
        });
    });

    scrollContainer.addEventListener('scroll', updateButtons);
    window.addEventListener('resize', updateButtons);

    updateButtons();
});
</script>

<!DOCTYPE html>
<html lang="es">
<head prefix="og: http://ogp.me/ns#">
    
        <script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/6e6bdb30fdf9189429a717acab072fa5.js"></script>
    
    <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PRPW8ZW2');</script>
    <!-- End Google Tag Manager -->
    
	<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">

    <meta name="description" content="Casino Gran Vía - Sólo para usuarios">

<meta name="theme-color" media="(prefers-color-scheme: light)" content="#FAFAFA">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#015C57">
<meta name="msapplication-TileColor" content="#64C1C2">

    <meta name="robots" content="index,follow" />

    <link rel="canonical" href="https://www.casinogranvia.es/authorizePage.html">

<meta property="og:locale" content="es_ES" />
<meta property="og:title" content="Casino Gran Vía | Sólo para usuarios" />

    <meta name="og:description" content="Casino Gran Vía - Sólo para usuarios">
    <meta property="twitter:description" content="Casino Gran Vía - Sólo para usuarios" />

<meta property="og:type" content="website" />
<meta property="og:site_name" content="Casino Gran Vía Online" />
    <meta property="og:image" content="https://www.casinogranvia.es/img/CGV/layout/logotipo-casino-gran-via-desktop.svg" />
    <meta property="twitter:image" content="https://www.casinogranvia.es/img/CGV/layout/logotipo-casino-gran-via-desktop.svg" />

    <meta property="og:url" content="https://www.casinogranvia.es/authorizePage.html" />
    <meta property="twitter:url" content="https://www.casinogranvia.es/authorizePage.html">

<meta property="twitter:site" content="@casinogranviaon" />
<meta property="twitter:title" content="Casino Gran Vía | Sólo para usuarios" />	<link rel="preload" as="style" href="/css/CGV/styles.min.css?version=532" onload="this.onload=null;this.rel='stylesheet'" media="not print">
	<link rel="preload" as="style" href="/css/CGV/lobbies.min.css?version=532" onload="this.onload=null;this.rel='stylesheet'">

	<script src="/js/CGV/jquery-3.5.1.min.js?version=140"></script>
<script src="/js/CGV/CGV-casino-lobby.js?version=140"></script>
<script src="/js/CGV/functions-VG.js?version=140"></script>
<script src="/js/CGV/ca-layout.js?version=140"></script>



<style>
    @media (max-width: 768px) {
        #cookiescript_badge {
            bottom: 80px !important;
            z-index: 100 !important;
        }
    }
    
    section.test {
        background: #ff00000f;
        border: 1px dashed red;
        margin-bottom: 1rem;
    }
    
    section.test .test--title {
        color: red;
        font-size: 1rem;
    }
    
    section.test .test--header {
        display: flex;
        gap: 1rem;
        align-items: center;
        border-bottom: 1px dashed red;
        background-color: #ee13131a;
        padding: 10px;
    }
    
    section.test .test--body {
        padding: 10px;
    }
</style>



<style>
    body .icon-search {
        display: none !important;
    }
    
    .terms {
        background-color: var(--container-color);
        border-radius: var(--border-radius);
        padding: 20px;
    }
    
    .games-slim.featured .number {
        font-size: 6rem !important;
        background: orange;
        background-clip: text;
    }
    
    main > article:has(.lobby-slim) {
        margin-top: 20px;
    }

    h1 {
        text-transform: none;    
    }
    
    html {
        font-size: 14px;
    }
    
    .games-slim, .games {
        margin-top: -20px;
    }
    
    .lobby-slim, .lobby .grid {
        margin-top: -20px;
    }
    
     p+h2, p+h3, p+h4, p+h5, p+.h2, p+.h3, p+.h4, p+.h5, ol+h2, ul+h2, ol+h3, ul+h3, ol+h4, ul+h4, ol+h5, ul+h5, ol+.h2, ul+.h2, ol+.h3, ul+.h3, ol+.h4, ul+.h4, ol+.h5, ul+.h5 {
        margin-top: 1rem;
    } 
    
    p+p {
        margin-top: .5rem;
    }
    
     article ul, article ol {
        margin: 1rem;
    } 
    
    article ul li, article ol li {
        margin-bottom: .5rem;
    }
    
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        line-height: 1.1;
    }
    
    .banner-interior {
	    margin: -1rem 0 1rem 0;
    }
    
    .filtro img {
        margin-bottom: 10px;
    }
    
    .lobby-slim .header img {
        width: 24px !important;
    }
    
    .grid.todo-juegos, .lobby.promociones .grid {
        margin-top: 20px;
    }
    
    @media(max-width: 768px){
        main > article:has(.lobby-slim) {
            margin-top: 0;
        }
    }
    
    .contenedor-cards-productos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        width: 100%;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }
    
    .cards-productos {
        background: var(--container-color);
        border-radius: var(--border-radius);
        overflow: hidden;
        text-align: center;
    }
    
    .cards-productos img {
        width: 100%;
        height: auto;
        display: block;
        padding-top: 15px;
    }
    
    .cards-contenido {
        padding: 15px;
    }
    
    .promo {
        grid-template-columns: minmax(320px, 0.75fr) 1fr;
    }
    
    .drawer-menu-desktop .tracker-navigation-promotions {
        margin-top: 0;
    }
    
    .games-slim.providers.scroll p.h4 {
        text-align: center;
    }
    
    @media (max-width: 1024px) {
        .contenedor-cards-productos {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .cards-contenido * {
            text-align: center;
        }
        
        .cards-contenido h3.h4 {
            font-size: var(--h3);
        }
    }
    
    @media (max-width: 768px) {
        .promo {
            grid-template-columns: 1fr;
        }
    }
    
    @media (max-width: 480px) {
       .contenedor-cards-productos {
            grid-template-columns: 1fr;
        }
        
        .cards-contenido * {
            text-align: center;
        }
    }
</style>

	<title>Casino Gran Vía | Sólo para usuarios</title>
		
	

     	
	<meta name="google-site-verification" content="mpa337_bBc-nxX12XddI9Kfpg8aEXhS_C7NVNZTXEI8" />
	

</head>
<body>
        <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPW8ZW2"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <script src="/js/CGV/dark-light-mode.js?version=140"></script>
	<div class ="  background: #191d20;
    border-bottom: 1px solid var(--glass-05);
    padding: 8px 0;
    font-size: 12px;">
</div>
<header style="height:76px!important;">

   

	<div>
		<div>
		    <a class="header-logo" href="/"></a>
		</div>
		<div class="header-options">
		    
		     		    
						    <div class="searchGameWrapper">
    <div class="search inputBox">
        <input type="text" autocomplete="off" name="searchGame" onkeyup="filter(this.value.trim(), this)" onchange="filter(this.value.trim(), this)" minlength="3" placeholder="¿A qué quieres jugar?" placeholder-mobile="Buscar...">
        <span style="right:0;"><i class="icon-search"></i></span>
    </div>
    <div class="searchGameResult">
        <div class="flex-between vCenter">
            <p class="h3">Búsqueda</p>
            <i class="icon-x-search" onclick="javascript:closeFilter();void(0);"></i>
        </div>
        <p><small class="searchGameResultCount"></small></p>
        <div class="searchGameResultGrid"></div>
    </div>
</div>

<template id="gameItem">
    <a draggable="false" class="room" data-tags="" title="">
        
        <div class="tag destacada" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag deldia" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag exclusiva right" style="display: none">
            <div class="arrow-right"><div class="arrow-body"></div><div class="arrow-point"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag dropsnwins" style="display: none">
            <img src="/img/CGV/layout/drops-and-wins.svg" alt="Drops & Wins" width="48">
        </div>
        
        <div class="tag ensala" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag top" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag promo" style="display: none">
            <img src="/img/CGV/layout/etiqueta-promo.svg" alt="Promo" width="48">
            <span>Promo</span>
        </div>
        
        <div class="tag crashing" style="display: none">
            <img src="/img/CGV/layout/etiqueta-crashing-games.svg" alt="Crashing Games" width="86">
            <span>Crashing<br>Games</span>
        </div>
        
        <div class="tag nueva" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag megaways" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag ways" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag clusters" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="text-wrapper" style="display: none">
            <div class="arrow-right"><div class="arrow-body"></div><div class="arrow-point"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="image-wrapper">
            <div class="image">
                
            </div>
        </div>
        
        
        <div class="action">
            <i class="fa-solid fa-play play"></i>
                    </div>
    </a>
</template> 
						
			            

                        

<div class="tema">
    <input
  type="checkbox"
  class="themebtn mobile lightdark-input"
  id="theme-button"
  aria-label="Cambiar tema"
  style="position:absolute;opacity:0;pointer-events:none;"
>

<label
  for="theme-button"
  aria-label="Cambiar tema"
  id="theme-label"
  style="
    background: rgba(148, 163, 184, 0.08);
    border: 1px solid rgba(148,163,184,0.25);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: visible;
    user-select: none;
  "
>
  <svg id="moon-icon" viewBox="0 0 24 24" aria-hidden="true"
    style="width:18px;height:18px;fill:currentColor;position:absolute;opacity:1;transform:scale(1) rotate(0deg);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;">
    <path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/>
  </svg>

  <svg id="sun-icon" viewBox="0 0 24 24" aria-hidden="true"
    style="width:18px;height:18px;fill:currentColor;position:absolute;opacity:0;transform:scale(0.8) rotate(-20deg);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;">
    <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/>
  </svg>
</label>
</div>

<script>
  const root = document.documentElement;
  const input = document.getElementById('theme-button');
  const label = document.getElementById('theme-label');
  const moon = document.getElementById('moon-icon');
  const sun = document.getElementById('sun-icon');

  function syncTheme() {
    const isLight = root.getAttribute('data-theme') === 'light';
    label.style.color = isLight ? '#ffffff' : '#00000';

    if (isLight) {
      sun.style.opacity = '1';
      sun.style.transform = 'scale(1) rotate(0deg)';
      moon.style.opacity = '0';
      moon.style.transform = 'scale(0.8) rotate(20deg)';
    } else {
      sun.style.opacity = '0';
      sun.style.transform = 'scale(0.8) rotate(-20deg)';
      moon.style.opacity = '1';
      moon.style.transform = 'scale(1) rotate(0deg)';
    }
  }

  syncTheme();

  input.addEventListener('change', function () {
    const isLight = root.getAttribute('data-theme') === 'light';
    root.setAttribute('data-theme', isLight ? 'dark' : 'light');
    syncTheme();
  });
</script>
<style>
    .tema {
        margin-left: 20px;
    }
    @media (max-width: 768px) {
    .tema{
        display:none;
    }
    
}
</style>
            

            
                                    
            
                		    		
    		    		    <a href="javascript:mpu('/joinPopup.html');void(0);" class="btn-secondary ml50">Iniciar<span class='hidden-tablet'> sesión</span></a>
    				    
		        			<a href="/registro.html" class="btn-primary ml35 tracker-register-register">Crear cuenta</a>
    		    		
    		            
                                    


		</div>
	</div>
</header>	<template id="room">
    <a class="game empty">
        <div class="image">
            
        </div>
        
        <div class="action">
            <i class="fa-solid fa-play play"></i>
            <i class="fa-regular fa-star fav" onclick="return toggle_fav({})"></i>         </div>
    </a>
</template>
<template id="gameItem">
    <a draggable="false" class="room" data-tags="" title="">
        <div class="tag destacada" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag deldia" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag exclusiva right" style="display: none">
            <div class="arrow-right"><div class="arrow-body"></div><div class="arrow-point"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag dropsnwins" style="display: none">
            <img src="/img/CGV/layout/drops-and-wins.svg" alt="Drops & Wins" width="48">
        </div>
        
        <div class="tag ensala" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag top" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag promo" style="display: none">
            <img src="/img/CGV/layout/etiqueta-promo.svg" alt="Promo" width="48">
            <span>Promo</span>
        </div>
        
        <div class="tag crashing" style="display: none">
            <img src="/img/CGV/layout/etiqueta-crashing-games.svg" alt="Crashing Games" width="86">
            <span>Crashing<br>Games</span>
        </div>
        
        <div class="tag nueva" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag megaways" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag ways" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag clusters" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="tag scatters" style="display: none">
            <div class="arrow"><div class="arrow-top"></div><div class="arrow-bottom"></div><div class="arrow-content"></div></div>
        </div> 
        
        <div class="text-wrapper" style="display: none">
            <div class="arrow-right"><div class="arrow-body"></div><div class="arrow-point"></div><div class="arrow-content"></div></div>
        </div>
        
        <div class="image-wrapper">
            <div class="image">
                
            </div>
        </div>
        
        <div class="action">
            <i class="fa-solid fa-play play"></i>
        </div>
    </a>
</template> 
<template id="provider">
    <a class="provider empty">
        
    </a>
</template>	
                    	    <div class="breadcrumb">
        <ol itemscope itemtype="https://schema.org/BreadcrumbList">
            <meta itemprop="name" content="Breadcrumbs Casino Gran Vía" />
            <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                    <a itemprop="item" href="/"><span itemprop="name">Casino online</span></a>
                                <meta itemprop="position" content="1" />
            </li>
                                                                                                
                                                                                            
                                                
                                                <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                                        <a itemprop="item" href="/authorizePage.html" aria-current="page" style="pointer-events: none"><span itemprop="name">authorizePage</span></a>
                            <meta itemprop="position" content="2" />
                        </li>
                                                        </ol>
    </div>

	
<style>
main {
    position: relative;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 30px;
    margin: 0 auto;
    width: 100%;
    max-width: none !important;
    justify-content: initial !important;
    padding: 0 !important;
    z-index: 1;
}


main article {
    container-name: article;
    container-type: inline-size;
    padding: 0 0 10px 0;
    width: 100%;
    max-width: 1493px;
    margin: 0 auto;
}
</style>


        <main>
	    	        <aside class="aside-left">

        <div class="asideheader">
        <div class="flex-grow">
<input type="checkbox" id="theme-button-mobile" class="themebtn mobile lightdark-input" style="display:none">
<label for="theme-button-mobile" onclick="var cb=this.previousElementSibling;var sun=this.querySelector('#sun-icon');var moon=this.querySelector('#moon-icon');if(cb.checked){sun.style.opacity='1';sun.style.transform='scale(1) rotate(0deg)';moon.style.opacity='0';moon.style.transform='scale(0.5) rotate(90deg)'}else{sun.style.opacity='0';sun.style.transform='scale(0.5) rotate(90deg)';moon.style.opacity='1';moon.style.transform='scale(1) rotate(0deg)'}" style="cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:1.5px solid #e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,0.1);position:relative;">
  
  <svg id="sun-icon" viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;fill:#015c57;position:absolute;opacity:1;transform:scale(1) rotate(0deg);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;">
    <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"></path>
  </svg>
  <svg id="moon-icon" viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;fill:#015c57;position:absolute;opacity:0;transform:scale(0.5) rotate(90deg);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;">
    <path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"></path>
  </svg>
</label>
            
                    </div>
        <i class="icon-aside-mobile-close" onclick="openCloseMenu('left')"></i>
    </div>
    <nav>
        <ul class="drawer-menu-desktop">
            <li class="burger tracker-navigation-burger">
                <i class="icon-burger" onclick="changeClass(); if (window.refreshLobbies) refreshLobbies();"></i>
            </li>
            
            
            
            <li>
                <i class="icon-todojuegos" title="Todos nuestros juegos"></i>
                <a href="/casino.html">
                    <span>Juegos de casino</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/ruletas.html'" class=" tracker-navigation-live-roulette">
                <i class="icon-ruletas" title="Ruleta en vivo"></i>
                <a href="/ruletas.html">
                    <span>Ruletas en vivo</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/tragaperras.html'" class=" tracker-navigation-slots">
                <i class="icon-slots" title="Slots / Tragaperras"></i>
                <a href="/tragaperras.html">
                    <meta content="Slots">
                    <span>Slots <span class="badge slots ml5  slotcount">0</span>

<script>
    async function getGameCount() {
        try {
            var countTarget = " slotcount".trim();
            var filteredGamesCountText = await (await fetch(`/api/games`)).text();
            var filteredGamesCount = JSON.parse(filteredGamesCountText) ?? [];
            filteredGamesCount = filteredGamesCount.length;
            var currentCount = parseInt(document.querySelector(`.${countTarget}`).innerHTML ?? 0);
            
            let intervalCount = setInterval(function() {
                if (currentCount >= filteredGamesCount) {
                    currentCount = filteredGamesCount;
                    document.querySelector(`.${countTarget}`).innerHTML = currentCount.toLocaleString('de-DE'); // Puntúa los millares
                    clearInterval(intervalCount);
                }
                else {
                    currentCount += 80;
                    document.querySelector(`.${countTarget}`).innerHTML = currentCount.toLocaleString('de-DE'); // Puntúa los millares
                }
            }, 3);
        } catch(error) {
            // Está porque puede ser que el usuario navegue a otra URL antes de que se complete el fetch (Lanzaría networkerror)
        }
    }
    
    getGameCount();
    
</script></span>
                </a>
            </li>
            <li onclick="javascript:location.href='/maquinas-tragamonedas.html'" class=" tracker-navigation-tragamonedas">
                <i class="icon-slots-granvia" title="Tragamonedas"></i>
                <a href="/maquinas-tragamonedas.html">
                    <span>Tragamonedas Gran Vía</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/ruletas-electronicas.html'" class=" tracker-navigation-ruletas-electronicas">
                <i class="icon-casino" title="Ruletas electrónicas"></i>
                <a href="/ruletas-electronicas.html">
                    <span>Ruletas Electrónicas</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/blackjack.html'" class=" tracker-navigation-blackjack">
                <i class="icon-blackjack" title="Juegos de Blackjack"></i>
                <a href="/blackjack.html">
                    <span>Blackjack</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/poker.html'" class=" tracker-navigation-poker">
                <i class="icon-poker" title="Juegos de Poker"></i>
                <a href="/poker.html">
                    <span>Poker</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/apuestas-deportivas.html'" class=" tracker-navigation-sportsbook">
                <i class="icon-apuestas" title="Apuestas deportivas"></i>
                <a href="/apuestas-deportivas.html">
                    <span>Apuestas</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/estudios.html'" class=" tracker-navigation-estudios">
                <i class="icon-estudios" title="Estudios"></i>
                <a href="/estudios.html">
                    <span>Estudios</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/promociones.html'" class=" tracker-navigation-promotions">
                <i class="icon-promociones" title="Promociones"></i>
                <a href="/promociones.html">
                    <span>Promociones</span>
                </a>
            </li>
            <li onclick="javascript:location.href='/blog.html'" class=" tracker-navigation-blog">
                <i class="icon-blog" title="Blog"></i>
                <a href="/blog.html">
                    <span>Blog del Casino</span>
                </a>
            </li>
                        <li onclick="javascript:window.open('/ayuda.html','_blank');" class="mb0 tracker-navigation-ayuda">
                <i class="icon-ayuda" title="Ayuda"></i>
                <a href="/ayuda.html" target="_blank">
                    <span>Ayuda</span>
                </a>
            </li>
                                </ul>
    </nav>

</aside>

<style>

    @keyframes rainbow {
      0% { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
    }

    .icon-fs {
      background-image: url('/img/CGV/icons/dark/fs-disponibles.svg');
      background-size: contain;
      background-repeat: no-repeat;
      animation: rainbow 6s linear infinite;
    }

    .freespins-text {
      background: linear-gradient(90deg, #00d1d6, #00ffd1, #00d1d6);
      background-size: 300% 300%;
      animation: rainbow 6s linear infinite;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }

</style>

<style>
    ul.drawer-menu-desktop li{
        font-weight:bold!important;
    }
    .drawer-menu-desktop{
        margin-left: 4px;
    }
    .slide li{
        margin-left: -8px !important;
    }
    /* =====================================================
     *  MOBILE (≤ 992px): comportamiento original intacto
     * ===================================================== */
    @media (max-width: 992px) {

        .aside-left .burger {
            display: none ;
        }

        .aside-left {
            width: 100% !important;
            max-width: 100% !important;
            height: 100% !important;
            max-height: 100% !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            transition: none !important;
        }

        .aside-left nav ul.drawer-menu-desktop > li,
        .aside-left nav ul.drawer-menu-desktop > li.txtc,
        .aside-left nav ul.drawer-menu-desktop > li.areaclientes,
        .aside-left nav ul.drawer-menu-desktop > li.mb25 {
            position: static !important;
            align-items: center !important;
            height: auto !important;
            min-height: 56px !important;
            width: 100% !important;
            overflow: visible !important;
            padding: 0 16px !important;
            box-sizing: border-box !important;
        }

        .aside-left nav ul.drawer-menu-desktop > li.txtc {
            display: block !important;
            padding: 0 !important;
        }

        .aside-left nav ul.drawer-menu-desktop > li > i,
        .aside-left .slide > li > i {
            position: static !important;
            min-width: 24px !important;
            width: 24px !important;
            height: 24px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .aside-left nav ul.drawer-menu-desktop > li > a,
        .aside-left nav ul.drawer-menu-desktop > li > span,
        .aside-left .slide > li > a {
            position: static !important;
            left: auto !important;
            top: auto !important;
            transform: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            white-space: normal !important;
            transition: none !important;
            display: block !important;
            width: auto !important;
            max-width: none !important;
            overflow: visible !important;
        }

        .aside-left .slide {
            display: block !important;
            max-height: none !important;
            height: auto !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            transition: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .aside-left .slide > li {
            position: static !important;
            display: flex !important;
            align-items: center !important;
            height: auto !important;
            min-height: 50px !important;
            max-height: none !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            transition: none !important;
            padding: 0 16px !important;
        }

        .aside-left label[for="touch"] {
            display: flex !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            transition: none !important;
        }

        .aside-left .balances {
            display: grid !important;
            opacity: 1 !important;
            visibility: visible !important;
            transition: none !important;
            max-width: none !important;
            overflow: visible !important;
            grid-template-columns: auto 1fr;
            column-gap: 10px;
            row-gap: 5px;
            width: 100%;
            padding: 6px 16px;
            box-sizing: border-box;
        }

        .aside-left .balances > span:nth-child(odd) {
            grid-column: 1;
            font-size: 0.82em;
            opacity: 0.7;
            white-space: nowrap;
        }

        .aside-left .balances > span:nth-child(even),
        .aside-left .balances > a {
            grid-column: 2;
            text-align: right;
            font-weight: bold;
            white-space: nowrap;
            opacity: 1 !important;
            visibility: visible !important;
            position: static !important;
            pointer-events: auto !important;
            transform: none !important;
            max-width: none !important;
            overflow: visible !important;
        }

        .aside-left .btn-tertiary,
        .aside-left .tag-list,
        .aside-left .asideheader .flex-grow {
            opacity: 1 !important;
            visibility: visible !important;
            max-width: none !important;
            overflow: visible !important;
        }

    } /* fin @media (max-width: 992px) */

    /* =====================================================
     *  PC (≥ 993px): aside colapsado + hover to open
     *
     *  - height: auto  →  se adapta al contenido, sin scroll
     *  - position: sticky → se queda pegado al top al scrollear
     *  - overflow: visible → nada se corta
     *  - Los li tienen overflow:hidden para enmascarar textos
     * ===================================================== */

    @media (min-width: 768px) {
        li.burger.tracker-navigation-burger{
            display:none!important;
        }
        

        /* li del blog con tag-list: altura auto para que se vea completo */
        .aside-left nav ul.drawer-menu-desktop > li#misspetpeeve {
            height: auto !important;
            overflow: visible !important;
            display: block !important;
        }

        .aside-left .tag-list {
            max-width: 0 !important;
            overflow: hidden !important;
            opacity: 0 !important;
            transition: none !important;
            display: block !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .aside-left:hover .tag-list {
            max-width: 200px !important;
            opacity: 1 !important;
            transition: opacity 0.15s ease 0.22s,
            max-width 0s ease 0.22s !important;
        }

        /* Los li dentro de tag-list también visibles */
        .aside-left .tag-list > li {
            height: auto !important;
            overflow: visible !important;
            display: block !important;
            padding: 4px 8px !important;
        }

        .aside-left .tag-list > li > a {
            display: block !important;
            max-width: none !important;
            overflow: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            white-space: nowrap !important;
            transition: none !important;
        }

        .aside-left {
            position: sticky !important;
            align-self: flex-start !important;
            height: auto !important;
            overflow: visible !important;
            flex-shrink: 0 !important;
            top: 118px;
            width: 70px !important;
            transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .aside-left:hover {
            width: 240px !important;
        }

        main > article {
            min-width: 0 !important;
            flex: 1 !important;
        }

        /* Hamburger hint: pequeño indicador visible cuando el aside está colapsado */
      

        /* Al hacer hover desaparece el hint suavemente y colapsa su espacio */
        .aside-left:hover::before {
            opacity: 0;
            height: 0;
            line-height: 0;
            transition: opacity 0.1s ease, height 0s ease 0.1s;
        }

        /* Li genérico */
        .aside-left nav ul.drawer-menu-desktop > li {
            display: flex !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
            height: 44px !important;
            overflow: hidden !important;
            position: relative !important;
            width: 100% !important;
        }

        /* li.txtc — contiene el slide */
        .aside-left nav ul.drawer-menu-desktop > li.txtc {
            height: auto !important;
            overflow: visible !important;
            display: block !important;
            padding: 0 !important;
        }

        /* li.areaclientes — perfil Y balances:
           altura auto, overflow visible para que el grid
           de balances NO quede cortado nunca */
        .aside-left nav ul.drawer-menu-desktop > li.areaclientes {
            height: auto !important;
            min-height: 0 !important;
            overflow: visible !important;
            display: flex !important;
        }

        /* li.mb25 — botón retirar */
        .aside-left nav ul.drawer-menu-desktop > li.mb25 {
            height: auto !important;
            min-height: 0 !important;
            overflow: hidden !important;
            display: block !important;
        }

        /* Iconos principales */
        .aside-left nav ul.drawer-menu-desktop > li > i {
            min-width: 24px !important;
            width: 24px !important;
            height: 24px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Textos menú: ocultos hasta hover */
        .aside-left nav ul.drawer-menu-desktop > li > a,
        .aside-left nav ul.drawer-menu-desktop > li > span {
            display: block !important;
            max-width: 0 !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            opacity: 0 !important;
            pointer-events: none !important;
            transition: none !important;
            flex-shrink: 1 !important;
        }

        /* Label toggle oculto */
        .aside-left label[for="touch"] {
            max-width: 0 !important;
            overflow: hidden !important;
            opacity: 0 !important;
            transition: none !important;
            pointer-events: none !important;
            display: block !important;
        }

        /* -----------------------------------------------
         *  BALANCES: siempre en el DOM visible,
         *  se oculta con opacity+pointer-events,
         *  NO con overflow/max-width/height que cortan
         * ----------------------------------------------- */
        .aside-left .balances {
            display: grid !important;
            grid-template-columns: auto 1fr !important;
            column-gap: 10px;
            row-gap: 5px;
            padding: 8px 14px;
            box-sizing: border-box;
            width: 220px;
            opacity: 0 !important;
            pointer-events: none !important;
            transition: none !important;
            /* NO overflow:hidden, NO max-width:0 */
        }

        .aside-left .balances > span:nth-child(odd) {
            grid-column: 1;
            font-size: 0.82em;
            opacity: 0.7;
            white-space: nowrap;
        }

        .aside-left .balances > span:nth-child(even),
        .aside-left .balances > a {
            grid-column: 2 !important;
            text-align: right !important;
            font-weight: bold !important;
            white-space: nowrap !important;
            opacity: 1 !important;
            visibility: visible !important;
            display: block !important;
            max-width: none !important;
            overflow: visible !important;
        }

        /* Fix: los <a> DENTRO de .balances no deben ocultarse nunca */
        .aside-left .balances span > a,
        .aside-left .balances > span > a {
            display: inline !important;
            max-width: none !important;
            overflow: visible !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            white-space: nowrap !important;
            transition: none !important;
            flex-shrink: unset !important;
        }

        .aside-left:hover .balances span > a,
        .aside-left:hover .balances > span > a {
            display: inline !important;
            max-width: none !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        /* Botón retirar oculto */
        .aside-left .btn-tertiary {
            opacity: 0 !important;
            pointer-events: none !important;
            transition: none !important;
            display: block !important;
            max-width: none !important;
            overflow: hidden !important;
        }

        /* Otros ocultos */
        .aside-left .tag-list,
        .aside-left .asideheader .flex-grow {
            max-width: 0 !important;
            overflow: hidden !important;
            opacity: 0 !important;
            transition: none !important;
            display: block !important;
        }

        /* Slide siempre abierto */
        .aside-left .slide {
            display: block !important;
            max-height: none !important;
            height: auto !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
            padding: 0 !important;
            margin: 0 !important;
            transition: none !important;
        }

        .aside-left input#touch:not(:checked) ~ .slide {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        /* Li submenú */
        .aside-left .slide > li {
            display: flex !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
            height: 44px !important;
            overflow: hidden !important;
            max-height: none !important;
            visibility: visible !important;
            opacity: 1 !important;
            transition: none !important;
            width: 100% !important;
        }

        /* Iconos submenú */
        .aside-left .slide > li > i {
            min-width: 50px !important;
            width: 24px !important;
            height: 24px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        /* Textos submenú ocultos */
        .aside-left .slide > li > a {
            display: block !important;
            max-width: 0 !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            opacity: 0 !important;
            pointer-events: none !important;
            transition: none !important;
            flex-shrink: 1 !important;
        }

        /* ===============================================
         *  HOVER: revelar todo
         * =============================================== */

        /* Textos menú principal */
        .aside-left:hover nav ul.drawer-menu-desktop > li > a,
        .aside-left:hover nav ul.drawer-menu-desktop > li > span {
            max-width: 200px !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            transition: opacity 0.15s ease 0.22s,
                        max-width 0s ease 0.22s !important;
        }

        /* Textos submenú */
        .aside-left:hover input#touch:checked ~ .slide > li > a {
            max-width: 200px !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            transition: opacity 0.15s ease 0.22s,
                        max-width 0s ease 0.22s !important;
        }

        /* Ocultar slide si checkbox desmarcado */
        .aside-left:hover input#touch:not(:checked) ~ .slide {
            display: none !important;
        }

        /* BALANCES: solo cambia opacity, el grid ya está ahí */
        .aside-left:hover .balances {
            opacity: 1 !important;
            pointer-events: auto !important;
            transition: opacity 0.15s ease 0.22s !important;
        }

        /* Botón retirar */
        .aside-left:hover .btn-tertiary {
            opacity: 1 !important;
            pointer-events: auto !important;
            transition: opacity 0.15s ease 0.22s !important;
        }

        /* Otros */
        .aside-left:hover .tag-list,
        .aside-left:hover .asideheader .flex-grow {
            max-width: 200px !important;
            opacity: 1 !important;
            transition: opacity 0.15s ease 0.22s,
                        max-width 0s ease 0.22s !important;
        }

        /* Label toggle */
        .aside-left:hover label[for="touch"] {
            max-width: 50px !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            transition: opacity 0.15s ease 0.22s,
                        max-width 0s ease 0.22s !important;
        }

    } /* fin @media (min-width: 993px) */

</style>

<script>
    (function () {
        /* Solo actúa en pantallas de escritorio (≥ 993px) */
        if (!window.matchMedia("(min-width: 993px)").matches) return;

        var aside = document.querySelector(".aside-left");
        if (aside) {
            /*
             * Desactiva la transition ANTES de fijar el ancho
             * para evitar que el aside "se anime" desde abierto
             * a colapsado cada vez que se carga la página.
             */
            aside.style.transition = "none";
            aside.style.width = "50px";

            /*
             * requestAnimationFrame garantiza que el navegador
             * ya pintó el estado inicial antes de reactivar
             * la transition de hover.
             */
            requestAnimationFrame(function () {
                aside.style.transition = "";
            });

            localStorage.setItem("aside-folded", JSON.stringify(true));
        }

        var touchCb = document.getElementById("touch");
        if (touchCb) touchCb.checked = true;

        aside && aside.addEventListener("mouseleave", function () {
            localStorage.setItem("aside-folded", JSON.stringify(true));
        });
    })();
</script>

<script>
    if ("aside-folded" in localStorage) {
        if (JSON.parse(localStorage.getItem("aside-folded")) === true) {
            /* Solo aplicamos el estado plegado en desktop */
            if (window.matchMedia("(min-width: 993px)").matches) {
                changeClass();
                var asideEl = document.querySelector(".aside-left");
                if (asideEl) {
                    asideEl.style.transition = "none";
                    asideEl.style.width = "50px";
                    requestAnimationFrame(function () {
                        asideEl.style.transition = "";
                    });
                }
            }
        }
    }
</script>

            <style>
            .nmobile div:nth-child(2) {
                justify-content: space-evenly !important;
                width: calc(100% - 50px) !important;
            }
        </style>
    
<nav class="nmobile">
    <div>
        <i class="icon-burger-white" onclick="openCloseMenu('left')"></i>
    </div>
            <div>
                    <a href="javascript:mpu('/joinPopup.html');void(0);" class="btn-secondary">Iniciar sesión</a>
                            <a href="/registro.html" class="btn-primary tracker-register-register">Crear cuenta</a>
            </div>
</nav>	    	    <article >

	        	        
                        
                        
                            
                                                
	        	            <div class="text--center margin--top--xbig">
    <img src="/img/CGV/layout/404.webp" width="640" style="display: block; margin: 0 auto;" alt="Solo miembros">
    <h1 style="text-align: center; margin-top: -3rem">¡Upss!!!</h1>
    <h2 style="text-align: center;">P&aacute;gina no encontrada</h2>
    <p style="text-align: center;">Parece que ha elegido el camino equivocado... No te preocupes, <a href="/">volvamos a casa</a></p>
</div>
	        	        
	    </article>
</article>

                
	</main>                
	</main>

	<style>
    .social {
        background-color: var(--header-color);
        min-height: 64px;
        border-radius: var(--border-radius);
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-direction: row;
        padding-top: 9px;
        color: var(--white-color);
    }
    
    .social img {
        width: 24px;
    }
    
    footer .footer-content {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .tele-saga {
        margin-top: -20px;
        margin-bottom: 20px;
    }
    
    
    
    
    
    
    /* Tocs de footer */
    footer > .footer-content > .logos {
        height: 100%;
        gap: 1rem;
        content-visibility: auto;
    }
    
    footer > .footer-content > .logos > a > img {
        height: 100%;
        max-height: var(--height, 40px);
        object-fit: contain;
        width: auto;
    }
    
    @media(max-width: 760px) {
        footer .footer-content div:nth-child(n+4) > .h4 {
            text-align: center;
        }
        footer > .footer-content > .logos > a {
            order: var(--order, 0);   
        }
    }
</style>

<footer>
    <div class="social">
        <span>Síguenos en nuestras redes</span>
        <a href="https://x.com/casinogranviaon" target="_blank"><img src="/img/new/layout/x-logo.webp" alt="Icono Twitter"></a>
        <a href="https://www.instagram.com/casinogranviaonline/" target="_blank"><img src="/img/new/layout/instagram.webp" alt="Icono Instagram"></a>
    </div>
    
    <div class="tele-saga">
        


<style>
    .footer-content div:nth-child(1) {
        margin-top: 10px !important;
    }
    
    .teleprompter {
        width: 100%;
        overflow: hidden;
        background-color: var(--body-color);
        white-space: nowrap;
        padding: 20px 0 0;
    }

    .teleprompter .scroll-container {
        display: flex;
    }

    .teleprompter .item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0 15px;
        text-decoration: none;
        color: inherit;
        background-color: var(--container-color);
        border-radius: var(--border-radius);
        padding: .25rem .5rem;
        justify-content: center;
        width: 165px;
        flex-shrink: 0;
    }

    .teleprompter .img-placeholder {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .teleprompter .text-placeholder {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        padding: 5px;
        font-size: .8rem;
    }
    
    .teleprompter #teleprompterContainer {
        transform: translate3d(var(--scroll-position, 0px), 0, 0); /* Optimizado para tarjetas gráficas (Si hay disponible) */
    }
</style>

<div class="teleprompter">

    <div class="scroll-container" id="teleprompterContainer">
                            <a class="item tracker-saga-book-of-ra" title="Saga Book of Ra" href="/juego-book-of-ra.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-book-of-ra.webp" alt="Saga Book of Ra">
                <div class="text-placeholder">Book of Ra</div>
            </a>
                    <a class="item tracker-saga-big-bass" title="Saga Big Bass" href="/juego-big-bass.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-big-bass.webp" alt="Saga Big Bass">
                <div class="text-placeholder">Big Bass</div>
            </a>
                    <a class="item tracker-saga-pirots" title="Saga Pirots" href="/juego-pirots.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-pirots.webp" alt="Saga Pirots">
                <div class="text-placeholder">Pirots</div>
            </a>
                    <a class="item tracker-saga-super-stars" title="Saga Super Stars" href="/juego-super-stars.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-super.webp" alt="Saga Super Stars">
                <div class="text-placeholder">Super Stars</div>
            </a>
                    <a class="item tracker-saga-tumble" title="Saga Tumble" href="/juego-tumble.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-tumble.webp" alt="Saga Tumble">
                <div class="text-placeholder">Tumble</div>
            </a>
                    <a class="item tracker-saga-gates-of-olympus" title="Saga Gates Of Olympus" href="/juego-gates-of-olympus.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-gates-of-olympus.webp" alt="Saga Gates Of Olympus">
                <div class="text-placeholder">Gates Of Olympus</div>
            </a>
                    <a class="item tracker-saga-power-combo" title="Saga Power Combo" href="/juego-power-combo.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-power-combo.webp" alt="Saga Power Combo">
                <div class="text-placeholder">Power Combo</div>
            </a>
                    <a class="item tracker-saga-gonzos" title="Saga Gonzo´s" href="/juego-gonzo.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-gonzo.webp" alt="Saga Gonzo´s">
                <div class="text-placeholder">Gonzo´s</div>
            </a>
                    <a class="item tracker-saga-cygnus" title="Saga Cygnus" href="/juego-cygnus.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-cygnus.webp" alt="Saga Cygnus">
                <div class="text-placeholder">Cygnus</div>
            </a>
                    <a class="item tracker-saga-millionaire" title="Saga Millionaire" href="/juego-millionaire.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-millionaire.webp" alt="Saga Millionaire">
                <div class="text-placeholder">Millionaire</div>
            </a>
                    <a class="item tracker-saga-diamond-link" title="Saga Diamond Link" href="/juego-diamond-link.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-diamond-link.webp" alt="Saga Diamond Link">
                <div class="text-placeholder">Diamond Link</div>
            </a>
                    <a class="item tracker-saga-sweet-bonanza" title="Saga Sweet Bonanza" href="/juego-sweet-bonanza.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-sweet-bonanza.webp" alt="Saga Sweet Bonanza">
                <div class="text-placeholder">Sweet Bonanza</div>
            </a>
                    <a class="item tracker-saga-guardians-of-luxor" title="Saga Guardians of Luxor" href="/juego-guardians-of-luxor.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-guardians-of-luxor.webp" alt="Saga Guardians of Luxor">
                <div class="text-placeholder">Guardians of Luxor</div>
            </a>
                    <a class="item tracker-saga-the-dog-house" title="Saga The Dog House" href="/juego-the-dog-house.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-the-dog-house.webp" alt="Saga The Dog House">
                <div class="text-placeholder">The Dog House</div>
            </a>
                    <a class="item tracker-saga-amazing-link" title="Saga Amazing Link" href="/juego-amazing-link.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-amazing-link.webp" alt="Saga Amazing Link">
                <div class="text-placeholder">Amazing Link</div>
            </a>
                    <a class="item tracker-saga-million" title="Saga Million" href="/juego-million.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-million.webp" alt="Saga Million">
                <div class="text-placeholder">Million</div>
            </a>
                    <a class="item tracker-saga-fu-frog" title="Saga Fu Frog" href="/juego-fu-frog.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-fu-frog.webp" alt="Saga Fu Frog">
                <div class="text-placeholder">Fu Frog</div>
            </a>
                    <a class="item tracker-saga-tombstone" title="Saga Tombstone" href="/juego-tombstone.html">
                
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-tombstone.webp" alt="Saga Tombstone">
                <div class="text-placeholder">Tombstone</div>
            </a>
                
                            <a class="item tracker-saga-book-of-ra" title="Saga Book of Ra" href="/juego-book-of-ra.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-book-of-ra.webp" alt="Saga Book of Ra">
                <div class="text-placeholder">Book of Ra</div>
            </a>
                    <a class="item tracker-saga-big-bass" title="Saga Big Bass" href="/juego-big-bass.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-big-bass.webp" alt="Saga Big Bass">
                <div class="text-placeholder">Big Bass</div>
            </a>
                    <a class="item tracker-saga-pirots" title="Saga Pirots" href="/juego-pirots.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-pirots.webp" alt="Saga Pirots">
                <div class="text-placeholder">Pirots</div>
            </a>
                    <a class="item tracker-saga-super-stars" title="Saga Super Stars" href="/juego-super-stars.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-super.webp" alt="Saga Super Stars">
                <div class="text-placeholder">Super Stars</div>
            </a>
                    <a class="item tracker-saga-tumble" title="Saga Tumble" href="/juego-tumble.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-tumble.webp" alt="Saga Tumble">
                <div class="text-placeholder">Tumble</div>
            </a>
                    <a class="item tracker-saga-gates-of-olympus" title="Saga Gates Of Olympus" href="/juego-gates-of-olympus.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-gates-of-olympus.webp" alt="Saga Gates Of Olympus">
                <div class="text-placeholder">Gates Of Olympus</div>
            </a>
                    <a class="item tracker-saga-power-combo" title="Saga Power Combo" href="/juego-power-combo.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-power-combo.webp" alt="Saga Power Combo">
                <div class="text-placeholder">Power Combo</div>
            </a>
                    <a class="item tracker-saga-gonzos" title="Saga Gonzo´s" href="/juego-gonzo.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-gonzo.webp" alt="Saga Gonzo´s">
                <div class="text-placeholder">Gonzo´s</div>
            </a>
                    <a class="item tracker-saga-cygnus" title="Saga Cygnus" href="/juego-cygnus.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-cygnus.webp" alt="Saga Cygnus">
                <div class="text-placeholder">Cygnus</div>
            </a>
                    <a class="item tracker-saga-millionaire" title="Saga Millionaire" href="/juego-millionaire.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-millionaire.webp" alt="Saga Millionaire">
                <div class="text-placeholder">Millionaire</div>
            </a>
                    <a class="item tracker-saga-diamond-link" title="Saga Diamond Link" href="/juego-diamond-link.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-diamond-link.webp" alt="Saga Diamond Link">
                <div class="text-placeholder">Diamond Link</div>
            </a>
                    <a class="item tracker-saga-sweet-bonanza" title="Saga Sweet Bonanza" href="/juego-sweet-bonanza.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-sweet-bonanza.webp" alt="Saga Sweet Bonanza">
                <div class="text-placeholder">Sweet Bonanza</div>
            </a>
                    <a class="item tracker-saga-guardians-of-luxor" title="Saga Guardians of Luxor" href="/juego-guardians-of-luxor.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-guardians-of-luxor.webp" alt="Saga Guardians of Luxor">
                <div class="text-placeholder">Guardians of Luxor</div>
            </a>
                    <a class="item tracker-saga-the-dog-house" title="Saga The Dog House" href="/juego-the-dog-house.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-the-dog-house.webp" alt="Saga The Dog House">
                <div class="text-placeholder">The Dog House</div>
            </a>
                    <a class="item tracker-saga-amazing-link" title="Saga Amazing Link" href="/juego-amazing-link.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-amazing-link.webp" alt="Saga Amazing Link">
                <div class="text-placeholder">Amazing Link</div>
            </a>
                    <a class="item tracker-saga-million" title="Saga Million" href="/juego-million.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-million.webp" alt="Saga Million">
                <div class="text-placeholder">Million</div>
            </a>
                    <a class="item tracker-saga-fu-frog" title="Saga Fu Frog" href="/juego-fu-frog.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-fu-frog.webp" alt="Saga Fu Frog">
                <div class="text-placeholder">Fu Frog</div>
            </a>
                    <a class="item tracker-saga-tombstone" title="Saga Tombstone" href="/juego-tombstone.html">
                <img class="img-placeholder" src="/img/CGV/sagas/iconos-footer/icono-saga-tombstone.webp" alt="Saga Tombstone">
                <div class="text-placeholder">Tombstone</div>
            </a>
            </div>
</div>

<script>
    // Hacemos una IIFE, para que ninguna variable se pise con las de otros scripts
    (function() {
        const teleprompterContainer = document.getElementById('teleprompterContainer');
        const speed = 1;
        
        let teleprompterReset = 0;
        let scrollPosition = 0;
        let scrolling = true; // Controla el estado de desplazamiento
        
        // Función para precomputar el reset del scroll del teleprompter
        function computeTeleprompterReset() {
            teleprompterReset = -teleprompterContainer.scrollWidth * 0.5;
        }
        
        // Función para parar o reanudar el scroll
        function toggleTeleprompterScroll() {
            scrolling = !scrolling;
        }
        
        // Parar o reanudar el desplazamiento al entrar o salir con el puntero
        teleprompterContainer.addEventListener('mouseenter', toggleTeleprompterScroll);
        teleprompterContainer.addEventListener('mouseleave', toggleTeleprompterScroll);
        
        // Reset Inicial
        computeTeleprompterReset();
        
        // Re-precomputamos el reset del scroll del teleprompter cuando se haga resize al navegador
        window.addEventListener('resize', computeTeleprompterReset);
    
        // Control del desplazamiento infinito (Convertido a IIFE)
        (function scrollTeleprompter() {
            if (scrolling) {
                scrollPosition -= speed;
                if (scrollPosition <= teleprompterReset) {
                    // Reiniciar posición para hacer el efecto infinito
                    scrollPosition = 0;
                }
                teleprompterContainer.style.setProperty('--scroll-position', `${scrollPosition}px`); // Usemos variables CSS + la tarjeta gráfica
            }
            requestAnimationFrame(scrollTeleprompter);
        })();
    })();
</script>
    </div>    
        
    
    
    <div class="footer-content">
		<div>
			<ul>
				<li>Casino Gran Vía</li>
				<li>
				    <a class="tracker-info-sobre-nosotros" href="/sobre-nosotros.html" title="Sobre nosotros">
				        <span>Sobre nosotros</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-contactar" href="/contacta-con-nosotros.html" title="Contactar">
				        <span>Contactar</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-condiciones-generales" href="/condiciones-generales.html" title="Condiciones Generales" rel="nofollow">
				        <span>Condiciones generales</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-cookies" href="/politica-de-cookies.html" title="Política de cookies" rel="nofollow">
				        <span>Política de cookies</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-politica-privacidad" href="/politica-de-privacidad.html" title="Política de privacidad" rel="nofollow">
				        <span>Política de privacidad</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-sitemap" href="/site-map.html" title="Sitemap">
				        <span>Sitemap</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-rtp" href="/rtp-real.html" title="RTP">
				        <span>RTPs</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-promociones" href="/promociones.html" title="Promociones">
				        <span>Promociones</span>
				    </a>
				</li>
				<li>
				    <a href="/blog.html" title="Blog">
				        <span>Blog</span>
				    </a>
				</li>
			</ul>
			<ul>
				<li>Productos</li>
				<li>
				    <a class="tracker-navigation-casino" href="/casino.html" title="Juegos de casino">
				        <span>Juegos de casino</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-live-roulette" href="/ruletas.html" title="Ruleta en Vivo">
				        <span>Ruleta en vivo</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-slots" href="/tragaperras.html" title="Slots">
				        <span>Slots</span>
				    </a></li>
				<li>
				    <a class="tracker-navigation-tragamonedas" href="/maquinas-tragamonedas.html" title="Tragamonedas online">
				        <span>Tragamonedas Gran Vía</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-ruletas-electronicas" href="/ruletas-electronicas.html" title="Ruletas Electrónicas">
				        <span>Ruletas electrónicas</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-blackjack" href="/blackjack.html" title="Blackjack">
				        <span>Blackjack</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-poker" href="/poker.html" title="Juegos de poker">
				        <span>Juegos de poker</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-navigation-sportsbook" href="/apuestas-deportivas.html" title="Apuestas">
				        <span>Apuestas</span>
				    </a>
				</li>
			</ul>
			            <ul>
                <li>Estudios</li>
                                    <li>
                        <a href="/amusnet.html" class="tracker-navigation-estudio-Amusnet" title="Amusnet" >Amusnet</a>
                    </li>
                                    <li>
                        <a href="/big-time.html	" class="tracker-navigation-estudio-Big Time" title="Big Time" >Big Time</a>
                    </li>
                                    <li>
                        <a href="/elk.html" class="tracker-navigation-estudio-Elk" title="Elk" >Elk</a>
                    </li>
                                    <li>
                        <a href="/evolution.html" class="tracker-navigation-estudio-Evolution" title="Evolution" >Evolution</a>
                    </li>
                                    <li>
                        <a href="/games-global.html" class="tracker-navigation-estudio-Games Global" title="Games Global" >Games Global</a>
                    </li>
                                    <li>
                        <a href="/greentube.html" class="tracker-navigation-estudio-Greentube" title="Greentube" >Greentube</a>
                    </li>
                                    <li>
                        <a href="/inspired.html" class="tracker-navigation-estudio-Inspired" title="Inspired" >Inspired</a>
                    </li>
                                    <li>
                        <a href="/kiron.html" class="tracker-navigation-estudio-Kiron" title="Kiron" >Kiron</a>
                    </li>
                                    <li>
                        <a href="/light-and-wonder.html" class="tracker-navigation-estudio-Light & Wonder" title="Light & Wonder" >Light & Wonder</a>
                    </li>
                                    <li>
                        <a href="/lightning-box.html" class="tracker-navigation-estudio-Lightning Box" title="Lightning Box" >Lightning Box</a>
                    </li>
                                    <li>
                        <a href="/mga.html" class="tracker-navigation-estudio-MGA" title="MGA" >MGA</a>
                    </li>
                                    <li>
                        <a href="/netent.html" class="tracker-navigation-estudio-Netent" title="Netent" >Netent</a>
                    </li>
                                    <li>
                        <a href="/no-limit.html" class="tracker-navigation-estudio-No Limit" title="No Limit" >No Limit</a>
                    </li>
                                    <li>
                        <a href="/pragmatic.html" class="tracker-navigation-estudio-Pragmatic" title="Pragmatic" >Pragmatic</a>
                    </li>
                                    <li>
                        <a href="/red-rake.html" class="tracker-navigation-estudio-Red Rake" title="Red Rake" >Red Rake</a>
                    </li>
                                    <li>
                        <a href="/red-tiger.html" class="tracker-navigation-estudio-Red Tiger" title="Red Tiger" >Red Tiger</a>
                    </li>
                                    <li>
                        <a href="/relax-gaming.html" class="tracker-navigation-estudio-Relax Gaming" title="Relax Gaming" >Relax Gaming</a>
                    </li>
                                    <li>
                        <a href="/zitro.html" class="tracker-navigation-estudio-Zitro" title="Zitro" >Zitro</a>
                    </li>
                            </ul>
			<ul>
				<li>Ayuda</li>
				<li>
				    <a class="tracker-info-ayuda" href="/ayuda.html" title="¿Necesitas Ayuda?" target="_blank">
				        <span>¿Necesitas ayuda?</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-incidencias" href="/incidencias.html" title="Incidencias" target="_blank">
				        <span>Incidencias</span>
				    </a>
				</li>
				
				<li>
				    <hr style="width:100% !important;">
				</li>
										
				<li>
				    <a class="tracker-info-reglas-apuestas" href="/reglas-apuestas.html" title="Reglas de Apuestas">
				        <span>Reglas de apuestas</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-bonos-freebets" href="/politica-de-bonos-y-apuestas-gratis.html" title="TCs Bonos y Freebets">
				        <span>TCs bonos y freebets</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-medios-de-pago" href="/medios-de-pago.html" title="Medios de pago">
				        <span>Medios de pago</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-faq" href="/faq.html" title="Preguntas Frecuentes">
				        <span>Preguntas frecuentes</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-verificacion-cuenta" href="/verificacion-de-cuenta.html" title="Preguntas frecuentes">
				        <span>Verificación de cuenta</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-verificacion-medios-pago" href="/verificacion-de-medios-de-pago.html" title="Verificación de medios de pago">
				        <span>Verificación medios pago</span>
				    </a>
				</li>
			</ul>
			<ul>
				<li>Tu responsabilidad</li>
				<li>
				    <a class="tracker-info-juego-responsable" href="/juego-responsable.html" title="Juego Responsable">
				        <span>Juego más seguro</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-juego-autorizado" href="/juego-autorizado.html" title="Juego Autorizado">
				        <span>Juego autorizado</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-members-info-autoexclusion" href="/members/infoautoexclusion.html" title="Info Autoexclusión">
				        <span>Info autoexclusión</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-deposit-limits" href="/info-deposit-limits.html" title="Info Cambio de Límites de Depósito">
				        <span>Info cambio de límites de depósito</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-cuenta-suspension" href="/suspension-ijuego.html" title="Suspensión temporal de cuenta por Casino Gran Vía">
				        <span>Cuenta suspendida por Casino Gran Vía</span>
				    </a>
				</li>
				<li>
				    <a class="tracker-info-solicitar-cierre-cuenta" href="/solicitar-cierre-cuenta.html" title="Solicitud de Cierre de Cuenta">
				        <span>Solicitud de cierre de cuenta</span>
				    </a>
				</li>
				        						
			</ul>	
		</div>
		

        
            <div class="logos" style="margin-top: 20px;">
                <img src="/img/CGV/layout/footer/paypal-logo-dark.webp" width="auto" height="80" alt="logo Paypal" light-src="/img/CGV/layout/footer/paypal-logo-light.webp" dark-src="/img/CGV/layout/footer/paypal-logo-dark.webp">
                <img src="/img/CGV/layout/footer/visa-logo-dark.webp" width="auto" height="80" alt="logo Visa" light-src="/img/CGV/layout/footer/visa-logo-light.webp" dark-src="/img/CGV/layout/footer/visa-logo-dark.webp">
                <img src="/img/CGV/layout/footer/mastercard-logo-dark.webp" width="auto" height="80" alt="logo Mastercard" light-src="/img/CGV/layout/footer/mastercard-logo-light.webp" dark-src="/img/CGV/layout/footer/mastercard-logo-dark.webp">
                <img src="/img/CGV/layout/footer/bizum-logo-dark.webp" width="auto" height="80" alt="logo Bizum" light-src="/img/CGV/layout/footer/bizum-logo-light.webp" dark-src="/img/CGV/layout/footer/bizum-logo-dark.webp">
                <img src="/img/CGV/layout/footer/caja-casino-logo-dark.webp" width="auto" height="80" alt="logo Casino Gran Vía" light-src="/img/CGV/layout/footer/caja-casino-logo-light.webp" dark-src="/img/CGV/layout/footer/caja-casino-logo-dark.webp">
                <img src="/img/CGV/layout/footer/wire-transfer-logo-dark.webp" width="auto" height="80" alt="logo Wire Transfer" light-src="/img/CGV/layout/footer/wire--transfer-logo-light.webp" dark-src="/img/CGV/layout/footer/wire-transfer-logo-dark.webp">
            </div>
            
            <hr>
            
            <div class="logos">
                <a href="https://www.ordenacionjuego.es/participantes-juego/juego-seguro" title="Logo Juego Seguro" target="_blank">
                    <img src="/img/CGV/layout/footer/juego-seguro-dark.webp" width="50" height="50" alt="logo Juego Seguro" style="--height: 25px" light-src="/img/CGV/layout/footer/juego-seguro-light.webp" dark-src="/img/CGV/layout/footer/juego-seguro-dark.webp">
                </a>
                <a href="https://www.ordenacionjuego.es/participantes-juego/juego-seguro/rgiaj" title="Logo +18" target="_blank" style="--order: 5;">
                    <img src="/img/CGV/layout/footer/18-dark.webp" width="50" height="50" alt="logo +18" style="--height: 39px" light-src="/img/CGV/layout/footer/18-light.webp" dark-src="/img/CGV/layout/footer/18-dark.webp">
                </a>
                <a href="https://www.confianzaonline.es/empresas/ijuego.htm" target="_blank" style="--order: 2">
                    <img src="/img/CGV/layout/footer/confianza-online-dark.webp" width="50" height="50" alt="Entidad adherida a Confianza Online" style="--height: 39px" light-src="/img/CGV/layout/footer/confianza-online-light.webp" dark-src="/img/CGV/layout/footer/confianza-online-dark.webp">
                </a>
                <a class="tracker-members-info-autoexclusion" href="/members/infoautoexclusion.html" title="Logo Autoprohibición" target="_blank" style="--order: 3;">
                    <img src="/img/CGV/layout/footer/autoprohibicion-dark.webp" width="50" height="50" alt="logo Autoprohibición" style="--height: 39px" light-src="/img/CGV/layout/footer/autoprohibicion-light.webp" dark-src="/img/CGV/layout/footer/autoprohibicion-dark.webp">
                </a>
                <a href="https://www.ordenacionjuego.es/participantes-juego/juego-autorizado" title="Logo Juego Autorizado" target="_blank" style="--order: 4;">
                    <img src="/img/CGV/layout/footer/juego-autorizado-dark.webp" width="36" height="36" alt="logo Juego Autorizado" style="--height: 25px" light-src="/img/CGV/layout/footer/juego-autorizado-light.webp" dark-src="/img/CGV/layout/footer/juego-autorizado-dark.webp">
                </a>
            </div>
        
        
        <hr>

		<div>
			<p class="h4">Información básica sobre protección de datos</p>
			<strong></strong><p><strong>Responsable:</strong> Comar Inversiones S.A., empresa comercializadora del portal de juego online www.casinogranvia.es</p>
			<strong></strong><p><strong>Finalidad:</strong> Registro en el portal, funcionalidad del mismo, creación de perfil de cliente y envío de información comercial.</p>
			<strong></strong><p><strong>Legitimación:</strong> Prestación del servicio y consentimiento del usuario.</p>
			<strong></strong><p><strong>Destinatarios:</strong> Se podrán comunicar datos a otras sociedades de Grupo Comar.</p>
			<strong></strong><p><strong>Derechos:</strong> Acceso, rectificación o supresión, oposición, así como otros derechos.</p>
			<strong></strong><p><strong>Más Información:</strong> <a class="tracker-info-politica-privacidad" href="https://www.casinogranvia.es/politica-de-privacidad.html">Política de privacidad</a></p>
        </div>

    </div>
</footer>	<div id="popup" class="reveal-modal"></div>

<div class="reveal-modal-bg" style="display: none;" id="reveal-modal-bg-popup"></div>

<script>

    var thePage = "/authorizePage.html";
    
	
        
		
        
        
    
        
        
	$(document).ready(function() {
	    console.table(MPUs);
	    console.log("call to show mpus");
        showMPUs();
        	});
	
</script>

	<style>
	#ganador {
		align-items: center;
		background-image: url(/img/CGV/layout/sesion-ganadora.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		height: 350px;
		justify-content: flex-start;
		margin: 0 auto 34px auto;
		max-width: 565px;
		padding-left: 20px;
		padding-top: 40px;
		width: 100%;
		z-index: 100;
	}
    #ganador #value {
	    color: white;
	    margin-top: -1rem;
	    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	}
	#ganador h3, #ganador p {
		color: #015C57;
        font-size: 32px;
        font-weight: bold;
        margin-top: 1.25rem;
        margin-left: 6px;
	}
	#ganador h3 {
	    color: #FFF;
	    margin: 10px 0 0 0;
	}
	@media screen and (max-width:480px) {
	    #ganador {
	        height: 200px;
	        padding-top: 20px;
	    }
    	#ganador p {
    	 	font-size: 24px;
    	}   
	}
</style>

<div id="lastSlotSessionInfo" style="display:none;">
    <div>
    	<p class="h2">Resumen sesi&oacute;n</p>
    	<p id="lastSessionInfoTitle">Este es el resumen de esta  &uacute;ltima sesi&oacute;n</p>
    	<div class="mt20" style="z-index:100;" id="malasuerte">
    	    <img src="/img/CGV/layout/resumen-sesion.webp" alt="Resumen de sesión">
    	</div>
		<div id="ganador">
			<p class="h3">Has ganado</p>
			<p id="value">100</p>
		</div>

		<script>
			var done = false;
			function dinamizarNumero(id, inicio, final, duracion,extra) {
				if (done === true) return;
				done = true;
				extra = extra * 100;
				const obj = document.getElementById(id);
				let tiempoInicial = null;
				const paso = (tiempoActual) => {
					if (!tiempoInicial) tiempoInicial = tiempoActual;
					const progreso = Math.min((tiempoActual - tiempoInicial) / duracion, 1);
					let parteEntera =  Math.floor(progreso * (final - inicio) + inicio);
					let parteDecimal =  Math.floor(progreso * extra);
					obj.innerHTML = String(parteEntera)+","+String(parteDecimal)+"€";
					if (progreso < 1) {
						window.requestAnimationFrame(paso);
					}
				};
				window.requestAnimationFrame(paso);
			}
			function delayCalcularGanancias() {
				$( document ).ready(function() {
					calcularGanancias();
				});
			}
			function calcularGanancias() {
				let total_ganado = 0.0;
				let total_apostado = 0.0;
				var total = 0.0;
				var resto = 0.0;
				// por cada div de ganado
				$("[data-title='Ganado']").each(function(){
					total_ganado = total_ganado + parseFloat($(this).text().replace(',', '.'));
				});
				$("[data-title='Apostado']").each(function(){
					total_apostado = total_apostado + parseFloat($(this).text().replace(',', '.'));
				});
				total = total_ganado - total_apostado;
				total = total.toFixed(2);
				resto = (total % 1).toFixed(2);
				console.log(total);
				if(total >= 4)
				{
					$("#malasuerte").hide();
					$("#ganador").show();
					setTimeout(dinamizarNumero("value", 0.00, total, 1000,resto), 1000);
				}
				else{
					$("#ganador").hide();
					$("#malasuerte").show();
				}
			}
			
			$(document).ajaxComplete(function() {
				if($("#lastSlotSessionInfo").is(":visible"))
				{
					calcularGanancias();
				}
			});
		</script>




    	<div id="summaryData" class="tablecontainer" style="margin-top:-36px;"></div>
    	<div class="mt20 mb20">
    	    <a href="javascript:window.open('/logout.jsp','_self');" class="btn-primary">Aceptar</a>
    	</div>
    </div>
</div>

<script>
	window.scrollTo(0,0);
</script>	
<script>
    var widget_template = document.querySelector('#gameItem');
    var widget_win = document.querySelectorAll('.searchGameResult');
    var widget_grid = document.querySelectorAll(".searchGameResultGrid");
    var widget_count = document.querySelectorAll(".searchGameResultCount");
    var widget_search = document.querySelectorAll(".search input[type='search']");
    var widget_searchLoader = document.querySelectorAll(".searchGameWrapper .seach--loading");
    var timeout_filter = null;
    
            var alias = "";
        
    
        if (localStorage.getItem("anonymoustracker") === null) {
            localStorage.setItem("anonymoustracker", "bcc7993f-64d4-408c-82fc-cfb038367f7a");
        }
        
        var playerId = localStorage.getItem("anonymoustracker");
        
    async function closeFilter() {
        for (var el of widget_win) {
            el.style.display = "none";
        }
        
        for (var el of widget_grid) {
            el.innerHTML = "";
        }
        
        for (var el of widget_search) {
            el.value = null;
        }
        
        for (var el of widget_searchLoader) {
            $(el).hide();
        }
    }

    async function filter(val, caller = undefined) {
        val = val.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
        
        for (var el of widget_search) {
            if (el != caller) { // Solo actualiza los inputs que no sean el mismo que se está usando...
                el.value = val;
            }
        }
        
        if(val.length > 2) {
            
                            if (timeout_filter) {
                    clearTimeout(timeout_filter);
                }
                timeout_filter = setTimeout(function() {
                    console.log("Búsqueda: ", val.toLowerCase());
                    
                    fetch("https://stats.hamzacms.com/api/search", {
                      method: 'POST',
                      headers: {
                        'Content-Type': 'application/json',
                        'tk': 'Vraa8DMzvHcTPUTrmHTtqTkW1mMkxose'
                      },
                      body: JSON.stringify({
                          playerId: playerId,
                          alias: "[Protegido por GPDR]", // alias
                          type: "header",
                          term: val.toLowerCase()
                        })
                    });
                }, 2000);
                        
            for (var el of widget_searchLoader) {
                $(el).fadeIn();
            }
            let filteredGamesText = await (await fetch(`/api/games?name=${val}`)).text()
            var filteredGames = JSON.parse(filteredGamesText) ?? [];
            
            for (var el of widget_grid) {
                el.innerHTML = "";
            }
            for (var el of widget_searchLoader) {
                $(el).fadeOut();
            }
            
            if(filteredGames.length < 1) {
                for (var el of widget_count) {
                    el.innerHTML = `No hay resultados bajo el término: <i style="color: #555;">${val}</i>`;
                }
                for (var el of widget_win) {
                    el.style.display = "block";
                }
                
                return;
            }
            
            for (var g of filteredGames) {
                for (var el of widget_grid) {
                    var clone = widget_template.content.cloneNode(true);
                    var img = clone.querySelector(".image");
                    var link = clone.querySelector("a");
                    var fav = clone.querySelector(".action .fav");
                    var root = clone.querySelector("*");
                    
                    if (g.schedule)
                        root.dataset.schedule = g.schedule;

                    
                    img.style.backgroundImage = `url("/img/logos/Logos_Desktop_Grande/${g.logo}"), url("/img/new/layout/imagen-no-disponible.webp")`;
                    link.title = g.name;
                                        var name = g.name.replace(/['‘’"“”]/g, '');
                    var slugname = name.toLowerCase().replace(/\s/g, '-');
                    
                    link.classList.add("tracker-lobby-buscador");
                    link.classList.add(`tracker-lobby-buscador-room-${slugname}`);
                    
                                            link.href = g.url;
                                        
                    link.dataset.id = g.id;
                    link.dataset.plays = g.plays;
                    
                    if (fav) {
                        if( g.favourite ) {
                            fav.classList.remove("fa-regular");
                            fav.classList.add("fa-solid");
                        }
                        else {
                            fav.classList.remove("fa-solid");
                            fav.classList.add("fa-regular");
                        }
                    }
                    
                    var tags = g.tags.toLowerCase();
                    
                    if (tags.includes("exclusiva")) {
                        clone.querySelector(".tag.exclusiva").style.display = "block";
                    }
                    else if (tags.includes("promo")) {
                        clone.querySelector(".tag.promo").style.display = "block";
                    }
                    else if (tags.includes("de la semana")) {
                        clone.querySelector(".tag.destacada").style.display = "block";
                    }
                    else if (tags.includes("del dia")) {
                        clone.querySelector(".tag.deldia").style.display = "block";
                    }
                    else if (tags.includes("crashing")) {
                        clone.querySelector(".tag.crashing").style.display = "block";
                    }
                    else if (tags.includes("drops_n_wins")) {
                        clone.querySelector(".tag.dropsnwins").style.display = "block";
                    }
                    else if (tags.includes("en_sala")) {
                        clone.querySelector(".tag.ensala").style.display = "block";
                    }
                    else if (tags.includes("nueva")) {
                        clone.querySelector(".tag.nueva").style.display = "block";
                    }
                    else if (tags.includes("_top")) {
                        clone.querySelector(".tag.top").style.display = "block";
                    }
                    else if (tags.includes("megaways")) {
                        clone.querySelector(".tag.megaways").style.display = "block";
                    }
                    else if (tags.includes("ways_to_win")) {
                        clone.querySelector(".tag.ways").style.display = "block";
                    }
                    else if (tags.includes("clusters")) {
                        clone.querySelector(".tag.clusters").style.display = "block";
                    }
                    
                    if (tags.includes("exclusiva")) {
                        link.style.order = 0;
                    }
                    else if (tags.includes("del dia")) {
                        link.style.order = 1;
                    }
                    else if (tags.includes("de la semana")) {
                        link.style.order = 2;
                    }
                    else if (tags.includes("promo")) {
                        link.style.order = 3;
                    }
                    else if (tags.includes("nueva")) {
                        link.style.order = 4;
                    }
                    else if (tags.includes("crashing")) {
                        link.style.order = 5;
                    }
                    else if (tags.includes("_top")) {
                        link.style.order = 6;
                    }
                    else if (tags.includes("drops_n_wins")) {
                        link.style.order = 7;
                    }
                    else if (tags.includes("megaways")) {
                        link.style.order = 8;
                    }
                    else if (tags.includes("ways_to_win")) {
                        link.style.order = 9;
                    }
                    else if (tags.includes("clusters")) {
                        link.style.order = 10;
                    }
                    else {
                        link.style.order = 99;
                    }
                        
                    
                    /*
                    if (tags.includes("drops_n_wins")) {
                        clone.querySelector(".categoria.drops-n-wins-wrapper").style.display = "block";
                    }
                    else if(tags.includes("del dia")) {
                        clone.querySelector(".solapa-categoria.deldia").style.display = "block";
                    }
                    else if(tags.includes("promo")) {
                        clone.querySelector(".solapa-categoria.promo").style.display = "block";
                    }
                    else if(tags.includes("exclusiva")) {
                        clone.querySelector(".solapa-categoria.promo.exclusiva").style.display = "block";
                    }
                    else if(tags.includes("nueva")) {
                        clone.querySelector(".solapa-categoria.nueva").style.display = "block";
                    }
                    else if(tags.includes("_top")) {
                        clone.querySelector(".solapa-categoria.top").style.display = "block";
                    }
                    else if(tags.includes("clusters")) {
                        clone.querySelector(".solapa-categoria.cluster").style.display = "block";
                    }
                    else if(tags.includes("ways_to_win")) {
                        clone.querySelector(".solapa-categoria.ways").style.display = "block";
                    }
                    */
                    el.appendChild(clone);
                }
            }
            
            for (var el of widget_count) {
                el.innerHTML = (filteredGames.length > 1) ? `<b>${filteredGames.length}</b> resultados bajo el término: <i style="color: #555;">${val}</i>` : `<b>${filteredGames.length}</b> resultado bajo el término: <i style="color: #555;">${val}</i>`;
            }
            for (var el of widget_win) {
                el.style.display = "block";
            }
        }
        else {
            for (var el of widget_win) {
                el.style.display = "none";
            }
            
            for (var el of widget_grid) {
                el.innerHTML = "";
            }
        }
        
        if(val.length < 3) { // Puesto para evitar problemas de concurrencia cuando hay una petición y justo modificas el input
            for (var el of widget_win) {
                el.style.display = "none";
            }
            for (var el of widget_grid) {
                el.innerHTML = "";
            }
        }
    }
</script>		<script src="/js/CGV/light-dark-mode.js?version=140"></script>
<script src="/js/CGV/jquery.reveal-mobile.js?version=140"></script>
<script src="/js/CGV/jquery-ui.min.js?version=140"></script>
<script src="/js/CGV/session.min.js?version=140"></script>
<script src="/js/CGV/slotsSession.min.js?version=140"></script>
<script src="/js/CGV/favourites/favourites.min.js?version=140"></script>
<script src="/js/CGV/lobbies.js?version=140"></script>



<script src="/js/CGV/acordeon.min.js?version=140"></script>


                
             <script>
            function trackElement(event) {
                if (!this.onchange && !this.classList.contains("accordion")) {
                    event.preventDefault();
                }
                
                let route = ((this.href ?? "").startsWith("#")) ? null : this.href ?? "";
                
                let target = null;
                                    let alias = "";
                                
                    
                    if (localStorage.getItem("anonymoustracker") === null) {
                        localStorage.setItem("anonymoustracker", "427a431e-c3d1-40e3-92c4-73c7275c6209");
                    }
                    
                    let playerId = localStorage.getItem("anonymoustracker");
                                
                if (this.classList) {
                    for (const cl of this.classList) {
                        if (cl.includes("tracker")) {
                            target = cl;
                        }
                        else if(cl.includes("accordion")) {
                                                        target = "tracker-accordion-authorizepage";
                            
                            const acc_title = this.querySelector("h3").innerText.trim().toLowerCase().replaceAll(" ", "-").normalize("NFD").replace(/[\u0300-\u036f]/g, "");
                            
                            target += "::" + acc_title;
    
                            break;
                        }
                    }
                    
                    const measureFetch = fetch("https://stats.hamzacms.com/api/click", {
                      method: 'POST',
                      headers: {
                        'Content-Type': 'application/json',
                        'tk': 'Vraa8DMzvHcTPUTrmHTtqTkW1mMkxose'
                      },
                      body: JSON.stringify({
                          playerId: playerId,
                          alias: "[Protegido por GPDR]",
                          target: target
                        })
                    });
                    
                    const timeoutPromise = new Promise((_, reject) => 
                        setTimeout(() => reject(new Error("Request \"/api/click\" timed out")), 2000) // Max 2 segundos
                    );
                    
                    Promise.race([measureFetch, timeoutPromise])
                    .then(function(response) {
                        if (route) {
                            window.location.href = route;
                        }
                    })
                    .catch(function(error) {
                        if (route) {
                            window.location.href = route;
                        }
                        console.error(error);  // Optional: log timeout or other errors
                    });
                } else {
                    if (route) {
                        window.location.href = route;
                    }
                }
            }
        
            $(function() {
                for (const tracker of document.querySelectorAll('[class*="tracker-"], .accordion')) {
                    tracker.addEventListener("click", trackElement); // Buen rendimiento
                }
            });
        </script>
        
    <script>
        function checkReleases() {
            const release_candidates = document.querySelectorAll(".game-slim[data-release]");
            
            const dt_now = new Date();
            
            for (const candidate of release_candidates) {
                const dt_target = candidate.querySelector(".counter .count");
                const dt = new Date(candidate.dataset.release);
                
                if (dt_now >= new Date(candidate.dataset.release)) {
                    if(candidate.parentNode) {
                        candidate.parentNode.remove();   
                    } else {
                        candidate.remove(); 
                    }
                    
                    for (const lob of document.querySelectorAll(".games-slim.scroll")) {
                        window.checkArrows(lob);
                    }
                } else {
                    const difference = dt - dt_now;

                    // Convert the difference to a readable format (e.g., days, hours, minutes, seconds)
                    let ds = Math.floor(difference / (1000 * 60 * 60 * 24));
                    let hs = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                    let ms = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
                    let ss = Math.floor((difference % (1000 * 60)) / 1000);
                    
                    if (hs < 10) {
                        hs = "0" + hs;
                    }
                    if (ms < 10) {
                        ms = "0" + ms;
                    }
                    if(ss < 10) {
                        ss = "0" + ss;
                    }
                
                    if (dt_target) {
                        // Output the difference
                        dt_target.innerHTML = `${ds} días ${hs}h ${ms}min ${ss}seg`;
                    }
                }
            }
        }
        
        setInterval(checkReleases, 1000);
        checkReleases();
    </script></body>
</html>