Categoría: Uncategorized

Admin septiembre 11, 2026

Avis sur l’application Cleobetra Casino par un usager journalier au Canada

Usagers réguliers de l’application Cleobetra Casino au Canada, nous apprécions son interface conviviale qui simplifie grandement la navigation. La large sélection de jeux nous amuse en permanence, tandis

Admin septiembre 11, 2026

Uncategorized

Slotoro Casino Features High-quality Games Genuine Prizes in New Zealand

Players from NZ looking for a top online casino will discover what they want at Slotoro Casino. It’s built around a vast collection of premium games and a

Admin septiembre 11, 2026

Uncategorized

Casino Yep – Parties Gratuites et Bonus de Bienvenue au Canada

Les amateurs canadiens à la recherche d’un casino en ligne passionnant ont désormais une référence : Yep Casino. La plateforme accueille ses nouveaux membres avec une prime d’accueil

Admin septiembre 11, 2026

Uncategorized

Procedimento de Registro e Verificação de Conta no Lala bet casino em Portugal

Para quem joga online em Portugal, a jornada começa com um cadastro que deve ser veloz e seguro https://lala-casino.net/pt-pt/. O Lala bet casino acerta nesse ponto, com um

Admin septiembre 11, 2026

Uncategorized

Mobile Casino Play Whenever Everywhere at AllySpin Casino in Canada

At deposit allyspin casino, we can enjoy the excitement of mobile gaming wherever we go. With an impressive array of mobile-optimized games at our fingertips, the options are

Admin septiembre 11, 2026

Uncategorized

Min upplevelse av Goldenbet Casino Tutorial-sektionens nytta i Sverige

Startmomenten på ett onlinekasino kan vara överväldigande. Det gäller vare sig du är helt ny eller har spelat ett tag. Spellistor blir bara större och nya funktioner dyker

Admin septiembre 11, 2026

Uncategorized

Fugu Casino : Le Divertissement et les Promotions sans Restrictions en France

Au sein du paysage des casinos en ligne français, Fugu Casino attire l’attention avec une approche orientée sur le divertissement et la générosité https://fugucasinoo.eu.com/fr-fr/. Le site, que l’on

Admin septiembre 11, 2026

Uncategorized

Wielkie Jackpotsy Czekają na Ciebie w Polsce w Honeybetz Casino

Polscy gracze, gotujcie się na prawdziwy zastrzyk adrenaliny. W Honeybetz Casino rozumiemy, że każdy spin może być tym jednym, który odmieni wszystko. Stworzyliśmy tę platformę celowo dla polskich

Admin septiembre 10, 2026

Uncategorized

Preferences Central LuckyWave Casino Develops Options Hub for Canada

I can still experience the knot in my stomach from the first time I logged into an online platform and got lost in disorganized menus and buried toggles.

Admin septiembre 10, 2026

Uncategorized

Welzijn van spelers als Kernpunt: Playjonny Casino Koploper in Verantwoordelijk Spel in België

De kansspelindustrie brengt amusement en kans met zich mee https://playjonnycasinoo.com/nl-be. Playjonny Casino kiest binnen dit kader voor een expliciete strategie. Met een licentie van de Belgische Kansspelcommissie (KSC)

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