Uncategorized – Página 66

Admin agosto 17, 2026

Spinania Casino Beveiligingsmaatregelen: Is het betrouwbaar spelen in België?

Voor Belgische gokkers is een online casino pas echt aantrekkelijk als de beveiliging en integriteit buiten kijf staan. Spinania Casino blijkt dat principe te volgen. In deze analyse

Admin agosto 17, 2026

Uncategorized

WinRalla Casino – Oferte Speciale Pentru Jucătorii Români Astăzi

În cadrul lumea fascinantă a cazinourilor online, winrolla cazinou complet licențiat, găsirea unui partener de încredre care să priceapă nevoile specifice ale jucătorilor din România constituie o dificultate.

Admin agosto 17, 2026

Uncategorized

Discover Protected and Instant Payments on Spingranny Casino in Canada

When it comes to online gaming, safe and quick payment options are essential for a smooth experience. At Spingranny Casino, you’re offered a range of payment methods created

Admin agosto 17, 2026

Uncategorized

Betnella Casino – Vie di Contatto e Supporto per l’Italia

Per chi gioca dall’Italia, essere sicuri di un servizio clienti efficiente e qualificato è un elemento chiave nella valutazione di un casinò online. Betnella Casino ha reso questa

Admin agosto 17, 2026

Uncategorized

Spinstein Casino est le meilleur lieu pour s’amuser en cash au Canada

En matière de jeux d’argent réel au Canada, Spinstein Casino se distingue nettement. Sa gamme de jeux variée attire tous les types de joueurs, tandis que ses promotions

Admin agosto 17, 2026

Uncategorized

Boomzino Casino is Waar Elke Draai Aanvoelt Als een Overwinning in België

Bij boomzino casino staat centraal dat kriebelende gevoel voor de start. Een memorabele casino-ervaring vindt zijn waarde niet louter in de winst, maar in de opwinding en anticipatie

Admin agosto 17, 2026

Uncategorized

Casino Spinwinera – Jouez sur notre plateforme de casino en Belgique

Si vous êtes fan de jeux en ligne, la site du casino Spinwinera en Belgique pourrait bien vous intéresser. Ce casino offre un accès rapide à une large

Admin agosto 17, 2026

Uncategorized

DudeSpin Casino Brukerstøtte Testet Norway Player Report

Jeg har vært aktiv på norske nettcasinoer i flere år, og navnet DudeSpin kommer stadig opp https://dudespino.eu/no-no/. Men et casino utmerker seg ikke bare med spennende spill. Hva

Admin agosto 17, 2026

Uncategorized

Player Voice Matters HugoBets Casino Launches Community Hub in Canada

HugoBets Casino is introducing something innovative for Canadian online gaming https://hugo-bets.eu/en-ca/. The company just unveiled a community platform. This isn’t just another feedback form. It’s a place designed

Admin agosto 17, 2026

Uncategorized

Το Sankra Casino προσφέρει δωρεάν γυρίσματα και επιστροφή μετρητών σε παίκτες στην Ελλάδα

Στο sankra καζίνο Casino, αναγνωρίζουμε πόσο σημαντική είναι μια εντυπωσιακή και επωφελής εμπειρία gaming για τους παίκτες στην Ελλάδα. Γι’ αυτό είμαστε ενθουσιασμένοι που προσφέρουμε ελκυστικές δωρεάν γυρίσματα

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

Categoría: Uncategorized