Categoría: Uncategorized

Admin octubre 7, 2026

Play Anywhere Any Moment With Casino App at Astromania Casino for Canada

At Astromania Casino, we can experience an incredible gaming experience right from our mobile devices. Whether we’re at home or on the go, the convenience of the Astromania

Admin octubre 7, 2026

Uncategorized

Yhteisöllisen pelaamisen buumi: Winmasters Casino tuo yhteisöominaisuuksia Suomeen

Peliala on murroksessa, ja yksinpeluu väistyy vähitellen sosiaalisempien kokemusten tieltä https://winmasters-casino.com/fi-fi/. Suomen markkinoilla Winmasters Casino on tämän muutoksen kärjessä. Se kytkee vahvat yhteisö- ja sosiaaliset piirteet perinteiseen pelitarjontaan.

Admin octubre 6, 2026

Uncategorized

Premium VIP When You Join Yep Casino in New Zealand

For users in New Zealand who know their way around an online casino, VIP treatment can sound like an empty promise yepscasino.com. Yep Casino takes a different path.

Admin octubre 6, 2026

Uncategorized

Tryggt spelande på Corgibet Casino för medlemmar i Sverige

Välkommen till Corgibet Casino https://coorgibet.com/sv-se/. Här i Sverige är spelunderhållning något som ska vara roligt, spännande och särskilt tryggt. Allt vi gör grundar sig på ett gediget åtagande

Admin octubre 6, 2026

Uncategorized

Games at Spinfin Casino for UK Players

If you’re a United Kingdom player in search of a premium gaming experience, Spinfin Casino offers just that. From the elegance of blackjack and roulette to the adrenaline

Admin octubre 6, 2026

Uncategorized

Speel Live Games en Win Direct via Napoleon Casino voor Nederland

Fans van live casino games weten het: er gaat niets boven de sensatie van een echte tafel https://napoleoncasino.eu/nl-nl/. Bij Napoleon Casino voor Nederland krijg je die sensatie gewoon

Admin octubre 6, 2026

Uncategorized

Goldenbet Spielcasino: Jeder Spin zählt für Spieler in Deutschland

Für viele deutsche Spieler ist Goldenbet Casino inzwischen der erste Anlaufpunkt für Online-Unterhaltung https://goldenbetcasino.eu.com/de-de/. Die Plattform legt Wert auf ein intensives Spielgefühl, bei dem jeder einzelne Spin von

Admin octubre 6, 2026

Uncategorized

Din ce motiv recomand VipLuck Casino colegilor din România: O experiență personală

În cadrul vast al cazinourilor online, alegerea unei platforme de încredere poate fi o dificultate https://vipluckcasino.eu/ro-ro/. Această poveste prezintă experiența unui jucător care, după o explorare amănunțită a

Admin octubre 6, 2026

Uncategorized

Topbonussen voor beginnende leden bij Mafia Casino in België

Stel je voor dat je een levendig casino binnenstapt, gevuld met flitsende lichten en het aanlokkelijke geluid van draaiende rollen. Bij mafiacasino site in België hebben nieuwe leden

Admin octubre 6, 2026

Uncategorized

Premier Casino Is a Safe Casino for Authentic Players in United Kingdom In Search of Fun

National Casino Slots Rtp brands itself as a safe alternative for players in the UK in search of fun without compromising safety. With state-of-the-art security protocols, a diverse

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