Categoría: Uncategorized

Admin agosto 20, 2026

Úplný průvodce funkcemi AllySpin Casino pro hráče z Česka

Máte zájem vědět, jak to v AllySpin Casino opravdu funguje? Tento průvodce vám to objasní. Jako tuzemský hráč nepochybně sháníte platformu, která je spolehlivá, zajímavá a bez nadbytečných

Admin agosto 20, 2026

Uncategorized

Slotrize Casino is de Nieuwe Standaard van Online Gokken in Nederland

De online gaminemarkt in Nederland is volwassen https://slotrize.eu.com/nl-nl/. Een doelgroep dat bekend is met technologie eist meer dan een simpele goksite. Tegen die achtergrond komt Slotrize Casino naar

Admin agosto 20, 2026

Uncategorized

Descubre los Jackpots Mayores Rentables en Golisimo Casino en España

Para los jugadores españoles, la localización del gran galardón tiene un referente definido: Golisimo Casino Tragamonedas. Aquí, los jackpots no son solo un atractivo, son el corazón de

Admin agosto 19, 2026

Uncategorized

Game Changer National Casino s’associe aux pionniers du logiciel Elite pour le Canada

Le dernier partenariat de Game Changer National Casino avec des leaders du logiciel de premier plan marque un changement stratégique dans le paysage canadien des jeux en ligne.

Admin agosto 19, 2026

Uncategorized

Θερινό Θαύμα: Το Rollflame Casino Διοργανώνει ένα Τεράστιο Φεστιβάλ Παιχνιδιού στην Ελλάδα

Ο ελληνικός ήλιος καίει στο ζενίθ του και το Rollflame Casino σχεδιάζει μια εκδήλωση που θα φωτίσει την ψυχαγωγία της χώρας. Το “Summer Spectacular” είναι ένα γιγαντιαίο φεστιβάλ

Admin agosto 19, 2026

Uncategorized

888 Casino – Ways to Activate Rewards Step-by-Step Reward Guide

Let us commence on the thrilling adventure of unveiling rewards at 888 Casino collectively. We’ll guide you through the essential stages, from selecting the most rewarding bonus to

Admin agosto 19, 2026

Uncategorized

Locul tău preferat de sloturi din România este Win Airlines Casino

win airlines Casino a devenit rapid un semnificativ hub de sloturi în România, oferind peste 500 de titluri de sloturi de la furnizori de top precum NetEnt și

Admin agosto 19, 2026

Uncategorized

O Casino Spinanga oferece a mais excelente vivência de cassino online para Portugal.

No Spinanga Casino Jogos De Mesa, descobrimos uma combinação irresistível de características que podem transformar o ambiente de games online para jogadores em Portugal. A sua ampla seleção

Admin agosto 19, 2026

Uncategorized

Stimulate Every Sense with Pirate Bonanza Slot for UK Players

I’ve spent a lot of time playing online slots, and the ones that stay with me do more than just accept my wager. They build a place to

Admin agosto 19, 2026

Uncategorized

Beep Beep Casinolla on turvalliset maksut ja pikaiset palkinnot Suomessa

Beep Beep Casinolla käsitämme, kuinka merkityksellistä on integroida luotettavat maksut välittömiin palkintoihin, erityisesti suomalaisille pelaajillemme beepbeep-casino.org. Käytämme monitasoista salausta ja kahden vaiheen todennusta turvataksemme, että taloudelliset tapahtumasi ovat

<!-- 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>