Uncategorized – Página 3

Admin octubre 12, 2026

LuckySheriff Casino – Είναι Αξιόπιστο; Διαβάστε Κριτικές στο Trustpilot για την Χώρα μας

Αναζητάτε για ένα νέο online καζίνο στην Ελλάδα; Το όνομα LuckySheriff μπορεί να σας έχει τραβήξει το ενδιαφέρον σας. Για να μάθω αν αξίζει πραγματικά την εμπιστοσύνη σας,

Admin octubre 12, 2026

Uncategorized

Custom Notifications Megaways Slots Lets UK Handle Alerts

Standard notifications from gaming sites often seem like spam. They distract more than they assist. Megaways Slots adopts a different approach, one that hands control back to you.

Admin octubre 12, 2026

Uncategorized

Spinstein Casino – O Casino Que Se Importa Com os Seus Jogadores

No mercado dos casinos online, diversas plataformas prometem priorizar o jogador. O Spinstein Tempo De Pagamento Casino faz desta ideia a sua prática diária. Construímos um local seguro,

Admin octubre 12, 2026

Uncategorized

Dlaczego X3bet Casino odznacza się dla długofalowych graczy w Polsce

W intensywnym i konkurencyjnym świecie kasyn online, polscy gracze szukają platform, które dostarczają nie tylko krótkotrwałą rozrywkę, ale i trwałe, korzystne środowisko dla stałej gry. Wiele stron skupia

Admin octubre 12, 2026

Uncategorized

Καθημερινά επιβραβεύονται για παιχνιδιού στο Nomini Casino στην Ελλάδα

Στο Nomini Casino στην Ελλάδα, υπάρχει τη ξεχωριστή ευκαιρία να ανταμείβουμε κάθε μέρα απλώς παίζοντας τα αγαπημένα μας παιχνίδια https://nomini-casino.com/el-gr/. Οι ημερήσιες προκλήσεις και προτάσεις έχουν δημιουργηθεί όχι

Admin octubre 12, 2026

Uncategorized

Lotto Casino – Piattaforma Fidata con Prelievi Veloci in Italia

Chi vuole una piattaforma di scommesse online in Italia comprende che servono tre cose: serietà, rapidità e un’offerta totale. Lotto Casino è nato proprio per soddisfare a questa

Admin octubre 11, 2026

Uncategorized

AllySpin Casino – De Beste Tafelspellen in Nederland

Wie regelmatig online casino’s bezoekt, ziet een patroon. Sommige tafelspellen trekken steevast meer spelers aan. Bij AllySpin Casino komt dat patroon duidelijk naar voren in hun aanbod, dat

Admin octubre 11, 2026

Uncategorized

J’ai analysé l’autonomie de la batterie de Kong Casino sur mobile en France

Je mise sur mon téléphone en France, et j’accorde mon temps à surveiller l’icône de la batterie qui se vide, surtout pendant les longues sessions kongcasino.eu. L’influence d’une

Admin octubre 11, 2026

Uncategorized

7Gold Casino platform Account Verification Process Explained for UK Players

The first thing that hit us after signing up at 7Gold Casino was the emphasis the site places on regulatory compliance, and it accomplishes this without making the

Admin octubre 11, 2026

Uncategorized

Payout Organizer Gransino Casino Arranges Cashouts for UK

For UK players at Gransino Casino, a win feels great, but knowing exactly when and how you’ll get your money makes it even better https://ggransino.com/. Gransino understands that

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