Categoría: Uncategorized

Admin septiembre 16, 2026

Mina Favorit Slot-leverantörer på Ice Casino – Listade av en Svensk

Jag har lagt ner otaliga stunder på Ice Casino, och en sak har jag insett: en bra spelautomat har alltid en skicklig leverantör i bakgrunden. Vilka sorters spel

Admin septiembre 16, 2026

Uncategorized

Mostbet Casino – Premier Tier Bonuses Only in India

mostbet Casino has gained notice in India for its impressive range of bonuses designed to enhance player engagement. New users are greeted with attractive welcome offers, which significantly

Admin septiembre 16, 2026

Uncategorized

Spinmama Casino Account Verification Steps for Canada Players

For Canadian players at Spinmama Casino, a seamless verification process is the beginning for a top-notch gaming session. We describe this as our “Know Your Customer” or KYC

Admin septiembre 16, 2026

Uncategorized

Mega Prize lancerer Total Kasino aktiverer stor jackpot til Danmark

Mega Prize har slået sig sammen med total casino for at introducere en ny progressiv jackpot, der er tilpasset til det danske online spillemiljø. Dette partnerskab bruger Mega

Admin septiembre 16, 2026

Uncategorized

Qué documentos requiere Malina Casino para verificar tu cuenta

Malina Casino requiere documentos de verificación para satisfacer las normativas internacionales de juego seguro y evitar actividades ilícitas malina1.es. Este proceso, conocido como KYC (Know Your Customer), es

Admin septiembre 16, 2026

Uncategorized

Winshark Casino développé pour les joueurs mobiles au Canada

Dans l’univers en plein essor des jeux en ligne, winshark casino version android s’impose comme une norme pour les joueurs mobiles canadiens, grâce à une interface excellente adaptée

Admin septiembre 16, 2026

Uncategorized

Spill Beskyttet med Spillelisens hos Goldex Casino for Norge

Når jeg bedømmer et online casino, står tryggheten og stabiliteten aller først på listen https://goldex-casino.eu/no-no/. For norske spillere er det viktig å velge en plattform som ikke bare

Admin septiembre 16, 2026

Uncategorized

Aviator Games Most Popular Features According to UK

Aviator has emerged as a key fixture in the UK online gaming scene. Its original crash game format blends simplicity with high-stakes excitement, catering to a diverse demographic.

Admin septiembre 16, 2026

Uncategorized

Budget Tools Launch : Bonuskong Casino Soutient la Belgique dans la Maîtrise de son Budget

Sur la scène des casinos en ligne, Bonuskong Casino fait un choix marquant : il accorde de l’importance à la santé financière de ses joueurs en Belgique. Le

Admin septiembre 16, 2026

Uncategorized

Jetzt anmelden und exklusive Aktionen von VipLuck Casino in Deutschland bekommen

Das Universum der Online-Casinos ist dynamisch und reich an Optionen, aber nur wenige Plattformen schaffen, ein konstant spannendes und lukratives Gefühl zu bieten. vipluck casino bet sticht hier

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