admin – Página 7 – Mundovision

Admin octubre 15, 2026

Grootse_variaties_van_spelen_via_spinorhino_casino_met_veel_geluk

Grootse variaties van spelen via spinorhino casino met veel geluk Een Duik in het Spelaanbod van Spinorhino Casino De Rol van Software Providers Bonussen en Promoties bij Spinorhino

Admin octubre 15, 2026

Post

Attraktive_Gewinnchancen_bei_spinania_casino_und_exklusive_Bonusangebote_erwarte

Attraktive Gewinnchancen bei spinania casino und exklusive Bonusangebote erwarten Sie Die Vielfalt der Spiele bei spinania casino Die Welt der Spielautomaten Bonusangebote und Promotionen bei spinania casino Umsatzbedingungen

Admin octubre 15, 2026

Post

Entuziasmul_autentic_pentru_divertisment_te_așteaptă_la_NVCasino_cu_oferte_inc

Entuziasmul autentic pentru divertisment te așteaptă la NVCasino cu oferte incredibile Diversitatea Jocurilor Disponibile Experiența Live Casino Bonusuri și Promoții Atractive Cerințe de Pariere și Condiții Generale Metode

Admin octubre 15, 2026

Post

Attraktive_Gewinnchancen_entdecken_mit_casinachos-de_com_de_für_dein_Spielvergn

Attraktive Gewinnchancen entdecken mit casinachos-de.com.de für dein Spielvergnügen Die Vielfalt der Spielangebote bei Online-Casinos Die Besonderheiten von Live-Casino-Spielen Attraktive Bonusangebote und Promotionen Umsatzbedingungen verstehen und erfüllen Sicherheit und

Admin octubre 15, 2026

Post

Geniet_van_spanning_en_holylucks-casino_nl_bieden_u_een_exclusieve_spelbeleving

Geniet van spanning en holylucks-casino.nl bieden u een exclusieve spelbeleving De Diversiteit aan Spellen bij Holylucks-Casino.nl Live Casino Ervaring Bonussen en Promoties bij Holylucks-Casino.nl Wagering Vereisten en Voorwaarden

Admin octubre 15, 2026

Post

Essential_insights_for_enthusiasts_using_thefunbets_co_uk_for_informed_wagering

Essential insights for enthusiasts using thefunbets.co.uk for informed wagering Navigating the Sportsbook: A Detailed Overview Understanding the Betting Markets Promotions and Bonuses: Enhancing Your Wagers Analyzing Wagering Requirements

Admin octubre 15, 2026

Post

Excitement_unfolds_with_every_dash_across_the_road_at_https_chickenroads-canada

Excitement unfolds with every dash across the road at https://chickenroads-canada.ca for endless arcade fun The Core Gameplay Loop: A Test of Timing and Reflexes Strategies for Surviving the

Admin octubre 15, 2026

Post

Gravity_and_tension_around_https_thecrashcasino_uk_in_real_time

Gravity and tension around https://thecrashcasino.uk in real time Understanding the Mechanics of the Crash Game The Role of the Random Number Generator (RNG) Developing Effective Strategies for Crash

Admin octubre 15, 2026

Post

Geld_winnen_kan_eenvoudig_met_betorys-casino-nl_nl_en_de_beste_casinospellen_van

Geld winnen kan eenvoudig met betorys-casino-nl.nl en de beste casinospellen van dit moment Het Spelaanbod van betorys-casino-nl.nl: Een Diepgaande Blik De Voordelen van Samenwerking met Top Providers Bonussen

Admin octubre 15, 2026

Post

Genuine_comfort_finding_reputable_options_around_luck-casinos-uk_co_uk_for_playe

Genuine comfort finding reputable options around luck-casinos-uk.co.uk for players Understanding Casino Licensing and Regulation The Role of the Gambling Commission Navigating Bonus Offers and Promotions Understanding Wagering Requirements

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