

	<div class="tp-seccion-carrousel" style="margin-top: -25px; margin-bottom: 20px; ">
		
	<div class="slider-container">
		<div class="slider" id="slider">
							<div class="slide">
					<a href="#tp-login-popup-register" class="tp-login-popup-open">
						<div class="slide-content" style="background-image: url('https://larioja.tepremio.bet.ar/tp-upload/2026/04/banner-casino-5.jpg');">
							<h2></h2>
							<p></p>
						</div>
					</a>
				</div> 
							<div class="slide">
					<a href="#tp-login-popup-register" class="tp-login-popup-open">
						<div class="slide-content" style="background-image: url('https://larioja.tepremio.bet.ar/tp-upload/2026/04/banner-casino-6.jpg');">
							<h2></h2>
							<p></p>
						</div>
					</a>
				</div> 
							<div class="slide">
					<a href="#tp-login-popup-register" class="tp-login-popup-open">
						<div class="slide-content" style="background-image: url('https://larioja.tepremio.bet.ar/tp-upload/2026/04/banner-casino-7.jpg');">
							<h2></h2>
							<p></p>
						</div>
					</a>
				</div> 
							<div class="slide">
					<a href="#tp-login-popup-register" class="tp-login-popup-open">
						<div class="slide-content" style="background-image: url('https://larioja.tepremio.bet.ar/tp-upload/2026/04/banner-casino-8.jpg');">
							<h2></h2>
							<p></p>
						</div>
					</a>
				</div> 
					</div>
		<span class="nav-arrow prev" id="prevBtn">〈</span>
		<span class="nav-arrow next" id="nextBtn">〉</span>
		<div class="indicators" id="indicators"></div>
	</div>
	<style>
		.slider-container {
			max-width: 1400px;
			min-height: 200px;
			aspect-ratio: 1400 / 400;
			width: 100%;
			margin: 0 auto;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
			visibility: hidden;
			opacity: 0;
		}
		.slider-container.is-ready {
			transition: height 0.5s ease-in-out, opacity 0.3s ease-in-out;
			visibility: visible;
			opacity: 1;
		}
		.slider {
			display: flex;
			width: 100%;
			height: 100%;
			transition: transform 0.5s ease;
		}
		.slide {
			flex: 0 0 100%;
			min-height: 200px;
			position: relative;
		}
		.slide a {
			width: 100%;
			height: 100%;
		}
		.slider-container.is-dynamic-height-enabled .slide {
			justify-content: normal;
		}
		.slide-content {
			padding: 30px 15px;
			box-sizing: border-box;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			/*aspect-ratio: 1960 / 561;*/
		}
		.slide-content h2 {
			font-size: 1.8rem;
			margin-bottom: 10px;
			line-height: 1.2;
		}
		.slide-content p {
			font-size: 0.95rem;
			line-height: 1.4;
			margin: 0 auto;
		}
		.nav-arrow {
			user-select: none;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: rgba(222, 222, 222, 0);
			border: none;
			width: 30px;
			height: 100%;
			border-radius: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			font-size: 1.2rem;
			color: #dddddd;
			z-index: 1;
			transition: background 0.3s ease;
			&:hover {
				background: rgba(222, 222, 222, 0.2);
			}
			&.prev {
				left: 0px;
			}
			&.next {
				right: 0px;
				left: auto;
			}
			&.hidden {
				display: none;
			}
		}
		.indicators {
			position: absolute;
			bottom: 0px;
			left: 50%;
			transform: translateX(-50%);
			display: flex;
			gap: 8px;
			z-index: 10;
			.indicator {
				width: 20px;
				height: 1px;
				border-radius: 3px;
				border: 0px solid #ccc;
				background: rgba(255, 255, 255, 0.5);
				cursor: pointer;
				transition: background 0.3s ease;
				&.active {
					background: rgba(255, 255, 255, 1);
				}
			}
			&.hidden {
				display: none;
			}
		}

		@media (max-width: 769px) {
			.slide-content h2 {
				font-size: 2.5rem;
				margin-bottom: 20px;
			}
			.slide-content p {
				font-size: 1.2rem;
				line-height: 1.6;
			}
			.nav-arrow {
				font-size: 1rem;
				width: 20px;
				&.prev {
					left: 0px;
				}
				&.next {
					right: 0px;
					left: auto;
				}
			}
			.indicators {
				bottom: 0px;
				gap: 10px;
				.indicator {
					width: 15px;
					height: 1px;
				}
			}
		}
	</style>
	<script>
	  const CONFIG = {
		showArrows: true,
		showIndicators: true,
		autoSlide: true,
		autoSlideInterval: 5000,
		dynamicHeight: false
	  };

	  const sliderContainer = document.querySelector(".slider-container");
	  const slider = document.getElementById("slider");
	  const prevBtn = document.getElementById("prevBtn");
	  const nextBtn = document.getElementById("nextBtn");
	  const indicatorsContainer = document.getElementById("indicators");

	  let slides;
	  let totalSlides;
	  let currentSlide = 1; // comienza desde el primer slide real
	  let autoSlideTimer;

	  function updateSlideData() {
		slides = Array.from(slider.children);
		totalSlides = slides.length;
	  }

	  function cloneSlides() {
		const firstClone = slider.children[0].cloneNode(true);
		const lastClone = slider.children[slider.children.length - 1].cloneNode(true);
		slider.appendChild(firstClone); // clonar primero al final
		slider.insertBefore(lastClone, slider.firstChild); // clonar último al principio
	  }

	  function createIndicators() {
		for (let i = 0; i < totalSlides - 2; i++) {
		  const indicator = document.createElement("div");
		  indicator.classList.add("indicator");
		  indicator.addEventListener("click", () => goToSlide(i + 1));
		  indicatorsContainer.appendChild(indicator);
		}
	  }

	  function getSlideHeight(index) {
		if (index < 0 || index >= totalSlides) return 0;

		const targetSlide = slides[index];
		const originalStyles = {
		  display: targetSlide.style.display,
		  position: targetSlide.style.position,
		  visibility: targetSlide.style.visibility,
		  transform: targetSlide.style.transform,
		  transition: targetSlide.style.transition,
		};

		targetSlide.style.position = "absolute";
		targetSlide.style.display = "block";
		targetSlide.style.visibility = "hidden";
		targetSlide.style.transform = "none";
		targetSlide.style.transition = "none";

		const height = targetSlide.offsetHeight;

		Object.assign(targetSlide.style, originalStyles);
		return height;
	  }

	  function adjustSliderHeight() {
		if (CONFIG.dynamicHeight) {
		  const desiredHeight = getSlideHeight(currentSlide);
		  if (sliderContainer.style.height !== `${desiredHeight}px`) {
			sliderContainer.style.height = `${desiredHeight}px`;
		  }
		} else {
		  sliderContainer.style.height = "";
		}
	  }

	  function updateSlider(animate = true) {
		const translateX = -currentSlide * 100;
		slider.style.transition = animate ? 'transform 0.5s ease' : 'none';
		slider.style.transform = `translateX(${translateX}%)`;

		if (CONFIG.showIndicators) {
		  const indicators = indicatorsContainer.children;
		  for (let i = 0; i < indicators.length; i++) {
			indicators[i].classList.toggle("active", i === (currentSlide - 1) % indicators.length);
		  }
		}

		adjustSliderHeight();
	  }

	  function goToSlide(index) {
		currentSlide = index;
		updateSlider();
		if (CONFIG.autoSlide) resetAutoSlide();
	  }

	  function nextSlide() {
		if (currentSlide >= totalSlides - 1) return;
		currentSlide++;
		updateSlider();
		if (currentSlide === totalSlides - 1) {
		  setTimeout(() => {
			currentSlide = 1;
			updateSlider(false);
		  }, 500);
		}
	  }

	  function prevSlide() {
		if (currentSlide <= 0) return;
		currentSlide--;
		updateSlider();
		if (currentSlide === 0) {
		  setTimeout(() => {
			currentSlide = totalSlides - 2;
			updateSlider(false);
		  }, 500);
		}
	  }

	  function startAutoSlide() {
		autoSlideTimer = setInterval(nextSlide, CONFIG.autoSlideInterval);
	  }

	  function stopAutoSlide() {
		clearInterval(autoSlideTimer);
	  }

	  function resetAutoSlide() {
		stopAutoSlide();
		startAutoSlide();
	  }

	  function showSlider() {
		if (CONFIG.dynamicHeight) {
		  const initialHeight = getSlideHeight(currentSlide);
		  sliderContainer.style.height = `${initialHeight}px`;
		} else {
		  sliderContainer.style.height = "";
		}

		sliderContainer.classList.add("is-ready");
		updateSlider(false);
	  }

	  function handleKeyPress(event) {
		if (event.key === "ArrowLeft") {
		  prevSlide();
		  if (CONFIG.autoSlide) resetAutoSlide();
		} else if (event.key === "ArrowRight") {
		  nextSlide();
		  if (CONFIG.autoSlide) resetAutoSlide();
		}
	  }

	  function init() {
		cloneSlides();
		updateSlideData();

		if (CONFIG.dynamicHeight) {
		  sliderContainer.classList.add("is-dynamic-height-enabled");
		} else {
		  sliderContainer.classList.remove("is-dynamic-height-enabled");
		}

		if (!CONFIG.showArrows) {
		  prevBtn.classList.add("hidden");
		  nextBtn.classList.add("hidden");
		}

		if (!CONFIG.showIndicators) {
		  indicatorsContainer.classList.add("hidden");
		} else {
		  createIndicators();
		}

		const images = Array.from(slider.querySelectorAll("img"));
		let imagesLoadedCount = 0;

		if (images.length === 0) {
		  showSlider();
		} else {
		  images.forEach((img) => {
			if (img.complete) {
			  imagesLoadedCount++;
			} else {
			  img.addEventListener("load", () => {
				imagesLoadedCount++;
				if (imagesLoadedCount === images.length) showSlider();
			  });
			}
		  });

		  if (imagesLoadedCount === images.length) {
			showSlider();
		  }
		}

		setTimeout(() => {
		  if (!sliderContainer.classList.contains("is-ready")) {
			showSlider();
		  }
		}, 1500);

		if (CONFIG.dynamicHeight) {
		  window.addEventListener("resize", adjustSliderHeight);
		}

		if (CONFIG.autoSlide) {
		  startAutoSlide();
		}

		window.addEventListener("keydown", handleKeyPress);
	  }

	  nextBtn.addEventListener("click", () => {
		nextSlide();
		if (CONFIG.autoSlide) resetAutoSlide();
	  });

	  prevBtn.addEventListener("click", () => {
		prevSlide();
		if (CONFIG.autoSlide) resetAutoSlide();
	  });

	  // Swipe
	  let startX = 0;
	  let currentX = 0;
	  let isDragging = false;

	  slider.addEventListener("touchstart", (e) => {
		startX = e.touches[0].clientX;
		isDragging = true;
		if (CONFIG.autoSlide) stopAutoSlide();
	  }, { passive: true });

	  slider.addEventListener("touchmove", (e) => {
		if (!isDragging) return;
		currentX = e.touches[0].clientX;
	  }, { passive: false });

	  slider.addEventListener("touchend", () => {
		if (!isDragging) return;
		isDragging = false;
		const diffX = startX - currentX;

		if (Math.abs(diffX) > 50) {
		  if (diffX > 0) {
			nextSlide();
		  } else {
			prevSlide();
		  }
		}

		if (CONFIG.autoSlide) startAutoSlide();
	  });

	  if (CONFIG.autoSlide) {
		slider.addEventListener("mouseenter", stopAutoSlide);
		slider.addEventListener("mouseleave", startAutoSlide);
	  }

	  init();
	</script>
		</div>
	<div class="tp-seccion-casino">
			<div class="tp-casino-content">
		<div class="tp-casino-seccion">
			<div class="tp-casino-header">
				<h3 class="tp-casino-title">Top</h3>
				<a href="https://larioja.tepremio.bet.ar/casino-games/?tag=top">Ver<i class="fas fa-plus"></i></a>
			</div>
			    <div class="tp-casino-container tp-casino-carrousel"
        data-carrousel="true"
        data-columns="6"
        data-rows="1"
		data-page="3"
        data-step="1"
        data-autoplay="true"
        data-interval="4500">

                    <span class="tp-nav-arrow prev">〈</span>
            <span class="tp-nav-arrow next">〉</span>
                
        <ul class="tp-casino-games columns-6 rows-1 ">
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="gemstones gold"
                    data-cat="slot"
                    data-slug="gemstones-gold">
					<a href="https://larioja.tepremio.bet.ar/casino/gemstones-gold/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gemstones-gold.webp" alt="Gemstones Gold" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="doomsday rampage"
                    data-cat="slot"
                    data-slug="doomsday-rampage">
					<a href="https://larioja.tepremio.bet.ar/casino/doomsday-rampage/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/doomsday-rampage.webp" alt="Doomsday Rampage" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="speed roulette"
                    data-cat="casino"
                    data-slug="speed-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/speed-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/speed-roulette.jpg" alt="Speed Roulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="alchemy gold"
                    data-cat="slot"
                    data-slug="alchemy-gold">
					<a href="https://larioja.tepremio.bet.ar/casino/alchemy-gold/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/alchemy-gold.webp" alt="Alchemy Gold" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="lucky tiger"
                    data-cat="slot"
                    data-slug="lucky-tiger">
					<a href="https://larioja.tepremio.bet.ar/casino/lucky-tiger/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/lucky-tiger.webp" alt="Lucky Tiger" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/lucky-tiger/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="mega roulette"
                    data-cat="casino"
                    data-slug="mega-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/mega-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/Mega-Roulette.webp" alt="Mega Roulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="gates of olympus"
                    data-cat="slot"
                    data-slug="gate-of-olympus">
					<a href="https://larioja.tepremio.bet.ar/casino/gate-of-olympus/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gates-of-olympus.webp" alt="Gates of Olympus" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/gate-of-olympus/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="one blackjack"
                    data-cat="casino"
                    data-slug="one-blackjack">
					<a href="https://larioja.tepremio.bet.ar/casino/one-blackjack/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/ONE-Blackjackk_.webp" alt="One BlackJack" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="speed baccarat"
                    data-cat="casino"
                    data-slug="speed-baccarat">
					<a href="https://larioja.tepremio.bet.ar/casino/speed-baccarat/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/SpeedBaccarat.webp" alt="Speed Baccarat" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="salsa studio"
                    data-name="candy 3d bingo"
                    data-cat="bingo"
                    data-slug="candy-3d-bingo">
					<a href="https://larioja.tepremio.bet.ar/casino/candy-3d-bingo/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/candy-bingo.png" alt="Candy 3D Bingo" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="mad scientist breaking beakers"
                    data-cat="slot"
                    data-slug="mad-scientist-breaking-beakers">
					<a href="https://larioja.tepremio.bet.ar/casino/mad-scientist-breaking-beakers/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/mad-scientist-breaking-beakers.webp" alt="Mad Scientist Breaking Beakers" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/mad-scientist-breaking-beakers/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="gold nugget rush"
                    data-cat="slot"
                    data-slug="gold-nugget-rush">
					<a href="https://larioja.tepremio.bet.ar/casino/gold-nugget-rush/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gold-nugget-rush.webp" alt="Gold Nugget Rush" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/gold-nugget-rush/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                    </ul>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            const carousels = document.querySelectorAll('.tp-casino-container[data-carrousel="true"]');

            carousels.forEach(carousel => {
                const list = carousel.querySelector('.tp-casino-games');
                const prevBtn = carousel.querySelector('.tp-nav-arrow.prev');
                const nextBtn = carousel.querySelector('.tp-nav-arrow.next');
                const stepSlides = parseInt(carousel.dataset.step) || 1;
                const autoplay = carousel.dataset.autoplay === 'true';
                const intervalMs = parseInt(carousel.dataset.interval) || 4000;

                if (!list || !nextBtn || !prevBtn) return;

                const getSlideWidth = () => {
                    const firstItem = list.querySelector('.tp-casino-game');
                    if (!firstItem) return 0;
                    const style = getComputedStyle(firstItem);
                    const margin = parseFloat(style.marginRight || 0);
                    return firstItem.offsetWidth + margin;
                };

                const scrollByStep = (direction = 1) => {
                    const distance = getSlideWidth() * stepSlides;
                    const maxScrollLeft = list.scrollWidth - list.clientWidth;

                    // Si llegamos al final, reiniciar
                    if (direction > 0 && list.scrollLeft + distance >= maxScrollLeft - 5) {
                        list.scrollTo({ left: 0, behavior: 'smooth' });
                    } else if (direction < 0 && list.scrollLeft === 0) {
                        list.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
                    } else {
                        list.scrollBy({ left: distance * direction, behavior: 'smooth' });
                    }
                };

                // Botones manuales
                prevBtn.addEventListener('click', () => scrollByStep(-1));
                nextBtn.addEventListener('click', () => scrollByStep(1));

                // Autoplay con hover pause
                let autoplayInterval;

                const startAutoplay = () => {
                    if (autoplayInterval) return;
                    autoplayInterval = setInterval(() => scrollByStep(1), intervalMs);
                };

                const stopAutoplay = () => {
                    clearInterval(autoplayInterval);
                    autoplayInterval = null;
                };

                if (autoplay) {
                    startAutoplay();
                    carousel.addEventListener('mouseenter', stopAutoplay);
                    carousel.addEventListener('mouseleave', startAutoplay);
                }
            });
        });
        </script>
        <style>
            /* Columnas responsive */
            .tp-casino-games.columns-2 { --columns: 2; --page: 2; }
            .tp-casino-games.columns-3 { --columns: 3; --page: 2; }
            .tp-casino-games.columns-4 { --columns: 4; --page: 2; }
            .tp-casino-games.columns-5 { --columns: 5; --page: 2; }
            .tp-casino-games.columns-6 { --columns: 6; --page: 2; }
            .tp-casino-games.columns-7 { --columns: 7; --page: 3; }
            .tp-casino-games.columns-8 { --columns: 8; --page: 3; }
            .tp-casino-games.columns-9 { --columns: 9; --page: 3; }
            .tp-casino-games.columns-10 { --columns: 10; --page: 3; }
			
			.tp-casino-games.rows-1 { --rows: 1; }
			.tp-casino-games.rows-2 { --rows: 2; }
            .tp-casino-games.rows-3 { --rows: 3; }
            .tp-casino-games.rows-4 { --rows: 4; }
            .tp-casino-games.rows-5 { --rows: 5; }
            .tp-casino-games.rows-6 { --rows: 6; }
            .tp-casino-games.rows-7 { --rows: 7; }
            .tp-casino-games.rows-8 { --rows: 8; }
            .tp-casino-games.rows-9 { --rows: 9; }
            .tp-casino-games.rows-10 { --rows: 10; }
			
			.tp-casino-container {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				margin: 20px 0 40px 0;
			}			
			
            /* Modo Grid (carrousel=false) */
            .tp-casino-grid .tp-casino-games {
                display: grid;
                grid-template-columns: repeat(var(--columns), 1fr);
                grid-auto-rows: auto;
                overflow: visible;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Modo Carrusel (carrousel=true) */
            .tp-casino-carrousel .tp-casino-games {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: calc( (100% / var(--columns) ) - ( var(--gap) * (var(--columns) - 1) / var(--columns)) );
                grid-template-rows: repeat(var(--rows), auto);
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Items del juego */
            .tp-casino-game {
                position: relative;
                border-radius: 8px;
                overflow: hidden;
                background: #2a3042;
                color: #fff;
                transition: all 0.3s ease;
                aspect-ratio: 1;
                scroll-snap-align: start;
            }
            
            .tp-game-link {
                display: block;
                text-decoration: none;
                color: inherit;
                height: 100%;
            }
            
            .tp-game-image {
                position: relative;
                padding-top: 100%;
                overflow: hidden;
            }
            
            .tp-game-image img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }
            
            .tp-game-info {
                padding: 10px;
                text-align: center;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .tp-game-title {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }
            
            .tp-game-provider {
                display: block;
                font-size: 12px;
                color: #a1a8c3;
                margin-top: 5px;
            }
            
            .tp-play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 10px 20px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
			}

			a.button.tp-train-button {
				position: absolute;
				bottom: 10px;
				left: 50%;
				transform: translate(-50%, 0%);
				padding: 8px 15px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
				font-size: 0.7em;
				background: rgb(0, 0, 0, 0.5);
				color: rgb(255, 255, 255, 0.5);
			}
			
            .tp-casino-game:hover .tp-play-button, .tp-casino-game:hover .tp-train-button {
                opacity: 1;
                color: white;
            }
            
            .tp-casino-game:hover .tp-game-image img {
                transform: scale(1.05);
                opacity: 0.8;
            }
            
            /* Flechas de navegación */
            .tp-nav-arrow {
				user-select: none;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgb(0, 0, 0, 0.5);
				border: none;
				width: 35px;
				height: 55px;
				display: flex;
				align-items: center;
				cursor: pointer;
				font-size: 1rem;
				color: #dddddd;
				z-index: 1;
				transition: background 0.3s ease;
            }
            
            .tp-nav-arrow:hover {
                background: rgba(0, 0, 0, 0.8);
            }
            
            .tp-nav-arrow.prev {
                left: 0px;
				border-radius: 0 25px 25px 0;
				justify-content: flex-start;
				padding-right: 30px;
            }
            
            .tp-nav-arrow.next {
                right: 0px;
                left: auto;
				border-radius: 25px 0 0 25px;
				justify-content: flex-end;
				padding-left: 30px;
            }

            /* Ocultar scrollbar */
            .tp-casino-games::-webkit-scrollbar {
                display: none;
            }
            
            .tp-casino-games {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            
            /* Responsive */
            @media (max-width: 992px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(5, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--columns: calc(var(--page) + 2);
                }
				
				.tp-casino-container {
					margin: 10px 0 30px 0;
				}
				
            }
            
            @media (max-width: 769px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(4, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--gap: 10px;
                    --columns: calc(var(--page) + 1);
                }
                
                .tp-nav-arrow {
                    width: 25px;
					height: 45px;
                }
            }
            
            @media (max-width: 480px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(3, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
                    --columns: var(--page);
                }
            }
        </style>
    </div>
    		</div>
		<div class="tp-casino-seccion">
			<div class="tp-casino-header">
				<h3 class="tp-casino-title">Slots</h3>
				<a href="https://larioja.tepremio.bet.ar/casino-games/?category=slot">Ver<i class="fas fa-plus"></i></a>
			</div>
			    <div class="tp-casino-container tp-casino-carrousel"
        data-carrousel="true"
        data-columns="8"
        data-rows="2"
		data-page="3"
        data-step="1"
        data-autoplay="false"
        data-interval="4500">

                    <span class="tp-nav-arrow prev">〈</span>
            <span class="tp-nav-arrow next">〉</span>
                
        <ul class="tp-casino-games columns-8 rows-2 ">
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="sugar rush"
                    data-cat="slot"
                    data-slug="sugar-rush">
					<a href="https://larioja.tepremio.bet.ar/casino/sugar-rush/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/sugar-rush.webp" alt="Sugar Rush" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="gemstones gold"
                    data-cat="slot"
                    data-slug="gemstones-gold">
					<a href="https://larioja.tepremio.bet.ar/casino/gemstones-gold/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gemstones-gold.webp" alt="Gemstones Gold" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="doomsday rampage"
                    data-cat="slot"
                    data-slug="doomsday-rampage">
					<a href="https://larioja.tepremio.bet.ar/casino/doomsday-rampage/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/doomsday-rampage.webp" alt="Doomsday Rampage" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="alchemy gold"
                    data-cat="slot"
                    data-slug="alchemy-gold">
					<a href="https://larioja.tepremio.bet.ar/casino/alchemy-gold/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/alchemy-gold.webp" alt="Alchemy Gold" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="gold party"
                    data-cat="slot"
                    data-slug="gold-party">
					<a href="https://larioja.tepremio.bet.ar/casino/gold-party/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gold-party.webp" alt="Gold Party" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/gold-party/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="lucky tiger"
                    data-cat="slot"
                    data-slug="lucky-tiger">
					<a href="https://larioja.tepremio.bet.ar/casino/lucky-tiger/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/lucky-tiger.webp" alt="Lucky Tiger" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/lucky-tiger/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="5 lions mega"
                    data-cat="slot"
                    data-slug="5-lions">
					<a href="https://larioja.tepremio.bet.ar/casino/5-lions/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/5-lions.webp" alt="5 Lions Mega" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/5-lions/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="congo cash"
                    data-cat="slot"
                    data-slug="congo-cash">
					<a href="https://larioja.tepremio.bet.ar/casino/congo-cash/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/congo-cash.webp" alt="Congo Cash" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/congo-cash/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="gates of olympus"
                    data-cat="slot"
                    data-slug="gate-of-olympus">
					<a href="https://larioja.tepremio.bet.ar/casino/gate-of-olympus/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/gates-of-olympus.webp" alt="Gates of Olympus" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/gate-of-olympus/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="geishas revenge"
                    data-cat="slot"
                    data-slug="geishas-revenge">
					<a href="https://larioja.tepremio.bet.ar/casino/geishas-revenge/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/geishas-revenge.jpg" alt="Geishas Revenge" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="anubis wrath"
                    data-cat="slot"
                    data-slug="anubis-wrath">
					<a href="https://larioja.tepremio.bet.ar/casino/anubis-wrath/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/anubis-wrath.png" alt="Anubis Wrath" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="fortune snake"
                    data-cat="slot"
                    data-slug="fortune-snake">
					<a href="https://larioja.tepremio.bet.ar/casino/fortune-snake/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/fortune-snake.webp" alt="Fortune Snake" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="wild ape"
                    data-cat="slot"
                    data-slug="wild-ape">
					<a href="https://larioja.tepremio.bet.ar/casino/wild-ape/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/wild-ape.webp" alt="Wild Ape" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="mystic potions"
                    data-cat="slot"
                    data-slug="mystic-potions">
					<a href="https://larioja.tepremio.bet.ar/casino/mystic-potions/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/mystic-potions.jpg" alt="Mystic Potions" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="zombie outbreak"
                    data-cat="slot"
                    data-slug="zombie-outbreak">
					<a href="https://larioja.tepremio.bet.ar/casino/zombie-outbreak/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/zombie-outbreak.webp" alt="Zombie Outbreak" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pgsoft"
                    data-name="ganesha gold"
                    data-cat="slot"
                    data-slug="ganesha-gold">
					<a href="https://larioja.tepremio.bet.ar/casino/ganesha-gold/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/ganesha-gold.webp" alt="Ganesha Gold" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                    </ul>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            const carousels = document.querySelectorAll('.tp-casino-container[data-carrousel="true"]');

            carousels.forEach(carousel => {
                const list = carousel.querySelector('.tp-casino-games');
                const prevBtn = carousel.querySelector('.tp-nav-arrow.prev');
                const nextBtn = carousel.querySelector('.tp-nav-arrow.next');
                const stepSlides = parseInt(carousel.dataset.step) || 1;
                const autoplay = carousel.dataset.autoplay === 'true';
                const intervalMs = parseInt(carousel.dataset.interval) || 4000;

                if (!list || !nextBtn || !prevBtn) return;

                const getSlideWidth = () => {
                    const firstItem = list.querySelector('.tp-casino-game');
                    if (!firstItem) return 0;
                    const style = getComputedStyle(firstItem);
                    const margin = parseFloat(style.marginRight || 0);
                    return firstItem.offsetWidth + margin;
                };

                const scrollByStep = (direction = 1) => {
                    const distance = getSlideWidth() * stepSlides;
                    const maxScrollLeft = list.scrollWidth - list.clientWidth;

                    // Si llegamos al final, reiniciar
                    if (direction > 0 && list.scrollLeft + distance >= maxScrollLeft - 5) {
                        list.scrollTo({ left: 0, behavior: 'smooth' });
                    } else if (direction < 0 && list.scrollLeft === 0) {
                        list.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
                    } else {
                        list.scrollBy({ left: distance * direction, behavior: 'smooth' });
                    }
                };

                // Botones manuales
                prevBtn.addEventListener('click', () => scrollByStep(-1));
                nextBtn.addEventListener('click', () => scrollByStep(1));

                // Autoplay con hover pause
                let autoplayInterval;

                const startAutoplay = () => {
                    if (autoplayInterval) return;
                    autoplayInterval = setInterval(() => scrollByStep(1), intervalMs);
                };

                const stopAutoplay = () => {
                    clearInterval(autoplayInterval);
                    autoplayInterval = null;
                };

                if (autoplay) {
                    startAutoplay();
                    carousel.addEventListener('mouseenter', stopAutoplay);
                    carousel.addEventListener('mouseleave', startAutoplay);
                }
            });
        });
        </script>
        <style>
            /* Columnas responsive */
            .tp-casino-games.columns-2 { --columns: 2; --page: 2; }
            .tp-casino-games.columns-3 { --columns: 3; --page: 2; }
            .tp-casino-games.columns-4 { --columns: 4; --page: 2; }
            .tp-casino-games.columns-5 { --columns: 5; --page: 2; }
            .tp-casino-games.columns-6 { --columns: 6; --page: 2; }
            .tp-casino-games.columns-7 { --columns: 7; --page: 3; }
            .tp-casino-games.columns-8 { --columns: 8; --page: 3; }
            .tp-casino-games.columns-9 { --columns: 9; --page: 3; }
            .tp-casino-games.columns-10 { --columns: 10; --page: 3; }
			
			.tp-casino-games.rows-1 { --rows: 1; }
			.tp-casino-games.rows-2 { --rows: 2; }
            .tp-casino-games.rows-3 { --rows: 3; }
            .tp-casino-games.rows-4 { --rows: 4; }
            .tp-casino-games.rows-5 { --rows: 5; }
            .tp-casino-games.rows-6 { --rows: 6; }
            .tp-casino-games.rows-7 { --rows: 7; }
            .tp-casino-games.rows-8 { --rows: 8; }
            .tp-casino-games.rows-9 { --rows: 9; }
            .tp-casino-games.rows-10 { --rows: 10; }
			
			.tp-casino-container {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				margin: 20px 0 40px 0;
			}			
			
            /* Modo Grid (carrousel=false) */
            .tp-casino-grid .tp-casino-games {
                display: grid;
                grid-template-columns: repeat(var(--columns), 1fr);
                grid-auto-rows: auto;
                overflow: visible;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Modo Carrusel (carrousel=true) */
            .tp-casino-carrousel .tp-casino-games {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: calc( (100% / var(--columns) ) - ( var(--gap) * (var(--columns) - 1) / var(--columns)) );
                grid-template-rows: repeat(var(--rows), auto);
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Items del juego */
            .tp-casino-game {
                position: relative;
                border-radius: 8px;
                overflow: hidden;
                background: #2a3042;
                color: #fff;
                transition: all 0.3s ease;
                aspect-ratio: 1;
                scroll-snap-align: start;
            }
            
            .tp-game-link {
                display: block;
                text-decoration: none;
                color: inherit;
                height: 100%;
            }
            
            .tp-game-image {
                position: relative;
                padding-top: 100%;
                overflow: hidden;
            }
            
            .tp-game-image img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }
            
            .tp-game-info {
                padding: 10px;
                text-align: center;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .tp-game-title {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }
            
            .tp-game-provider {
                display: block;
                font-size: 12px;
                color: #a1a8c3;
                margin-top: 5px;
            }
            
            .tp-play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 10px 20px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
			}

			a.button.tp-train-button {
				position: absolute;
				bottom: 10px;
				left: 50%;
				transform: translate(-50%, 0%);
				padding: 8px 15px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
				font-size: 0.7em;
				background: rgb(0, 0, 0, 0.5);
				color: rgb(255, 255, 255, 0.5);
			}
			
            .tp-casino-game:hover .tp-play-button, .tp-casino-game:hover .tp-train-button {
                opacity: 1;
                color: white;
            }
            
            .tp-casino-game:hover .tp-game-image img {
                transform: scale(1.05);
                opacity: 0.8;
            }
            
            /* Flechas de navegación */
            .tp-nav-arrow {
				user-select: none;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgb(0, 0, 0, 0.5);
				border: none;
				width: 35px;
				height: 55px;
				display: flex;
				align-items: center;
				cursor: pointer;
				font-size: 1rem;
				color: #dddddd;
				z-index: 1;
				transition: background 0.3s ease;
            }
            
            .tp-nav-arrow:hover {
                background: rgba(0, 0, 0, 0.8);
            }
            
            .tp-nav-arrow.prev {
                left: 0px;
				border-radius: 0 25px 25px 0;
				justify-content: flex-start;
				padding-right: 30px;
            }
            
            .tp-nav-arrow.next {
                right: 0px;
                left: auto;
				border-radius: 25px 0 0 25px;
				justify-content: flex-end;
				padding-left: 30px;
            }

            /* Ocultar scrollbar */
            .tp-casino-games::-webkit-scrollbar {
                display: none;
            }
            
            .tp-casino-games {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            
            /* Responsive */
            @media (max-width: 992px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(5, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--columns: calc(var(--page) + 2);
                }
				
				.tp-casino-container {
					margin: 10px 0 30px 0;
				}
				
            }
            
            @media (max-width: 769px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(4, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--gap: 10px;
                    --columns: calc(var(--page) + 1);
                }
                
                .tp-nav-arrow {
                    width: 25px;
					height: 45px;
                }
            }
            
            @media (max-width: 480px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(3, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
                    --columns: var(--page);
                }
            }
        </style>
    </div>
    		</div>
		<div class="tp-casino-seccion">
			<div class="tp-casino-header">
				<h3 class="tp-casino-title">Casino en Vivo</h3>
				<a href="https://larioja.tepremio.bet.ar/casino-games/?category=casino">Ver<i class="fas fa-plus"></i></a>
			</div>
			    <div class="tp-casino-container tp-casino-carrousel"
        data-carrousel="true"
        data-columns="8"
        data-rows="2"
		data-page="3"
        data-step="1"
        data-autoplay="false"
        data-interval="4500">

                    <span class="tp-nav-arrow prev">〈</span>
            <span class="tp-nav-arrow next">〉</span>
                
        <ul class="tp-casino-games columns-8 rows-2 ">
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="speed roulette"
                    data-cat="casino"
                    data-slug="speed-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/speed-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/speed-roulette.jpg" alt="Speed Roulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="lucky 6 roulette"
                    data-cat="casino"
                    data-slug="lucky-6-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/lucky-6-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/lucky-6-roulette.jpg" alt="Lucky 6 Roulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="fortune roulete"
                    data-cat="casino"
                    data-slug="fortune-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/fortune-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/fortune-roulette.webp" alt="Fortune Roulete" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="mega roulette"
                    data-cat="casino"
                    data-slug="mega-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/mega-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/Mega-Roulette.webp" alt="Mega Roulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="one blackjack"
                    data-cat="casino"
                    data-slug="one-blackjack">
					<a href="https://larioja.tepremio.bet.ar/casino/one-blackjack/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/ONE-Blackjackk_.webp" alt="One BlackJack" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="speed baccarat"
                    data-cat="casino"
                    data-slug="speed-baccarat">
					<a href="https://larioja.tepremio.bet.ar/casino/speed-baccarat/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/SpeedBaccarat.webp" alt="Speed Baccarat" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="zoom reoulette"
                    data-cat="casino"
                    data-slug="zoom-roulette">
					<a href="https://larioja.tepremio.bet.ar/casino/zoom-roulette/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/zoom_roulette.webp" alt="Zoom Reoulette" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="mega baccarat"
                    data-cat="casino"
                    data-slug="mega-baccarat">
					<a href="https://larioja.tepremio.bet.ar/casino/mega-baccarat/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/mega-baccarat.webp" alt="Mega Baccarat" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evolution"
                    data-name="cricket war"
                    data-cat="casino"
                    data-slug="cricketwar">
					<a href="https://larioja.tepremio.bet.ar/casino/cricketwar/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/criketwar.webp" alt="Cricket War" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evolution"
                    data-name="bac bo"
                    data-cat="casino"
                    data-slug="bac-bo">
					<a href="https://larioja.tepremio.bet.ar/casino/bac-bo/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/bac-bo-live.webp" alt="Bac Bo" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="supreme 777 jackpots"
                    data-cat="casino"
                    data-slug="supreme-777-jackpots">
					<a href="https://larioja.tepremio.bet.ar/casino/supreme-777-jackpots/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/supreme-777-Jackpots.webp" alt="Supreme 777 JACKPOTS" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/supreme-777-jackpots/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="baccarat"
                    data-cat="casino"
                    data-slug="baccarat">
					<a href="https://larioja.tepremio.bet.ar/casino/baccarat/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/baccarat.webp" alt="Baccarat" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="roulette español"
                    data-cat="casino"
                    data-slug="roulette-spanish">
					<a href="https://larioja.tepremio.bet.ar/casino/roulette-spanish/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/roulette-espanol.webp" alt="Roulette Español" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="mega wheel"
                    data-cat="casino"
                    data-slug="mega-wheel">
					<a href="https://larioja.tepremio.bet.ar/casino/mega-wheel/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/mega-wheel.webp" alt="Mega Wheel" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evolution"
                    data-name="blackjack español"
                    data-cat="casino"
                    data-slug="blackjack-esp">
					<a href="https://larioja.tepremio.bet.ar/casino/blackjack-esp/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/blackjack-espanol.webp" alt="Blackjack Español" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evolution"
                    data-name="punto banco"
                    data-cat="casino"
                    data-slug="punto-banco">
					<a href="https://larioja.tepremio.bet.ar/casino/punto-banco/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/punto-banco.webp" alt="Punto Banco" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                    </ul>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            const carousels = document.querySelectorAll('.tp-casino-container[data-carrousel="true"]');

            carousels.forEach(carousel => {
                const list = carousel.querySelector('.tp-casino-games');
                const prevBtn = carousel.querySelector('.tp-nav-arrow.prev');
                const nextBtn = carousel.querySelector('.tp-nav-arrow.next');
                const stepSlides = parseInt(carousel.dataset.step) || 1;
                const autoplay = carousel.dataset.autoplay === 'true';
                const intervalMs = parseInt(carousel.dataset.interval) || 4000;

                if (!list || !nextBtn || !prevBtn) return;

                const getSlideWidth = () => {
                    const firstItem = list.querySelector('.tp-casino-game');
                    if (!firstItem) return 0;
                    const style = getComputedStyle(firstItem);
                    const margin = parseFloat(style.marginRight || 0);
                    return firstItem.offsetWidth + margin;
                };

                const scrollByStep = (direction = 1) => {
                    const distance = getSlideWidth() * stepSlides;
                    const maxScrollLeft = list.scrollWidth - list.clientWidth;

                    // Si llegamos al final, reiniciar
                    if (direction > 0 && list.scrollLeft + distance >= maxScrollLeft - 5) {
                        list.scrollTo({ left: 0, behavior: 'smooth' });
                    } else if (direction < 0 && list.scrollLeft === 0) {
                        list.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
                    } else {
                        list.scrollBy({ left: distance * direction, behavior: 'smooth' });
                    }
                };

                // Botones manuales
                prevBtn.addEventListener('click', () => scrollByStep(-1));
                nextBtn.addEventListener('click', () => scrollByStep(1));

                // Autoplay con hover pause
                let autoplayInterval;

                const startAutoplay = () => {
                    if (autoplayInterval) return;
                    autoplayInterval = setInterval(() => scrollByStep(1), intervalMs);
                };

                const stopAutoplay = () => {
                    clearInterval(autoplayInterval);
                    autoplayInterval = null;
                };

                if (autoplay) {
                    startAutoplay();
                    carousel.addEventListener('mouseenter', stopAutoplay);
                    carousel.addEventListener('mouseleave', startAutoplay);
                }
            });
        });
        </script>
        <style>
            /* Columnas responsive */
            .tp-casino-games.columns-2 { --columns: 2; --page: 2; }
            .tp-casino-games.columns-3 { --columns: 3; --page: 2; }
            .tp-casino-games.columns-4 { --columns: 4; --page: 2; }
            .tp-casino-games.columns-5 { --columns: 5; --page: 2; }
            .tp-casino-games.columns-6 { --columns: 6; --page: 2; }
            .tp-casino-games.columns-7 { --columns: 7; --page: 3; }
            .tp-casino-games.columns-8 { --columns: 8; --page: 3; }
            .tp-casino-games.columns-9 { --columns: 9; --page: 3; }
            .tp-casino-games.columns-10 { --columns: 10; --page: 3; }
			
			.tp-casino-games.rows-1 { --rows: 1; }
			.tp-casino-games.rows-2 { --rows: 2; }
            .tp-casino-games.rows-3 { --rows: 3; }
            .tp-casino-games.rows-4 { --rows: 4; }
            .tp-casino-games.rows-5 { --rows: 5; }
            .tp-casino-games.rows-6 { --rows: 6; }
            .tp-casino-games.rows-7 { --rows: 7; }
            .tp-casino-games.rows-8 { --rows: 8; }
            .tp-casino-games.rows-9 { --rows: 9; }
            .tp-casino-games.rows-10 { --rows: 10; }
			
			.tp-casino-container {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				margin: 20px 0 40px 0;
			}			
			
            /* Modo Grid (carrousel=false) */
            .tp-casino-grid .tp-casino-games {
                display: grid;
                grid-template-columns: repeat(var(--columns), 1fr);
                grid-auto-rows: auto;
                overflow: visible;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Modo Carrusel (carrousel=true) */
            .tp-casino-carrousel .tp-casino-games {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: calc( (100% / var(--columns) ) - ( var(--gap) * (var(--columns) - 1) / var(--columns)) );
                grid-template-rows: repeat(var(--rows), auto);
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Items del juego */
            .tp-casino-game {
                position: relative;
                border-radius: 8px;
                overflow: hidden;
                background: #2a3042;
                color: #fff;
                transition: all 0.3s ease;
                aspect-ratio: 1;
                scroll-snap-align: start;
            }
            
            .tp-game-link {
                display: block;
                text-decoration: none;
                color: inherit;
                height: 100%;
            }
            
            .tp-game-image {
                position: relative;
                padding-top: 100%;
                overflow: hidden;
            }
            
            .tp-game-image img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }
            
            .tp-game-info {
                padding: 10px;
                text-align: center;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .tp-game-title {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }
            
            .tp-game-provider {
                display: block;
                font-size: 12px;
                color: #a1a8c3;
                margin-top: 5px;
            }
            
            .tp-play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 10px 20px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
			}

			a.button.tp-train-button {
				position: absolute;
				bottom: 10px;
				left: 50%;
				transform: translate(-50%, 0%);
				padding: 8px 15px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
				font-size: 0.7em;
				background: rgb(0, 0, 0, 0.5);
				color: rgb(255, 255, 255, 0.5);
			}
			
            .tp-casino-game:hover .tp-play-button, .tp-casino-game:hover .tp-train-button {
                opacity: 1;
                color: white;
            }
            
            .tp-casino-game:hover .tp-game-image img {
                transform: scale(1.05);
                opacity: 0.8;
            }
            
            /* Flechas de navegación */
            .tp-nav-arrow {
				user-select: none;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgb(0, 0, 0, 0.5);
				border: none;
				width: 35px;
				height: 55px;
				display: flex;
				align-items: center;
				cursor: pointer;
				font-size: 1rem;
				color: #dddddd;
				z-index: 1;
				transition: background 0.3s ease;
            }
            
            .tp-nav-arrow:hover {
                background: rgba(0, 0, 0, 0.8);
            }
            
            .tp-nav-arrow.prev {
                left: 0px;
				border-radius: 0 25px 25px 0;
				justify-content: flex-start;
				padding-right: 30px;
            }
            
            .tp-nav-arrow.next {
                right: 0px;
                left: auto;
				border-radius: 25px 0 0 25px;
				justify-content: flex-end;
				padding-left: 30px;
            }

            /* Ocultar scrollbar */
            .tp-casino-games::-webkit-scrollbar {
                display: none;
            }
            
            .tp-casino-games {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            
            /* Responsive */
            @media (max-width: 992px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(5, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--columns: calc(var(--page) + 2);
                }
				
				.tp-casino-container {
					margin: 10px 0 30px 0;
				}
				
            }
            
            @media (max-width: 769px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(4, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--gap: 10px;
                    --columns: calc(var(--page) + 1);
                }
                
                .tp-nav-arrow {
                    width: 25px;
					height: 45px;
                }
            }
            
            @media (max-width: 480px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(3, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
                    --columns: var(--page);
                }
            }
        </style>
    </div>
    		</div>
		<div class="tp-casino-seccion">
			<div class="tp-casino-header">
				<h3 class="tp-casino-title">Crash</h3>
				<a href="https://larioja.tepremio.bet.ar/casino-games/?category=crash">Ver<i class="fas fa-plus"></i></a>
			</div>
			    <div class="tp-casino-container tp-casino-carrousel"
        data-carrousel="true"
        data-columns="8"
        data-rows="2"
		data-page="3"
        data-step="1"
        data-autoplay="false"
        data-interval="4500">

                    <span class="tp-nav-arrow prev">〈</span>
            <span class="tp-nav-arrow next">〉</span>
                
        <ul class="tp-casino-games columns-8 rows-2 ">
                            <li class="tp-casino-game"
                    data-provider="stribe"
                    data-name="aviator"
                    data-cat="crash"
                    data-slug="aviator">
					<a href="https://larioja.tepremio.bet.ar/casino/aviator/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/aviator.webp" alt="Aviator" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="spaceman"
                    data-cat="crash"
                    data-slug="spaceman">
					<a href="https://larioja.tepremio.bet.ar/casino/spaceman/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/space-man.webp" alt="Spaceman" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="triple crash"
                    data-cat="crash"
                    data-slug="triple-crash">
					<a href="https://larioja.tepremio.bet.ar/casino/triple-crash/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/triple-cash-crash.webp" alt="Triple Crash" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/triple-crash/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="betsoft"
                    data-name="diamond mines"
                    data-cat="crash"
                    data-slug="diamond-mines">
					<a href="https://larioja.tepremio.bet.ar/casino/diamond-mines/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/diamond-mines.webp" alt="Diamond Mines" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
												<a href="https://larioja.tepremio.bet.ar/casino/diamond-mines/?play=demo"class="button tp-train-button" >Practicar</a>
							                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="uncrossable rush eggster"
                    data-cat="crash"
                    data-slug="uncrossable-rush-eggster">
					<a href="https://larioja.tepremio.bet.ar/casino/uncrossable-rush-eggster/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2026/03/uncrossable-rush-eggster.png" alt="Uncrossable Rush Eggster" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="big bass crash"
                    data-cat="crash"
                    data-slug="big-bass-crash">
					<a href="https://larioja.tepremio.bet.ar/casino/big-bass-crash/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/Big-Bass-Crash.webp" alt="Big Bass Crash" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="pragmatic play"
                    data-name="high flyer"
                    data-cat="crash"
                    data-slug="high-flyer">
					<a href="https://larioja.tepremio.bet.ar/casino/high-flyer/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/high-flyer.webp" alt="High Flyer" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="aviatrix"
                    data-name="aviatrix"
                    data-cat="crash"
                    data-slug="aviatrix">
					<a href="https://larioja.tepremio.bet.ar/casino/aviatrix/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/aviatrix.jpg" alt="Aviatrix" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="bgaming"
                    data-name="alpaca bronze"
                    data-cat="crash"
                    data-slug="alpaca-bronze">
					<a href="https://larioja.tepremio.bet.ar/casino/alpaca-bronze/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/Scratch_Alpaca_Bronze.webp" alt="Alpaca Bronze" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="adrenaline rush x crash"
                    data-cat="crash"
                    data-slug="adrenaline-rush-x-crash">
					<a href="https://larioja.tepremio.bet.ar/casino/adrenaline-rush-x-crash/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/adrenalinerush.webp" alt="Adrenaline Rush X Crash" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="soccer solo striker"
                    data-cat="crash"
                    data-slug="soccer-solo-striker">
					<a href="https://larioja.tepremio.bet.ar/casino/soccer-solo-striker/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/soccersolostriker.webp" alt="Soccer Solo Striker" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="uncrossable rush"
                    data-cat="crash"
                    data-slug="uncrossable-rush">
					<a href="https://larioja.tepremio.bet.ar/casino/uncrossable-rush/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2026/03/uncrossable-rush.jpg" alt="Uncrossable Rush" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="penalty shoot out"
                    data-cat="crash"
                    data-slug="penalty-shoot-out">
					<a href="https://larioja.tepremio.bet.ar/casino/penalty-shoot-out/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/penalty-shoot-out.webp" alt="Penalty Shoot Out" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="penalty shoot out super cup"
                    data-cat="crash"
                    data-slug="penalty-shoot-out-super-cup">
					<a href="https://larioja.tepremio.bet.ar/casino/penalty-shoot-out-super-cup/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/penalty-shoot-out-super-cup.webp" alt="Penalty Shoot Out Super Cup" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="hercules sports legend"
                    data-cat="crash"
                    data-slug="hercules-sports-legend">
					<a href="https://larioja.tepremio.bet.ar/casino/hercules-sports-legend/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/hercules-sports.webp" alt="Hercules Sports Legend" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                            <li class="tp-casino-game"
                    data-provider="evoplay"
                    data-name="treasure of the gods"
                    data-cat="crash"
                    data-slug="treasure-of-the-gods">
					<a href="https://larioja.tepremio.bet.ar/casino/treasure-of-the-gods/?play=true" class="tp-game-link">
                                                        <div class="tp-game-image">
                                    <img loading="lazy" src="https://larioja.tepremio.bet.ar/tp-upload/2025/09/treasures-of-the-gods.webp" alt="Treasure Of The Gods" />
                                </div>
														<span class="button tp-play-button">Jugar <i class="fas fa-play"></i></span>
                    </a>
					                </li>
                    </ul>
        <script>
        document.addEventListener('DOMContentLoaded', function () {
            const carousels = document.querySelectorAll('.tp-casino-container[data-carrousel="true"]');

            carousels.forEach(carousel => {
                const list = carousel.querySelector('.tp-casino-games');
                const prevBtn = carousel.querySelector('.tp-nav-arrow.prev');
                const nextBtn = carousel.querySelector('.tp-nav-arrow.next');
                const stepSlides = parseInt(carousel.dataset.step) || 1;
                const autoplay = carousel.dataset.autoplay === 'true';
                const intervalMs = parseInt(carousel.dataset.interval) || 4000;

                if (!list || !nextBtn || !prevBtn) return;

                const getSlideWidth = () => {
                    const firstItem = list.querySelector('.tp-casino-game');
                    if (!firstItem) return 0;
                    const style = getComputedStyle(firstItem);
                    const margin = parseFloat(style.marginRight || 0);
                    return firstItem.offsetWidth + margin;
                };

                const scrollByStep = (direction = 1) => {
                    const distance = getSlideWidth() * stepSlides;
                    const maxScrollLeft = list.scrollWidth - list.clientWidth;

                    // Si llegamos al final, reiniciar
                    if (direction > 0 && list.scrollLeft + distance >= maxScrollLeft - 5) {
                        list.scrollTo({ left: 0, behavior: 'smooth' });
                    } else if (direction < 0 && list.scrollLeft === 0) {
                        list.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
                    } else {
                        list.scrollBy({ left: distance * direction, behavior: 'smooth' });
                    }
                };

                // Botones manuales
                prevBtn.addEventListener('click', () => scrollByStep(-1));
                nextBtn.addEventListener('click', () => scrollByStep(1));

                // Autoplay con hover pause
                let autoplayInterval;

                const startAutoplay = () => {
                    if (autoplayInterval) return;
                    autoplayInterval = setInterval(() => scrollByStep(1), intervalMs);
                };

                const stopAutoplay = () => {
                    clearInterval(autoplayInterval);
                    autoplayInterval = null;
                };

                if (autoplay) {
                    startAutoplay();
                    carousel.addEventListener('mouseenter', stopAutoplay);
                    carousel.addEventListener('mouseleave', startAutoplay);
                }
            });
        });
        </script>
        <style>
            /* Columnas responsive */
            .tp-casino-games.columns-2 { --columns: 2; --page: 2; }
            .tp-casino-games.columns-3 { --columns: 3; --page: 2; }
            .tp-casino-games.columns-4 { --columns: 4; --page: 2; }
            .tp-casino-games.columns-5 { --columns: 5; --page: 2; }
            .tp-casino-games.columns-6 { --columns: 6; --page: 2; }
            .tp-casino-games.columns-7 { --columns: 7; --page: 3; }
            .tp-casino-games.columns-8 { --columns: 8; --page: 3; }
            .tp-casino-games.columns-9 { --columns: 9; --page: 3; }
            .tp-casino-games.columns-10 { --columns: 10; --page: 3; }
			
			.tp-casino-games.rows-1 { --rows: 1; }
			.tp-casino-games.rows-2 { --rows: 2; }
            .tp-casino-games.rows-3 { --rows: 3; }
            .tp-casino-games.rows-4 { --rows: 4; }
            .tp-casino-games.rows-5 { --rows: 5; }
            .tp-casino-games.rows-6 { --rows: 6; }
            .tp-casino-games.rows-7 { --rows: 7; }
            .tp-casino-games.rows-8 { --rows: 8; }
            .tp-casino-games.rows-9 { --rows: 9; }
            .tp-casino-games.rows-10 { --rows: 10; }
			
			.tp-casino-container {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				margin: 20px 0 40px 0;
			}			
			
            /* Modo Grid (carrousel=false) */
            .tp-casino-grid .tp-casino-games {
                display: grid;
                grid-template-columns: repeat(var(--columns), 1fr);
                grid-auto-rows: auto;
                overflow: visible;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Modo Carrusel (carrousel=true) */
            .tp-casino-carrousel .tp-casino-games {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: calc( (100% / var(--columns) ) - ( var(--gap) * (var(--columns) - 1) / var(--columns)) );
                grid-template-rows: repeat(var(--rows), auto);
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
				--gap: 15px;
                gap: var(--gap);
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            /* Items del juego */
            .tp-casino-game {
                position: relative;
                border-radius: 8px;
                overflow: hidden;
                background: #2a3042;
                color: #fff;
                transition: all 0.3s ease;
                aspect-ratio: 1;
                scroll-snap-align: start;
            }
            
            .tp-game-link {
                display: block;
                text-decoration: none;
                color: inherit;
                height: 100%;
            }
            
            .tp-game-image {
                position: relative;
                padding-top: 100%;
                overflow: hidden;
            }
            
            .tp-game-image img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }
            
            .tp-game-info {
                padding: 10px;
                text-align: center;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .tp-game-title {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 600;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }
            
            .tp-game-provider {
                display: block;
                font-size: 12px;
                color: #a1a8c3;
                margin-top: 5px;
            }
            
            .tp-play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 10px 20px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
			}

			a.button.tp-train-button {
				position: absolute;
				bottom: 10px;
				left: 50%;
				transform: translate(-50%, 0%);
				padding: 8px 15px;
				opacity: 0;
				transition: opacity 0.3s ease;
				pointer-events: auto;
				width: max-content;
				font-size: 0.7em;
				background: rgb(0, 0, 0, 0.5);
				color: rgb(255, 255, 255, 0.5);
			}
			
            .tp-casino-game:hover .tp-play-button, .tp-casino-game:hover .tp-train-button {
                opacity: 1;
                color: white;
            }
            
            .tp-casino-game:hover .tp-game-image img {
                transform: scale(1.05);
                opacity: 0.8;
            }
            
            /* Flechas de navegación */
            .tp-nav-arrow {
				user-select: none;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgb(0, 0, 0, 0.5);
				border: none;
				width: 35px;
				height: 55px;
				display: flex;
				align-items: center;
				cursor: pointer;
				font-size: 1rem;
				color: #dddddd;
				z-index: 1;
				transition: background 0.3s ease;
            }
            
            .tp-nav-arrow:hover {
                background: rgba(0, 0, 0, 0.8);
            }
            
            .tp-nav-arrow.prev {
                left: 0px;
				border-radius: 0 25px 25px 0;
				justify-content: flex-start;
				padding-right: 30px;
            }
            
            .tp-nav-arrow.next {
                right: 0px;
                left: auto;
				border-radius: 25px 0 0 25px;
				justify-content: flex-end;
				padding-left: 30px;
            }

            /* Ocultar scrollbar */
            .tp-casino-games::-webkit-scrollbar {
                display: none;
            }
            
            .tp-casino-games {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            
            /* Responsive */
            @media (max-width: 992px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(5, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--columns: calc(var(--page) + 2);
                }
				
				.tp-casino-container {
					margin: 10px 0 30px 0;
				}
				
            }
            
            @media (max-width: 769px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(4, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
					--gap: 10px;
                    --columns: calc(var(--page) + 1);
                }
                
                .tp-nav-arrow {
                    width: 25px;
					height: 45px;
                }
            }
            
            @media (max-width: 480px) {
                .tp-casino-grid .tp-casino-games {
                    grid-template-columns: repeat(3, 1fr);
                }
                
                .tp-casino-carrousel .tp-casino-games {
                    --columns: var(--page);
                }
            }
        </style>
    </div>
    		</div>
			</div>
	<style>	
		.tp-casino-content {
			padding: 10px 5px;
		}
		.tp-casino-header {
			width: 100%;
			height: 40px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		.tp-casino-header > a {
			margin-top: 15px;
			display: flex;
			align-items: center;
			gap: 5px;
			font-size: 14px;
			text-decoration: none !important;
		}
		.tp-casino-title::after{
			display: block;
			margin-top: 5px;
			content: "";
			width: 100%;
			height: .12rem;
			background: var(--ast-global-color-0);
		}
	</style>
		</div>
	{"id":2,"date":"2025-08-29T20:03:18","date_gmt":"2025-08-29T23:03:18","guid":{"rendered":"https:\/\/larioja.tepremio.bet.ar\/?page_id=2"},"modified":"2025-08-30T11:38:37","modified_gmt":"2025-08-30T14:38:37","slug":"inicio","status":"publish","type":"page","link":"https:\/\/larioja.tepremio.bet.ar\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":2,"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/pages\/2\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/larioja.tepremio.bet.ar\/tp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}