admin – Página 45 – Mundovision

Admin septiembre 14, 2026

Fair Crown Casino – Ervaar de opwinding van elke draai in Nederland

In het veranderlijke landschap van online casino’s in Nederland profileert Fair Crown Casino zich door een evenwichtige combinatie van spelaanbod, veiligheid en gebruikersgericht ontwerp https://faircrowncasino.eu.com/nl-nl/. Het platform biedt

Admin septiembre 14, 2026

Uncategorized

Rich Royal Casino: Důvěra tisíců hráčů po celém světě v Česku

Rich Royal Casino není v českém prostředí žádným nováčkem https://richroyal-casino.com/cs-cz/. Vytvořilo si jméno jako spolehlivá a bezpečná platforma, která baví hráče od Evropy po zámoří. Jeho tajemství? Průhledné

Admin septiembre 13, 2026

Uncategorized

Pourquoi les filtres de jeux de Winny Casino font la différence : expérience utilisateur en Belgique

Les filtres de jeu révolutionnaires de Winny Casino Paiement jouent un rôle crucial à optimiser l’expérience de jeu des joueurs belges. En proposant une navigation personnalisée parmi une

Admin septiembre 13, 2026

Uncategorized

Billybets Casino site Built for Users and Driven by Confidence in the Canadian market

Join Billybets Casino https://billybetscasinoo.com/. Our Canadian roots affects every aspect of your experience, from the games you play to the offers you receive. We know Canadian players want

Admin septiembre 13, 2026

Uncategorized

I Experienced 50 Various Slots at Spinoloco Casino Results for Australia

After exploring 50 distinct slots at Spinoloco Casino, we found an enchanting array of themes and game mechanics tailored for every type of player. Titles like “Joker’s Wild

Admin septiembre 13, 2026

Uncategorized

Marvel Casino přináší obří jackpoty a bonusy pro hráče z Česka

Jako zkušený recenzent online kasin jsem prověřil řadu platforem a mohu směle tvrdit, že Marvel Casino představuje nejlepší volbou pro české hráče, jež usilují po opravdu velkých výhrách

Admin septiembre 13, 2026

Uncategorized

Felicebet Esame di Adempimento e Regolarità in Italia

Nel scenario dei casinò online che operano nel panorama italiano, la legittimità e la correttezza rappresentano il fondamento imprescindibile per la protezione dei scommettitori. Felicebet Casino si presenta

Admin septiembre 13, 2026

Uncategorized

Avvisi su Misura: Azurslot Casino Consente alla Svizzera di Gestire gli Alert

Tra i casino online presenti in Svizzera, Azurslot Casino si fa distinguere per un sistema di notifiche che l’utente può personalizzare a piacere. La caratteristica trasforma il modo

Admin septiembre 12, 2026

Uncategorized

Wazamba Casino – Des Prix en Argent Réel Toutes les Semaines en France

Pour un passionné de casinos en ligne, découvrir une plateforme qui associe à la fois du divertissement et des gains réguliers est souvent un défi https://wazambaa.gr.com/fr-fr/. Mon expérience

Admin septiembre 12, 2026

Uncategorized

Speed Demon Mode Billionaire Spin Casino optimoi alustan suorituskyvyn Suomessa

Billionaire Spin Casino Casinolla ymmärrämme vauhdin keskeisen roolin online-pelikokemuksemme kehittämisessä Suomessa. Uuden Speed Demon -tilamme avulla olemme omistautuneet optimoimaan alustan suorituskykyä taaten, että pelaajat voivat iloita sujuvista interaktioista.

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

Autor: admin