Post – Mundovision

Admin octubre 17, 2026

Fantastische_kansen_en_thebetorycasinos_nl_bieden_een_verrijkende_online_spelerv

Fantastische kansen en thebetorycasinos.nl bieden een verrijkende online spelervaring Het Belang van een Betrouwbaar Online Casino Hoe Controleer Je de Betrouwbaarheid? Het Spelaanbod van Online Casino’s De Populariteit

Admin octubre 17, 2026

Post

Konsequente_Veränderungen_mit_win_gaga_für_nachhaltigen_Unternehmenserfolg_rea

Konsequente Veränderungen mit win gaga für nachhaltigen Unternehmenserfolg realisieren Die Bedeutung von Prozessoptimierung für den Unternehmenserfolg Automatisierung als Schlüssel zur Effizienzsteigerung Die Rolle der Mitarbeiter bei der Veränderungsbereitschaft

Admin octubre 17, 2026

Post

Kalandra_fel_izgalmas_akadályok_várnak_rád_a_https_thechickenroad-hungary_com

Kalandra fel, izgalmas akadályok várnak rád a https://thechickenroad-hungary.com virtuális útján most A Játék Mechanikája és a Veszélyek A Pontozás és a Szintek A Tyúk Különleges Képességei és a

Admin octubre 17, 2026

Post

Excitement_builds_around_the_crash_casino_game_for_potential_high_payouts_and_st

Excitement builds around the crash casino game for potential high payouts and strategic risk management Understanding the Mechanics of the Crash Game Strategies for Managing Risk and Maximizing

Admin octubre 17, 2026

Post

Fantastische_kansen_onthullen_met_spin_maya_casino_voor_spelers_vandaag

Fantastische kansen onthullen met spin maya casino voor spelers vandaag De Wereld van Online Gokken: Een Overzicht Hoe Kies je het Juiste Online Casino? De Spelletjes die Spin

Admin octubre 17, 2026

Post

Δυναμική_ενέργεια_και_pistolos-casinos-greece_com_σε_ψηφ

Δυναμική ενέργεια και pistolos-casinos-greece.com σε ψηφιακή μορφή Η Σημασία της Βελτιστοποίησης για τις Μηχανές Αναζήτησης (SEO) Έρευνα Λέξεων-Κλειδιών και Ανάλυση Ανταγωνισμού Η Δημιουργία Ποιοτικού Περιεχομένου Τύποι Περιεχομένου που

Admin octubre 17, 2026

Post

Δοκίμασε_η_τύχη_σου_με_pistolo_Casino_σε_ένα_μοναδι

Δοκίμασε η τύχη σου με pistolo Casino σε ένα μοναδικό περιβάλλον Η Εμπειρία Παιχνιδιού στο Pistolo Casino Προσαρμογή της Εμπειρίας Μέθοδοι Πληρωμής και Ασφάλεια Ανάληψη Κερδών Υποστήριξη Πελατών

Admin octubre 17, 2026

Post

Einrichtungsideen_und_praktische_Tipps_rund_um_twinsdors_de_für_Ihr_Zuhause

Einrichtungsideen und praktische Tipps rund um twinsdors.de für Ihr Zuhause Die Bedeutung von Farbkonzepten für Ihr Zuhause Die psychologische Wirkung von Farben Möbel und Raumaufteilung: Praktische Tipps für

Admin octubre 17, 2026

Post

Dynamic_shifts_from_luck_to_skill_via_spinking-casino-uk_co_uk_today

Dynamic shifts from luck to skill via spinking-casino-uk.co.uk today The Mechanics of Probability and User Engagement Technological Foundations of Modern Gaming Strategic Approaches to Digital Play The Importance

Admin octubre 17, 2026

Post

Erfolgreiche_Strategien_von_Einsteigern_bis_Profis_mit_casinacho_im_Blick

Erfolgreiche Strategien von Einsteigern bis Profis mit casinacho im Blick Die Grundlagen des Online-Glücksspiels verstehen Die Bedeutung verantwortungsbewussten Spielens Die Auswahl des richtigen Online-Casinos Sicherheit und Fairness im

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