Categoría: Uncategorized

Admin octubre 11, 2026

Wonaco Casino – Your Fun Your Way in AUS

After reviewing plenty of online casinos for players from Australia, I seek a few key things: easy access, a excellent selection of titles, and a fair offer. Wonaco

Admin octubre 11, 2026

Uncategorized

Živé kasino v Česku: Bezpečná a spolehlivá a Zábavná a vzrušující Herní zkušenost v Rich Royal Casino

Živé kasino přináší ten opravdový adrenalin z herního stolu rovnou do vašeho obývacího pokoje. Zde nejde o animace na obrazovce, ale o reálné dealery, reálné hrací karty a

Admin octubre 11, 2026

Uncategorized

O Spinit Casino é o local de reunião definitivo para os entusiastas de slots em Portugal.

Sabia que o Casino spinit free spins oferece uma das mais amplas seleções de jogos de slots em Portugal, para todos os estilos de jogadores? Esta plataforma combina

Admin octubre 11, 2026

Uncategorized

Mobile Site vs App Showdown at Vegas Hero Casino for Canada

Canadian players looking to get into Vegas Hero Casino on their phone have two main alternatives: the mobile website or a dedicated app you can download. Both give

Admin octubre 11, 2026

Uncategorized

Leon Casino – Overview What Makes It Stand Out in Australia

The Australian online casino scene is saturated https://leonkazino.org/en-au/. All platforms shouts about generous bonuses and a vast selection of games. Leon Casino grabs attention, and for a valid

Admin octubre 11, 2026

Uncategorized

Boomzino Casino – Real Money Entertainment for UK Players

If you’re seeking an exhilarating real money gaming experience in the UK, Boomzino Casino might just capture your interest. With a diverse array of games, from slot machines

Admin octubre 11, 2026

Uncategorized

Weekly Top Ups nagrade Start Billybets kasino Rewards Dopune for Hrvatska Players

Billybets Casino prilagođava pravila igre za svoje korisnike u Hrvatskoj https://billybets-casino.eu/hr-hr. Taj novi program, Weekly Top Ups, nosi stalne nagrade koje se osjećaju kao nova energija svakih sedam

Admin octubre 10, 2026

Uncategorized

Account Creation Simple Steps to Get Started at Scored Casino in Australia

You are undoubtedly excited to begin playing, and we’ve guaranteed signing up won’t slow you down. Australian players can set up a Scored Casino account running in just

Admin octubre 10, 2026

Uncategorized

Jouez Plus Malin, Gagnez Plus Vite chez Wonaco Casino en France

Tous les joueurs recherche l’excitation qui vient avec une victoire wonacokasino.com. Chez Wonaco Casino, nous croyons que cette recherche peut être à la fois exaltante et avisée. Découvrez

Admin octubre 10, 2026

Uncategorized

L’essentiel à connaître sur l’application Robocat Casino en France

Si vous surveillez l’actualité des casinos en ligne, le nom robocat casino dépôt vous est sans doute familier. Leur application mobile offre de accéder à l’intégralité de leur

<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>

<div class="destinos-slider-wrapper">
  <div class="swiper destinosSwiper">
    <div class="swiper-wrapper">

      <!-- TARJETA 1 -->
      <div class="swiper-slide">
        <div class="destino-card" style="--card-color: #F5C518;">
          <div class="destino-img">
            <img src="https://mundovisiondmc.com.mx/wp-content/uploads/2025/04/cdmx-01.jpg" alt="CDMX">
          </div>
          <div class="destino-info">
            <h3>CDMX</h3>
            <p>La vibrante capital de México, llena de historia y cultura.</p>
            <a href="#" class="destino-btn">Ver Destino →</a>
          </div>
        </div>
      </div>

      <!-- TARJETA 2 -->
      <div class="swiper-slide">
        <div class="destino-card" style="--card-color: #E91E8C;">
          <div class="destino-img">
            <img src="https://mundovisiondmc.com.mx/wp-content/uploads/2025/04/morelos-02.jpg" alt="Morelos">
          </div>
          <div class="destino-info">
            <h3>Morelos</h3>
            <p>Naturaleza exuberante y magia en cada rincón del estado.</p>
            <a href="#" class="destino-btn">Ver Destino →</a>
          </div>
        </div>
      </div>

      <!-- TARJETA 3 -->
      <div class="swiper-slide">
        <div class="destino-card" style="--card-color: #E91E8C;">
          <div class="destino-img">
            <img src="URL_IMAGEN_PUEBLA" alt="Puebla">
          </div>
          <div class="destino-info">
            <h3>Puebla</h3>
            <p>Ciudad de los ángeles con arquitectura colonial única.</p>
            <a href="#" class="destino-btn">Ver Destino →</a>
          </div>
        </div>
      </div>

      <!-- TARJETA 4 -->
      <div class="swiper-slide">
        <div class="destino-card" style="--card-color: #00ACC1;">
          <div class="destino-img">
            <img src="URL_IMAGEN_QUERETARO" alt="Querétaro">
          </div>
          <div class="destino-info">
            <h3>Querétaro</h3>
            <p>Patrimonio de la humanidad con calles llenas de historia.</p>
            <a href="#" class="destino-btn">Ver Destino →</a>
          </div>
        </div>
      </div>

      <!-- Agrega más tarjetas aquí siguiendo el mismo patrón -->

    </div>

    <!-- Controles de navegación -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
</div>

<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<style>
  .destinos-slider-wrapper {
    padding: 20px 50px;
    position: relative;
  }

  .destinosSwiper {
    width: 100%;
    padding: 10px 5px 20px;
  }

  .swiper-slide {
    width: 280px !important;
  }

  .destino-card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    background: var(--card-color);
    display: flex;
    flex-direction: column;
  }

  .destino-img {
    width: 100%;
    height: 320px;
    overflow: hidden;
  }

  .destino-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .destino-info {
    background: var(--card-color);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }

  .destino-info h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
  }

  .destino-info p {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
  }

  .destino-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 10px 24px;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
  }

  .destino-btn:hover {
    background: #fff;
    color: var(--card-color);
  }

  /* Flechas de navegación */
  .swiper-button-prev,
  .swiper-button-next {
    color: #333;
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
  }
</style>

<script>
  const destinosSwiper = new Swiper('.destinosSwiper', {
    slidesPerView: 'auto',
    spaceBetween: 20,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    breakpoints: {
      320:  { slidesPerView: 1.2, spaceBetween: 12 },
      600:  { slidesPerView: 2.2, spaceBetween: 16 },
      1024: { slidesPerView: 3.5, spaceBetween: 20 },
      1280: { slidesPerView: 4,   spaceBetween: 20 },
    }
  });
</script>