Skip to content
200

https://www.marcostours.com.ar/

123.4 KB· 999 ms· text/html· jQuery, Bootstrap, Google Analytics
Saved copy from just now.
More ▾

Screenshot

https://www.marcostours.com.ar/ · desktop 1280 × 800Download
Screenshot of https://www.marcostours.com.ar/

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.

<!DOCTYPE html>
<html lang="es-AR">
    <head>

     
        <meta charset="ISO-8859-1" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <meta http-equiv="Expires" content="0" />
        <meta http-equiv="Pragma" content="no-cache" />

        <meta name="theme-color" content="#48CFAD">
                    <title>Marcos Tours | Agencia de Viajes y Turismo</title>
            <meta content="es_LA" http-equiv="content-language" />
	<meta property="og:locale" content="es_LA" />

	<meta name="Title" content="Marcos Tours | Agencia de Viajes y Turismo" />
	<meta property="og:title" content="Marcos Tours | Agencia de Viajes y Turismo" />
	<meta itemprop="name" content="Marcos Tours | Agencia de Viajes y Turismo">
	<meta name="twitter:title" content="Marcos Tours | Agencia de Viajes y Turismo">

	<meta name="Description" content="Marcos Tours, agencia de viajes y turismo en San Genaro, Santa Fe. Encontrá paquetes turísticos nacionales e internacionales, viajes grupales, viajes a medida, hoteles, circuitos y asistencia al viajero." />
	<meta property="og:description" content="Marcos Tours, agencia de viajes y turismo en San Genaro, Santa Fe. Encontrá paquetes turísticos nacionales e internacionales, viajes grupales, viajes a medida, hoteles, circuitos y asistencia al viajero." />
	<meta itemprop="description" content="Marcos Tours, agencia de viajes y turismo en San Genaro, Santa Fe. Encontrá paquetes turísticos nacionales e internacionales, viajes grupales, viajes a medida, hoteles, circuitos y asistencia al viajero.">
	<meta name="twitter:description" content="Marcos Tours, agencia de viajes y turismo en San Genaro, Santa Fe. Encontrá paquetes turísticos nacionales e internacionales, viajes grupales, viajes a medida, hoteles, circuitos y asistencia al viajero.">

	<meta name="keywords" content="agencia de viajes, paquetes turísticos, viajes organizados, ofertas de viajes, planificación de viajes, tours y excursiones, viajes a medida, destinos turísticos, agencia de viajes en Argentina, viajes desde Argentina, paquetes de viajes desde Argentina, mejores ofertas de viajes todo incluido, paquetes de vacaciones familiares, viajes exóticos a buen precio, destinos de playa económicos, planifica tu luna de miel en Santorini, viajes de aventura en Brasil, excursiones guiadas en Europa, circuitos turísticos por Europa, viajes románticos para parejas, rutas por Sudamérica, ofertas de viajes de verano, viajes en Semana Santa, escapadas de fin de semana, destinos navideños, vacaciones de invierno, reservas de vuelos y hoteles, alquiler de coches en destino, viajes personalizados, seguro de viajes, asistencia 24/7 en viajes, circuitos turísticos todo incluido" />

	<meta property="og:image" content="https://www.marcostours.com.ar/images/home.jpg" />
	<meta itemprop="image" content="https://www.marcostours.com.ar/images/home.jpg">
	<meta name="twitter:description" content="https://www.marcostours.com.ar/images/home.jpg">

	<link rel="canonical" href="https://www.marcostours.com.ar/" />
	<meta property="og:url" content="https://www.marcostours.com.ar/" />
	<meta name="twitter:url" content="https://www.marcostours.com.ar/">

	<meta property="og:type" content="website" />
	<meta name="twitter:card" content="summary">

	<meta property="og:site_name" content="Marcostours" />

	<meta name="Author" content="Marcostours" />
        
        <!-- Open Graph Tags -->

        
        
        
        <meta property="og:type" content="product" />
        <meta property="og:site_name" content="Tu Nombre de Sitio" />

    

        <!-- Icono -->
        <link rel="icon" href="https://www.marcostours.com.ar/favicon.ico" type="image/x-icon"/>
        <link rel="shortcut icon" href="https://www.marcostours.com.ar/favicon.ico" type="image/x-icon"/>

        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

         

            <!-- Bootstrap -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/bootstrap/3.4.1/css/bootstrap.min.css"/>

            <!-- Font Awesome -->
            <!-- https://fontawesome.com/v4/cheatsheet/ -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/font-awesome/4.7.0/css/font-awesome.min.css"/>

            <!-- Material Design Icons -->
            <link rel="stylesheet" type="text/css" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.min.css"/>
            <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap" />

            <!-- Fancy Box -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/fancybox/2.1.5/jquery.fancybox.css"/>

            <!-- Jquery UI -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/jquery-ui/css/jquery-ui.min.css"/>
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/jquery-ui/css/jquery-ui.theme.min.css"/>

            <!-- Chosen -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/chosen/1.4.2/chosen.min.css">
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/chosen/1.4.2/chosen-mkte.css">

            <!-- Owl Carousel -->
            <link rel="stylesheet" href="https://www.marcostours.com.ar/mkte_www/owl-carousel/2.3.4/assets/owl.carousel.css" />
            <link rel="stylesheet" href="https://www.marcostours.com.ar/mkte_www/owl-carousel/2.3.4/assets/owl.theme.default.min.css" />

            <!-- Animate -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/animate/animate.min.css"/>

            <!-- Select 2  -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/select-2/4.0.3/css/select2.min.css"/>
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/select-2/4.0.3/css/select2-bootstrap.min.css"/>

            <!-- Bootstrap Date Range Picker -->
            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_www/bootstrap-daterangepicker/3.0.3/daterangepicker.min.css" />

            <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_agencia/css/general.css?v=26.22.10" />

            <!-- Solución global para el problema del scroll desactivado por Fancybox -->
            <style type="text/css">
                /* Solución para el problema del scroll desactivado */
                body.fancybox-lock {
                    overflow: auto !important;
                }
                
                html.fancybox-lock {
                    overflow: auto !important;
                }
                
                body.fancybox-lock body {
                    overflow: auto !important;
                }
            </style>

        

         
    <!-- Paquetes de Iconos -->
    


         
    <link href="https://www.marcostours.com.ar/css/cookies.css" rel="stylesheet" type="text/css"/>
    <link href="https://www.marcostours.com.ar/css/marcostours.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://www.marcostours.com.ar/css/mkte_services_circuitos.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://www.marcostours.com.ar/css/mkte_asistencia.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://www.marcostours.com.ar/css/variables.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />



        

    <style>
         
            
            #logo-header-color {
                display: none;
            }
            #logo-header {
                display: block!important;
                margin-top: 15px
            }
            #header-MARCOS {
                position: absolute;
                z-index: 1000;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
                border:none;
            }

            #header-MARCOS .navbar-default {
                margin-top: 25px;
            }
            #header-MARCOS .navbar-default a {
                color:#ffffff;
            }
            #header-MARCOS .navbar-default a:hover {
                color: var(--primary);
            }
            #footer-MARCOS {
                margin-top: 0;
            }
            #slidesup .carousel-caption {
                display: none;
            }
            #slidesup .carousel-control {
                display: block!important;
            }
            @media(max-width:768px){
                #slidesup .img-slide {height: 420px!important;}
                ul.nav.navbar-nav {
                    background: rgba(0, 0, 0, 0.5);
                }
                #header-MARCOS {
                    padding: 0;
                }
            }
         
    </style>


         

             
                
                     
                        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
                                    

                <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>
                <script type="text/javascript" src="https://unpkg.com/vuex@3.1.0/dist/vuex.js"></script>

                 <!--<script type="text/javascript" src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
				<script type="text/javascript" src="https://unpkg.com/axios@1.0.0/dist/axios.min.js"></script>
                <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
            

            <!-- ReCaptcha -->
            

            <!-- Jquery -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/jquery/jquery-1.12.4.min.js"></script>

            <!-- Boostrap -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/bootstrap/3.4.1/js/bootstrap.min.js"></script>

            <!-- Fancy Box -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/jquery/jquery.mousewheel-3.0.6.pack.js"></script>
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/fancybox/2.1.5/jquery.fancybox.pack.js"></script>        

            <!-- Validaciones -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/jquery/jquery.validate.js"></script>

            <!-- Jquery UI -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/jquery-ui/1.12.1/jquery-ui.min.js"></script>
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/jquery-ui/js/jquery.ui.datepicker-es.js"></script>

            <!-- Owl Carousel -->
            <script src="https://www.marcostours.com.ar/mkte_www/owl-carousel/2.3.4/owl.carousel.min.js"></script>

            <!-- Chosen -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/chosen/1.4.2/chosen.jquery.min.js"></script>

            <!-- Select-2 -->
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/select-2/4.0.3/js/select2.full.min.js"></script>
            <script type="text/javascript" src="https://www.marcostours.com.ar/mkte_www/select-2/4.0.3/js/i18n/es.js"></script>

            <!-- Bootstrap Date Range Picker -->
            <script src="https://www.marcostours.com.ar/mkte_www/moment/2.10.6/moment.js"></script>
            <script src="https://www.marcostours.com.ar/mkte_www/bootstrap-daterangepicker/3.0.3/daterangepicker.min.js"></script>

            <script src="https://www.marcostours.com.ar/mkte_agencia/js/general.js?v=26.22.10"></script>

             

        

        




         



        
  
	<script>
		document.addEventListener("DOMContentLoaded", function () {
		 
			// -------------------- Helpers --------------------
			function handleFetchError(error, context = "Solicitud HTTP") {
				console.error(`${context}:`, error);
			}
		 
			function toggleElementVisibility(id, show) {
				const element = document.getElementById(id);
				if (element) {
					element.style.display = show ? "block" : "none";
				} else {
					console.warn(`Elemento con ID '${id}' no encontrado.`);
				}
			}
		 
			function setConsentToLocalStorage(data) {
				localStorage.setItem("cookiesConsent", JSON.stringify(data));
			}
		 
			function getConsentFromLocalStorage() {
				const data = localStorage.getItem("cookiesConsent");
				return data ? JSON.parse(data) : null;
			}
		 
			// -------------------- Estado Inicial --------------------
			function loadInitialCookiesState() {
				const localConsent = getConsentFromLocalStorage();
		 
				if (localConsent && localConsent.cookiesAccepted !== undefined) {
					console.log("Consentimiento local encontrado:", localConsent);
					updateCookiesState(localConsent);
					return;
				}
		 
				// Si no hay consentimiento local, se consulta al backend
				fetch("/cookies?action=status")
					.then((response) => {
						if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
						return response.json();
					})
					.then((data) => {
						console.log("Estado inicial de cookies desde backend:", data);
						if (data.cookiesAccepted !== undefined) {
							setConsentToLocalStorage(data);
						}
						updateCookiesState(data);
					})
					.catch((error) => handleFetchError(error, "Error al obtener el estado inicial de cookies"));
			}
		 
			// -------------------- Actualizacion de Estado --------------------
			function updateCookiesState(data) {
				const accepted = data.cookiesAccepted === true || data.cookiesAccepted === "true";
		 
				toggleElementVisibility("cookie-banner", !accepted);
		 
				if (accepted) {
					console.log("Consentimiento ya otorgado");
				} else {
					console.log("Se requiere consentimiento");
				}
		 
				console.log("Analytics:", data.analytics === "true" || data.analytics === true);
				console.log("Ads:", data.ads === "true" || data.ads === true);
			}
		 
			// -------------------- Acciones de Usuario --------------------
			window.handleCookieAction = function (action, params = {}) {
				let url = "/cookies?action=" + encodeURIComponent(action);
				for (let key in params) {
					if (params.hasOwnProperty(key)) {
						url += "&" + encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
					}
				}
		 
				fetch(url)
					.then((response) => {
						if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
						return response.json();
					})
					.then((data) => {
						if (data.status === "success") {
							setConsentToLocalStorage(data); // Guardar preferencia local
							updateCookiesState(data);
						} else {
							console.error("Error en la respuesta del servidor:", data.message);
						}
					})
					.catch((error) => handleFetchError(error, "Error al enviar la acción de cookies"));
			};
		 
			window.showCustomization = function () {
				toggleElementVisibility("cookie-banner", false);
				toggleElementVisibility("customization-modal", true);
			};
		 
			window.closeCustomization = function () {
				toggleElementVisibility("customization-modal", false);
				const consent = getConsentFromLocalStorage();
				if (!consent || !consent.cookiesAccepted) {
					toggleElementVisibility("cookie-banner", true);
				}
			};
		 
			// -------------------- Enviar preferencias personalizadas --------------------
			const customizationForm = document.getElementById("customization-form");
			if (customizationForm) {
				customizationForm.addEventListener("submit", function (event) {
					event.preventDefault();
		 
					const formData = new FormData(customizationForm);
					const params = {};
					for (let [key, value] of formData.entries()) {
						params[key] = true;
					}
		 
					params.cookiesAccepted = true;
		 
					window.handleCookieAction("customize", params);
					window.closeCustomization();
				});
			} else {
				console.warn("Formulario de personalización no encontrado.");
			}
		 
			// -------------------- Inicializacion --------------------
			loadInitialCookiesState();
		});
		</script>	
  


        <!-- dataLayer initialization (must be before GTM) -->
        <script>window.dataLayer = window.dataLayer || [];</script>

        <!-- Google Analytics -->
        
    
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N93RQ4YGCJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-N93RQ4YGCJ');
</script>
    

        <!-- Fin Google Analytics -->

    </head>
    <body id="" class="home">
        
        

    <!-- Header -->
    <header id="header-MARCOS">
        <div class="container container-plus">
            <div class="row col-sm-12 hidden-xs text-right">
                    <div class="datos-header">
                        <a href="tel:03401449400" target="_blank">
                            <i class="fa fa-phone"></i>&nbsp;<b>( 03401 ) 449400 / 449500</b>
                        </a>
                        <a class="header-contacto" href="https://www.marcostours.com.ar/contactanos">
                            <i class="fa fa-envelope"></i>&nbsp;&nbsp;Contactanos
                        </a>
                        <div class="redes-header">
                            <a href="https://www.facebook.com/marcostoursok" target="_blank">
                                <i class="fa fa-facebook"></i>
                            </a>
                            <a href="https://www.instagram.com/marcostoursok" target="_blank">
                                <i class="fa fa-instagram"></i>
                            </a>
                            <a href="https://www.youtube.com/@marcostours" target="_blank">
                                <i class="fa fa-youtube-play"></i>
                            </a>
                        </div>

                    </div>                 
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-3 hidden-xs"> 
                    <a href="https://www.marcostours.com.ar">
                        <img src="https://www.marcostours.com.ar/images/logo.png" alt="MARCOS VIAJES Y TURISMO" id="logo-header" width="250px">
                                            </a>
                </div>
                <div class="col-xs-12 col-md-9">
                    <nav class="navbar navbar-default">
                        <div class="navbar-header visible-xs">
                            <a class="navbar-brand" href="https://www.marcostours.com.ar"><img src="https://www.marcostours.com.ar/images/logo.png" alt="MARCOS VIAJES Y TURISMO" width="150px"></a>
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse" id="navbarNav">
                            <ul class="nav navbar-nav">
                                                                        <li>
                    <a href="https://www.marcostours.com.ar/reserva_online" >
                        Paquetes
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/agencia/contactanos" >
                        Hoteles
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/reserva_circuitos" >
                        Circuitos
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/services/productos/resultados/PAQ?categoria=57,64,135,63" >
                        Grupales
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/sugeridos" >
                        Sugeridos
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/buscar_actividades" >
                        Actividades
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/asistencia_viajero" >
                        Asistencia
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar//agencia/viajes_a_medida" >
                        Viajes a Medida
                                            </a>
                </li>
                                                <li>
                    <a href="https://www.marcostours.com.ar/agencia/contactanos" >
                        Contacto
                                            </a>
                </li>
                                                    </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <!-- Container -->
        


    
<!-- Banner de Cookies -->
<div id="cookie-banner">
    <p>
        Usamos cookies para mejorar su experiencia. Puede aceptar todas las cookies, personalizarlas o rechazarlas.
        <a href="/politicas_cookies">Leer m&aacute;s sobre nuestra pol&iacute;tica de cookies</a>.
    </p>
    <div class="buttons">
        <button class="accept" onclick="handleCookieAction('accept')">Aceptar Todas</button>
        <button class="customize" onclick="showCustomization()">Personalizar</button>
        <button class="reject" onclick="handleCookieAction('reject')">Rechazar</button>
    </div>
</div>

<!-- Modal de Personalizaci0n -->
<div id="customization-modal">
    <h3>Personalizar Cookies</h3>
    <form id="customization-form">
        <label>
            <input type="checkbox" name="essential" checked disabled>
            Cookies Esenciales (Obligatorias)
        </label>
        <label>
            <input type="checkbox" name="analytics">
            Cookies de An&aacute;lisis
        </label>
        <label>
            <input type="checkbox" name="ads">
            Cookies Publicitarias
        </label>
        <div style="text-align: center; margin-top: 20px;">
            <button type="submit" class="save">Guardar Preferencias</button>
            <button type="button" class="cancel" onclick="closeCustomization()">Cancelar</button>
        </div>
    </form>
</div>



    <!--SLIDE HOME-->
    <section id="slidesup">
        <style>


#sldHome .carousel-caption {
    left: 10%;
    width: 80%;
    text-align: left;
    top: 150px;
    text-shadow: none;
}

#sldHome .carousel-caption h2 {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
}

#sldHome .carousel-caption h3 {
    font-size: 21px;
    text-align: center;
    font-weight: 700;
}

#sldHome .carousel-caption .slide-btn {
    padding: 15px 25px;
    border: solid 2px #ffffff;
    border-radius: 50px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background-color: transparent;
}

#sldHome .carousel-caption .slide-btn:hover {
    background-color: var(--azul);
    border: solid 2px var(--azul);
}

@media (max-width: 991px) {
    .slide-image {
        height: 650px!important;
    }
}

@media (max-width: 786px) {
    .slide-image {
        height: 750px!important;
    }
}

/* Estado inicial */
#sldHome .carousel-caption h2,
#sldHome .carousel-caption h3,
#sldHome .carousel-caption .slide-btn{
    opacity:0;
    transform:translateY(40px);
}

/* Cuando el slide está activo */
#sldHome .item.active .carousel-caption h3{
    animation:slideUp .7s ease forwards;
}

#sldHome .item.active .carousel-caption h2{
    animation:slideUp .8s ease forwards;
    animation-delay:.25s;
}

#sldHome .item.active .carousel-caption .slide-btn{
    animation:slideUp .8s ease forwards;
    animation-delay:.55s;
}

.slide-image {
    position: relative;
}

/*.slide-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}*/

/* Animación */
@keyframes slideUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}




</style>


<!-- Slider -->
<div id="wrapperBuscadorSlide">
    
                            <div id="sldHome" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators hidden">
                                                    <li data-target="#sldHome" data-slide-to="0" class="active">
                            </li>
                                                    <li data-target="#sldHome" data-slide-to="1" >
                            </li>
                                                    <li data-target="#sldHome" data-slide-to="2" >
                            </li>
                                            </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox" style="">
                                                    <a href="" class="item active">
                                                                <div class="slide-image" style="background-image: url('https://www.marcostours.com.ar/usr/images/1_header.jpg'); background-size: cover; height: 600px; background-position: center; background-repeat: no-repeat;"></div>
                                                                
                            </a>
                                                    <a href="https://www.marcostours.com.ar/asistencia_viajero" class="item">
                                                                <div class="slide-image" style="background-image: url('https://www.marcostours.com.ar/usr/images/174_as.png'); background-size: cover; height: 600px; background-position: center; background-repeat: no-repeat;"></div>
                                                                
                            </a>
                                                    <a href="https://www.marcostours.com.ar/buscar_actividades" class="item">
                                                                <div class="slide-image" style="background-image: url('https://www.marcostours.com.ar/usr/images/186_as.png'); background-size: cover; height: 600px; background-position: center; background-repeat: no-repeat;"></div>
                                                                
                            </a>
                                            </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#sldHome" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#sldHome" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

                </div> 
            </div>
<!-- End Slider -->    </section>

    <div class="container">
        <div class="row">
            <div class="buscador-principal col-xs-12 col-md-12">
                <h4><i class="fa fa-gift" aria-hidden="true"></i>&nbsp;Paquetes</h4>
                <link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_services/css/PAQ/filtro.css"/>
<link rel="stylesheet" type="text/css" href="https://www.marcostours.com.ar/mkte_services/css/PAQ/buscador.css"/>

<script type="text/javascript" src="https://www.marcostours.com.ar/mkte_services/js/PAQ/filtro.js"></script>
<script type="text/javascript" src="https://www.marcostours.com.ar/mkte_services/js/PAQ/buscador.js?v=1784534769"></script>


    
    <div id="app_paq_buscador">
        <buscador-horizontal
            url="https://www.marcostours.com.ar"

                            origen=""
                destino=""
                mes=""
                ocupacion=""
            
                        
                        >
        </buscador-horizontal>
    </div>


<script type="text/javascript">
    
    /**
     * Vista "BUSCADOR"
     * App Vue en la que se montan el resto de los componentes de la vista
     **/
    // Vue.config.productionTip = true;
    // Vue.config.devtools = true;
    new Vue({
        el: '#app_paq_buscador',
    });
    
</script>            </div>
        </div>
    </div>

    <section id="promociones">     
       <h2 class="titulos-seccion">Exclusivos Marcos Tours</h2> 
       <div class="container container-plus">         
            			<style>

#url-predecible{
    padding-top:30px;
}

.carousel-target{
    padding-left:0!important;
}

.owl-stage-outer{
    padding:10px;
}

.paqDestacadosManual3 .item-cont-manual{
    padding:0 10px;
    margin-bottom:30px;
}

.item-destacado-manual3{
    position:relative;
    height:440px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    transition:.35s;
}

.item-destacado-manual3:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.25);
}

.item-destacado-manual3 a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

.thumbnail-manual3{
    position:absolute;
    inset:0;
}

.thumbnail-manual3 img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.item-destacado-manual3:hover img{
    transform:scale(1.08);
}

.item-destacado-manual3:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.80) 8%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,.18) 100%
    );
    z-index:1;
}

.info-cont-dest-manual3{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:22px;
}

/* categoría */

.destacados-tag{
    margin-bottom:15px;
}

.destacados-tag p{
    display:inline-block;
    margin:0;
    padding:5px 14px;
    border-radius:20px;
    background:var(--primary);
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.destacados-tag p:nth-child(2){
    display:none;
}

.titulo-dest-manual3{
    color:#FFF;
    font-size:28px;
    line-height:1.05;
    font-weight:700;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.dias-manual3{
    align-self:flex-start;
    display:inline-flex;
    list-style:none;
    margin:0;
    padding:5px 12px;
    border-radius:20px;
    background:var(--primary);
}

.dias-manual3 li{
    background:var(--primary);
    color:#FFF;
    margin-right:5px;
    font-size:12px;
    display:inline-block;
}

.extras_icons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.c_icons{
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 10px;
    border-radius:20px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(5px);
    color:#fff;
    font-size:12px;
}

.c_icons > div:first-child{
    font-size:14px;
}

.extra-icons-text p{
    margin:0;
    color:#fff;
    font-size:11px;
    font-weight:600;
}

.bottom-manual{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    min-height:72px;
}

.precio-manual3{
    text-align:right;
    color:#FFF;
    transition:.35s;
}

.precio-manual3 small{
    color:#FFF;
    display:block;
}

.tarifa-manual3{
    color:#FFF;
    font-size:44px;
    font-weight:800;
    line-height:1;
}

.btn-hover-manual{
    position:absolute;
    left:20px;
    right:20px;
    bottom:-70px;
    z-index:4;
    transition:.35s;
}

.item-destacado-manual3:hover .btn-hover-manual{
    bottom:20px;
}

.btn-hover-manual span{
    display:block;
    width:100%;
    text-align:center;
    border:2px solid #FFF;
    color:#FFF;
    border-radius:40px;
    padding:7px;
    font-weight:700;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(4px);
    transition:.3s;
}

.btn-hover-manual span:hover{
    background:#FFF;
    color:#222;
}

.item-destacado-manual3:hover .precio-manual3{
    transform:translateY(-55px);
}
@media(max-width:767px){

    .item-destacado-manual3{
        height:400px;
    }

    .titulo-dest-manual3{
        font-size:24px;
    }

}

</style>





<div class="paqDestacadosManual3">
    <div class="">
        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/amazanos-gran-salida-grupal-acompanada-2">

                        <div class="thumbnail-manual3">

                            <img src="" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Amazonas,  salida grupal acompañada!
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>9 D&iacute;as &nbsp;/</li>

                                    

                                    <li>7 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/peregrinacion-santuarios-marianos-europa">

                        <div class="thumbnail-manual3">

                            <img src="https://www.marcostours.com.ar/usr/images/121_Lourdes_web.jpg" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Peregrinación Santuarios Marianos, Europa
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>17 D&iacute;as &nbsp;/</li>

                                    

                                    <li>14 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                                    <div class="precio-manual3">

                                        <small>DESDE</small>

                                        <div class="tarifa-manual3">
                                            U$S 7.899
                                        </div>

                                    </div>

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/islas-malvinas">

                        <div class="thumbnail-manual3">

                            <img src="https://www.marcostours.com.ar/usr/images/141_IMG_20251110_112541251.jpg" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Islas Malvinas, grupal confirmada
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>10 D&iacute;as &nbsp;/</li>

                                    

                                    <li>9 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                                    <div class="precio-manual3">

                                        <small>DESDE</small>

                                        <div class="tarifa-manual3">
                                            U$S 5.947
                                        </div>

                                    </div>

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/natal_gramado_canela">

                        <div class="thumbnail-manual3">

                            <img src="https://www.marcostours.com.ar/usr/images/169_Natal-Luz-de-Gramado.jpg" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Natal Luz - Gramado
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>5 D&iacute;as &nbsp;/</li>

                                    

                                    <li>4 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                                    <div class="precio-manual3">

                                        <small>DESDE</small>

                                        <div class="tarifa-manual3">
                                            U$S 869
                                        </div>

                                    </div>

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/ocean_fest_con_la_konga">

                        <div class="thumbnail-manual3">

                            <img src="https://www.marcostours.com.ar/usr/images/148_651749447_1962559587679274_2061169977917219163_n.jpg" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Ocean Fest 2, el crucero de la música con la K'onga
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>6 D&iacute;as &nbsp;/</li>

                                    

                                    <li>5 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/crucero-skorpios">

                        <div class="thumbnail-manual3">

                            <img src="https://www.marcostours.com.ar/usr/images/159_Cruceros-Skorpios.jpg" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Crucero Skorpios, grupal 08 02 27
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>11 D&iacute;as &nbsp;/</li>

                                    

                                    <li>10 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                                    <div class="precio-manual3">

                                        <small>DESDE</small>

                                        <div class="tarifa-manual3">
                                            U$S 4.721 <small>+ 1.600</small>
                                        </div>

                                    </div>

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

        
            <div class="col-lg-3 col-md-3 col-sm-6 item-cont-manual" data-aos="fade-up">

                <div class="item-destacado-manual3">

                    <a href="https://www.marcostours.com.ar/agencia/paquete/amazanos-gran-salida-grupal-acompanada-2-2">

                        <div class="thumbnail-manual3">

                            <img src="" class="card-img-2">

                            <div class="destacados-tag">
                                <p>Promociones</p>

                                

                                                                
                            </div>
                            
                        </div>

                        <div class="info-cont-dest-manual3">

                            <div class="titulo-dest-manual3">
                                Amazonas, gran salida grupal acompañada!
                            </div>
                            
                            <ul class="dias-manual3">

                                
                                    <li>9 D&iacute;as &nbsp;/</li>

                                    

                                    <li>7 Noches</li>

                                
                            </ul>

                            
                            <div class="extras_icons">

                                
                            </div>
                            

                            
                            <div class="bottom-manual">

                                
                                    <div class="precio-manual3">

                                        <small>DESDE</small>

                                        <div class="tarifa-manual3">
                                            U$S 1
                                        </div>

                                    </div>

                                
                            </div>

                            <div class="btn-hover-manual">
                                <span>Ver m&aacute;s</span>
                            </div>

                        </div>

                    </a>

                </div>

            </div>

          
    </div>    
    <div class="clearfix"></div>
</div>



       </div>      
   </section>

	<br><br>
   <section id="banner-home">
		<div class="container container-plus">
			
			
				
					<a href="https://www.marcostours.com.ar/asistencia_viajero">
						<img src="https://www.marcostours.com.ar/usr/archivos/5_6a4d14100bd91.jpg" alt="Banner Home Assist Card" class="img-responsive"/>
					</a>

				
					</div>
	</section>

<br>

   
            
            
       

   <section id="destacados-home">     
       <h2 class="titulos-seccion">Paquetes Tur&iacute;sticos Destacados</h2> 
       <div class="container container-plus">
            
            

    <div class="paqDestacados">



    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/c4ca4238a0b923820dcc509a6f75849b/?uid=INP-488-2026-09-01-342368&origen=BUE&destino=MDZ&salida=2026-09&pasajeros=02&conectores=93&paquete=93-488" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_488_1_MENDOZA');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Mendoza Y San Rafael
                    </div>

                    <hr>

                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            6 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            890.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/c4ca4238a0b923820dcc509a6f75849b/?uid=INP-558-2026-10-08-387228&origen=BUE&destino=EQS&salida=2026-10&pasajeros=02&conectores=93&paquete=93-558" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_558_1_ESQUEL');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Temporada De Tulipanes - Esquel 8 De Octubre
                    </div>

                    <hr>

                                        <div class="fecha_salida">
                        SALIDA: JUE 01 OCT 2026
                    </div>
                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            4 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            1.445.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/1f0e3dad99908345f7439f8ffabdffc4/?uid=INP-566-2026-09-20-44325&origen=BUE&destino=FTE&salida=2026-09&pasajeros=02&conectores=93&paquete=93-566" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_566_1_PATAGONIA');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Salida Grupal Patagonia Austral - 20 De Septiembre
                    </div>

                    <hr>

                                        <div class="fecha_salida">
                        SALIDA: MAR 01 SEP 2026
                    </div>
                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            7 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            1.475.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/c9f0f895fb98ab9159f51fd0297e236d/?uid=INP-568-2026-11-07-342624&origen=BUE&destino=USH&salida=2026-11&pasajeros=02&conectores=93&paquete=93-568" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_568_1_PATAGONIA');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Salida Grupal Patagonia Austral - 07 De Noviembre
                    </div>

                    <hr>

                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            7 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            1.520.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/cfcd208495d565ef66e7dff9f98764da/?uid=INP-612-2026-09-12-384214&origen=ROS&destino=SLA&salida=2026-09&pasajeros=02&conectores=93&paquete=93-612" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_576_1_SALTA');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Salta - 12 De Septiembre 
                    </div>

                    <hr>

                                        <div class="fecha_salida">
                        SALIDA: MAR 01 SEP 2026
                    </div>
                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            4 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            870.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/inventoryPaq/paquete_opciones/eccbc87e4b5ce2fe28308fd9f2a7baf3/?uid=INP-624-2026-09-20-297369&origen=ROS&destino=IGR&salida=2026-09&pasajeros=02&conectores=93&paquete=93-624" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://clientes.mkteconsultar.com.ar/ip_testing/static/paqueteimages/93_624_1_Cataratas');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Cataratas Del Iguazu - 20 De Septiembre 2026
                    </div>

                    <hr>

                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            4 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            790.000
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/ola/paquete_opciones/02522a2b2726fb0a03bb19f2d8d9524d/?uid=OLA-8468-2026-12-01-OLAHTL411474&origen=BUE&destino=SLA&salida=2026-12&pasajeros=02&conectores=OLA&paquete=OLA-8468" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://i.travelapi.com/lodging/84000000/83470000/83463900/83463804/a08b4a7d_z.jpg');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Salta - Aerolíneas Argentinas - Desde Buenos Aires - 03 Noches Con Full Day Salinas Grandes Y Purmamarca
                    </div>

                    <hr>

                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            3 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            485.038
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        

    

<style>

    

    .item-destacado2{
        position:relative;
        height:440px;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        transition:.35s;
        margin-bottom: 30px;
    }

    .item-destacado2:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 45px rgba(0,0,0,.25);
    }

    .card-destino{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
    }

    .card-destino:hover{
        text-decoration:none;
    }

    .thumbnail2{
        position:absolute;
        inset:0;
        background-size:cover;
        background-position:center;
        transition:transform .6s ease;
    }

    .item-destacado2:hover .thumbnail2{
        transform:scale(1.08);
    }

    .item-destacado2::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            to top,
            rgba(0,0,0,.78) 8%,
            rgba(0,0,0,.35) 45%,
            rgba(0,0,0,.20) 100%
        );
        z-index:1;
    }

    .paquetes-icon{
        position:absolute;
        top:18px;
        left:18px;
        width:42px;
        z-index:3;
    }

    .info-cont-dest{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:22px;
    }

    .titulo-dest5{
        color:#FFF;
        font-size:28px;
        line-height:1.05;
        font-weight:700;

        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:35px;
    }

    .fecha_salida{
        margin-top:15px;
        color:#FFF;
        font-size:12px;
        font-weight:600;
        letter-spacing:.5px;
        text-transform:uppercase;
    }

    .dias2{
        margin-top:15px;
    }

    .dias2 li{
        color:#FFF;
        background:#39D4DE;
        border-radius:20px;
        padding:5px 12px;
        font-size:12px;
        margin-bottom:5px;
    }

    .bottom3{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
    }

    .precio3{
        text-align:right;
        color:#FFF;
    }

    .precio3 small{
        color:#FFF;
    }

    .tarifa3{
        color:#FFF;
        font-size:44px;
        font-weight:800;
        line-height:1;
    }

    .tarifa3 small{
        font-size:20px;
        color:#FFF!important;
    }

    .btn-hover{
        position:absolute;
        left:20px;
        right:20px;
        bottom:-70px;
        z-index:4;
        transition:.35s;
    }

    .item-destacado2:hover .btn-hover{
        bottom:20px;
    }

    .btn-hover span{
        display:block;
        width:100%;
        text-align:center;
        border:2px solid #FFF;
        color:#FFF;
        border-radius:40px;
        padding:7px;
        font-weight:700;
        background:rgba(255,255,255,.10);
        backdrop-filter:blur(4px);
        transition:.3s;
    }

    .item-destacado2:hover .precio3{
        transform:translateY(-55px);
        transition:.35s;
    }

    .btn-hover span:hover{
        background:#FFF;
        color:#222;
    }

    .btn-eliminar-destacado {
        position: absolute;
        top: 25px;
        left: 35px;
        z-index: 1;
        color: #ffffff;
    }

    @media (max-width:767px){

        .item-destacado2{
            height:400px;
        }

        .titulo-dest5{
            font-size:24px;
        }

        .tarifa3{
            font-size:34px;
        }

    }
        

    

</style>

<div class="col-sm-6 col-md-3">



    <div class="item-destacado2 r1-2">

        

        <a href="https://www.marcostours.com.ar/services/ola/paquete_opciones/182be0c5cdcd5072bb1864cdee4d3d6e/?uid=OLA-8547-2026-09-01-OLAHTL32419&origen=BUE&destino=USH&salida=2026-09&pasajeros=02&conectores=93:OLA&paquete=OLA-8547" class="card-destino">

            <!-- Imagen -->
            <div class="thumbnail2"
                style="background-image:url('https://d2poxrheyfxwbo.cloudfront.net/hotel/e9a2fd75-debc-4322-8320-e9366fb29cde');">
            </div>


            <!-- Contenido -->
            <div class="info-cont-dest">

                <!-- Parte superior -->
                <div>

                    <div class="titulo-dest5">
                        Ushuaia - Aerolíneas Argentinas - Desde Buenos Aires - 03 Noches
                    </div>

                    <hr>

                                        <div class="fecha_salida">
                        SALIDA: MAR 01 SEP 2026
                    </div>
                    
                                        <ul class="dias2 list-inline">

                        
                                                <li>
                            <i class="fa fa-moon-o"></i>
                            3 Noches
                        </li>
                        
                    </ul>
                    
                </div>

                <!-- Parte inferior -->
                <div class="bottom3">

                                        <div class="precio3">

                        <small>DESDE</small>

                        <div class="tarifa3">
                            <small>ARS</small>
                            664.767
                        </div>

                    </div>
                    
                </div>

            </div>

            <!-- Botón -->
            <div class="btn-hover">
                <span>Ver m&aacute;s</span>
            </div>

        </a>

    </div>
</div>
        



</div>
       </div>
            
   </section>

   <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>

<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

  <script>
    function createStarRating(rating) {
  var stars = '';
  for (var i = 1; i <= 5; i++) {
    stars += '<span class="star' + (i <= rating ? ' filled' : '') + '">&#9733;</span>';
  }
  return '<div class="rating">' + stars + '</div>';
}

window.initReviews = function () {

  var container = document.getElementById('reviews');
  var section = document.querySelector('.testimonios');

  fetch('/google-reviews-json/', {
    credentials: 'same-origin'
  })
    .then(function (r) {
      return r.json();
    })
    .then(function (data) {

      var reviews = (data && data.reviews) ? data.reviews : [];

      if (!reviews.length) {
        if (section) section.style.display = 'none';
        return;
      }

      container.innerHTML = '';

      reviews.forEach(function (r) {

        var ts = r.time ? (r.time * 1000) : null;
        var date = ts ? new Date(ts) : null;

        var dateStr = date && !isNaN(date.getTime())
          ? (date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear())
          : '';

        var slide = document.createElement('div');
        slide.className = 'swiper-slide';

        slide.innerHTML =
          '<div class="review-card">' +

            '<div class="review-header">' +

              (r.profile_photo_url
                ? '<img class="profile-photo" src="' + r.profile_photo_url + '" alt="' + (r.author_name || '') + '">'
                : '<div class="profile-photo" style="background:#eee;"></div>') +

              '<div class="author-info">' +
                '<div class="author-name">' + (r.author_name || '') + '</div>' +
                '<div class="review-date">' + dateStr + '</div>' +
              '</div>' +

              createStarRating(r.rating) +

            '</div>' +

            '<div class="review-content">' +

                '<div class="review-text">' + (r.text || '') + '</div>' +

                '<div class="review-fade"></div>' +

                '<button class="review-toggle" style="display:none;">Ver m&#225;s</button>' +

            '</div>' +

          '</div>';

        container.appendChild(slide);

      });

      // Inicializar Swiper
      const swiper = new Swiper('.testimonials-swiper', {

        slidesPerView: 1,
        spaceBetween: 20,
        loop: true,

        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
          pauseOnMouseEnter: true
        },

        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        },

        pagination: {
          el: '.swiper-pagination',
          clickable: true
        },

        breakpoints: {
          768: {
            slidesPerView: 2
          },
          1024: {
            slidesPerView: 3
          }
        }

      });

      // Esperar a que el navegador calcule alturas
      requestAnimationFrame(function () {

        document.querySelectorAll('.review-card').forEach(function (card) {

          const text = card.querySelector('.review-text');
          const fade = card.querySelector('.review-fade');
          const btn = card.querySelector('.review-toggle');

          if (text.scrollHeight > text.clientHeight + 5) {

            fade.style.display = 'block';
            btn.style.display = 'inline-block';

            btn.addEventListener('click', function () {

              card.classList.toggle('expanded');

              if (card.classList.contains('expanded')) {
                btn.textContent = 'Ver menos';
              } else {
                btn.textContent = 'Ver m\u00E1s';
              }

              

            });

          }

        });

      });

    })
    .catch(function () {

      if (section) {
        section.style.display = 'none';
      }

    });

};

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', window.initReviews);
} else {
  window.initReviews();
}
  </script>

  <style>
    

    .testimonios {
        padding: 50px 0;
    }


    .testimonios .review-card {
      background: #fff;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 0 10px rgba(0,0,0,.15);

      display:flex;
      flex-direction:column;

      height:340px;
    }

    .testimonios .review-content{
        position:relative;
        flex:1;
        overflow:hidden;
        display:flex;
        flex-direction:column;
    }

    .testimonios .review-text{
        flex:1;
        overflow:hidden;
        font-size:14px;
        line-height:1.6;
        color:#444;
    }

    .testimonios .review-fade{
        position:absolute;
        left:0;
        right:0;
        bottom:30px;
        height:120px;
        background:linear-gradient(
            rgba(255,255,255,0),
            rgba(255,255,255,.95) 70%,
            #fff
        );
        pointer-events:none;
        display:none;
    }

    .review-card.expanded .review-content{
        overflow:visible;
    }

    .review-card.expanded .review-fade {
      display: none!important;
    }

    .review-card.expanded .review-text{
        overflow:visible;
    }

    .review-card.expanded .review-fade{
        display:none;
    }

    .testimonios .review-toggle{
        align-self:flex-start;
        margin-top:10px;
        background:none;
        border:0;
        color:var(--primary);
        font-weight:600;
        cursor:pointer;
        padding:0;
    }

    .testimonios .review-toggle:hover{
        text-decoration:underline;
    }

    .testimonios .review-card.expanded{
        height:auto;
    }

    .testimonios .review-card.expanded .review-text{
        overflow:visible;
    }

    .testimonios .review-card.expanded .review-fade{
        display:none;
    }

    .testimonios .review-card:hover {
        box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    }

    .testimonios .swiper-slide:hover {
        box-shadow: none!important;
    }

    .testimonios .review-header {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .testimonios .profile-photo {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 12px;
    }

    .testimonios .author-info {
      flex-grow: 1;
    }

    .testimonios .author-name {
      font-weight: 600;
      font-size: 15px;
    }

    .testimonios .review-date {
      font-size: 13px;
      color: #888;
    }

    .testimonios .rating {
      display: flex;
      margin-left: auto;
    }

    .testimonios .star {
      color: #ccc;
      font-size: 18px;
    }

    .testimonios .star.filled {
      color: #f5c518;
    }

    .testimonios .review-text {
      font-size: 14px;
      color: #444;
      line-height: 1.5;
      margin-top: 10px;
    }

    /* Swiper overrides */
    .testimonios .swiper-button-next,
    .testimonios .swiper-button-prev {
      display: none!important;
    }

    .testimonios .swiper-wrapper {
        padding-bottom: 30px;
        width: auto!important;
        padding-top: 20px;
    }
    .testimonios .swiper-horizontal>.swiper-pagination-bullets {
        bottom: 0px!important;
    }
    .testimonios .swiper-slide {
      /*height: auto!important;*/
      background-color: transparent!important;
      margin: 0;
    }
    .testimonios .swiper-slide:hover {
      transform: scale(1)!important;
    }

    
  </style>

   <!-- Widget de testimonios -->
    <section class="testimonios">
    <div class="container container-plus">

        <h3 class="titulo text-center">Lo que dicen nuestros clientes</h3>
        <br>
        
        <div class="swiper testimonials-swiper">
          <div class="swiper-wrapper" id="reviews">
            <!-- JS insertara aqui .swiper-slide -->
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <div class="swiper-pagination"></div>
        </div>
    </div>
    </section>
   
	 	 
<style>

/* ========== INSTAGRAM FEED ========== */
.ig-section {
  padding: 50px 0;
}

/* ----- Header ----- */
.ig-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.ig-header__avatar-link {
  display: block;
  flex-shrink: 0;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  text-decoration: none;
}
.ig-header__avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  display: block;
}
.ig-header__info {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.ig-header__name {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}
.ig-header__handle {
  font-size: 14px;
  color: #666;
  margin-top: 2px;
}
.ig-header__stats {
  display: flex;
  gap: 20px;
  margin-top: 8px;
}
.ig-header__stat {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.ig-header__stat-val {
  font-size: 15px;
  font-weight: 700;
  color: #111;
}
.ig-header__stat-lbl {
  font-size: 12px;
  color: #888;
}
.ig-header__follow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
}
.ig-header__follow:hover,
.ig-header__follow:focus,
.ig-header__follow:visited {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}
.ig-header__follow .fa {
  font-size: 18px;
}

/* ----- Swiper overrides ----- */
.ig-swiper {
  width: 100%;
  padding-bottom: 40px !important;
}
.ig-swiper-prev,
.ig-swiper-next {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.ig-swiper-prev { left: 10px; right: auto; }
.ig-swiper-next { right: 10px; left: auto; }
.ig-swiper-prev.swiper-button-disabled,
.ig-swiper-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }
.ig-swiper-prev::after,
.ig-swiper-next::after {
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
.ig-swiper-prev::after {
  content: '\f053'; /* fa-chevron-left */
}
.ig-swiper-next::after {
  content: '\f054'; /* fa-chevron-right */
}
.ig-swiper-pag {
  position: absolute;
  text-align: center;
  z-index: 10;
  bottom: 8px;
  left: 0;
  width: 100%;
  transition: opacity 0.3s;
}

/* ----- Cards ----- */
.ig-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  background: #eee;
}
.ig-card::before {
  content: "";
  display: block;
  padding-bottom: 125%; /* aspecto 4:5 */
}
.ig-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.ig-card:hover .ig-card__img {
  transform: scale(1.04);
}
.ig-card__type {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 0;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6));
  opacity: 0;
  transition: opacity 0.25s ease;
}
.ig-card:hover .ig-card__type {
  opacity: 1;
}
.ig-card__type .fa {
  font-size: 22px;
  color: #fff;
}
.ig-card__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px 10px 10px;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 49%, transparent 100%);
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.ig-card:hover .ig-card__footer {
  opacity: 1;
}
.ig-card__footer-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(255,255,255,0.6);
  flex-shrink: 0;
}
.ig-card__footer-name {
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ig-card__footer-ig .fa {
  font-size: 15px;
  color: rgba(255,255,255,0.85);
}

.swiper-navigation-icon{
  display:none;
}

/* ----- Aislamiento contra CSS globales de otros plugins ----- */
#ig-feed-section .swiper-slide       { display: block; align-items: initial; justify-content: initial; background: transparent; border-radius: 0; margin: 0; height: auto; width: auto; }
#ig-feed-section .swiper-slide:hover { transform: none; box-shadow: none; }

</style>

<section class="ig-section" id="ig-feed-section" style="display:none">
  <div class="container container-plus">
    <div class="ig-header" id="ig-feed-header"></div>
    <div class="swiper ig-swiper">
      <div class="swiper-wrapper" id="ig-feed-posts"></div>
      <div class="ig-swiper-prev"></div>
      <div class="ig-swiper-next"></div>
      <div class="ig-swiper-pag"></div>
    </div>
  </div>
</section>

<script>
(function () {
  var FEED_ID     = 'coRQ6xJWBZSUod3aH2DT';
  var USERNAME    = '@marcostoursok';
  var LIMIT       = 10;
  var PROFILE_URL = 'https://www.instagram.com/' + USERNAME.replace(/^@/, '');


  /* Ícono según tipo de media — Font Awesome 4 */

  var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

  /* ---- Helpers ---- */

  /* Escapado XSS para inserción en innerHTML */
  function esc(v) {
    return String(v == null ? '' : v)
      .replace(/&/g, '&amp;')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;');
  }

  /* 868 → "868" / 2200 → "2.2K" */
  function fmtCount(n) {
    if (!n || isNaN(n)) return '0';
    if (n >= 1000) return (n / 1000).toFixed(1).replace(/\.0$/, '') + 'K';
    return String(n);
  }

  /* "2026-04-22T16:15:28+0000" → "22 Apr 2026" */
  function fmtDate(iso) {
    try {
      var d = new Date(iso);
      return d.getDate() + ' ' + MONTHS[d.getMonth()] + ' ' + d.getFullYear();
    } catch (e) { return ''; }
  }

  /* Ícono según tipo de media (vacío para IMAGE) */
  function mediaIcon(type) {
    if (type === 'CAROUSEL_ALBUM') return '<i class="fa fa-clone"></i>';
    if (type === 'VIDEO' || type === 'REEL') return '<i class="fa fa-play"></i>';
    return '';
  }

  /* ---- Constructores de HTML ---- */

  function buildHeader(data) {
    var picUrl    = esc(data.profilePictureUrl || '');
    var handle    = USERNAME || '';
    var name      = handle.replace(/^@/, '') || handle;
    var followers = fmtCount(data.followersCount);

    return (
      '<a class="ig-header__avatar-link" href="' + esc(PROFILE_URL) + '" target="_blank" rel="noopener">' +
        '<img class="ig-header__avatar" src="' + picUrl + '" alt="' + esc(handle) + '" loading="lazy">' +
      '</a>' +
      '<div class="ig-header__info">' +
        '<div class="ig-header__user">' +
        '<div class="ig-header__name">' + esc(name) + '</div>' +
        '<div class="ig-header__handle">' + esc(handle) + '</div>' +
        '</div>' +
        '<div class="ig-header__stats">' +
          '<div class="ig-header__stat">' +
            '<span class="ig-header__stat-val">' + esc(followers) + '</span>' +
            '<span class="ig-header__stat-lbl">seguidores</span>' +
          '</div>' +
        '</div>' +
      '</div>' +
      '<a class="ig-header__follow" href="' + esc(PROFILE_URL) + '" target="_blank" rel="noopener">' +
        '<i class="fa fa-instagram"></i>Seguir' +
      '</a>'
    );
  }

  function buildCard(post, picUrl) {
    var img     = (post.sizes && post.sizes.medium && post.sizes.medium.mediaUrl)
                    ? post.sizes.medium.mediaUrl
                    : (post.mediaUrl || '');
    var caption = esc((post.prunedCaption || post.caption || '').substring(0, 120));
    var icon    = mediaIcon(post.mediaType);
    var handle  = USERNAME || '';
    var name    = handle.replace(/^@/, '') || handle;

    return (
      '<div class="swiper-slide">' +
        '<a class="ig-card" href="' + esc(post.permalink) + '" target="_blank" rel="noopener" title="' + caption + '">' +
          '<img class="ig-card__img" src="' + esc(img) + '" alt="' + caption + '" loading="lazy">' +
          (icon ? '<div class="ig-card__type">' + icon + '</div>' : '') +
          '<div class="ig-card__footer">' +
            '<img class="ig-card__footer-avatar" src="' + esc(picUrl) + '" alt="' + esc(handle) + '">' +
            '<span class="ig-card__footer-name">' + esc(name) + '</span>' +
            '<span class="ig-card__footer-ig"><i class="fa fa-instagram"></i></span>' +
          '</div>' +
        '</a>' +
      '</div>'
    );
  }

  /* ---- Init ---- */

  function init() {
    fetch('https://feeds.behold.so/' + FEED_ID)
      .then(function (r) { return r.json(); })
      .then(function (data) {
        var posts = data.posts ? data.posts.slice(0, LIMIT) : [];
        if (!posts.length) return;

        var picUrl = data.profilePictureUrl || '';

        document.getElementById('ig-feed-header').innerHTML = buildHeader(data);

        var slides = '';
        for (var i = 0; i < posts.length; i++) {
          slides += buildCard(posts[i], picUrl);
        }
        document.getElementById('ig-feed-posts').innerHTML = slides;

        document.getElementById('ig-feed-section').style.display = '';

        requestAnimationFrame(function () {
          new Swiper('#ig-feed-section .ig-swiper', {
            slidesPerView: 2,
            spaceBetween: 12,
            loop: false,
            navigation: {
              nextEl: '#ig-feed-section .ig-swiper-next',
              prevEl: '#ig-feed-section .ig-swiper-prev'
            },
            pagination: {
              el: '#ig-feed-section .ig-swiper-pag',
              clickable: true
            },
            breakpoints: {
              576:  { slidesPerView: 2 },
              768:  { slidesPerView: 3 },
              1024: { slidesPerView: 4 },
              1280: { slidesPerView: 5 }
            }
          });
        });
      })
      .catch(function (err) {
        console.error('Error al cargar feed de Instagram desde Behold:', err);
      });
  }

  function loadSwiper(callback) {
    /* Siempre inyectar CSS de Swiper (versión pinchada) si no está ya */
    if (!document.querySelector('link[href*="swiper"]')) {
      var link = document.createElement('link');
      link.rel = 'stylesheet';
      link.href = 'https://unpkg.com/swiper@9/swiper-bundle.min.css';
      document.head.appendChild(link);
    }

    /* Si Swiper JS ya está disponible, ejecutar directo */
    if (typeof Swiper !== 'undefined') { callback(); return; }

    /* Cargar JS de Swiper (misma versión pinchada) */
    var s = document.createElement('script');
    s.src = 'https://unpkg.com/swiper@9/swiper-bundle.min.js';
    s.onload = callback;
    s.onerror = function() {
      console.error('Error al cargar Swiper desde CDN');
    };
    document.head.appendChild(s);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function () { loadSwiper(init); });
  } else {
    loadSwiper(init);
  }

})();
</script>


   <!--NEWS-->
   <section id="news">
        <div class="container container-plus">
            <!-- Estilos Newsletter -->
<style>
	#suscribiteNews h3  {
	   margin-top:-5px;
       color: WHITE;
       text-align: left;
       font-weight: 700;
	}
	#suscribiteNews input {
		border-radius: 50px!important;
		height: 45px;
        border-color: transparent;
	}
	#suscribiteNews button {
		height: 45px;
		border-radius: 50px!important;
		font-weight:bold;
        color:white!important;
        border-color: white!important;
        border-width: 2px;
		background-color: transparent;
	}
	#suscribiteNews label p {
    margin-top: -7px;
    color: WHITE;
	}
    @media(max-width:768px){
        #suscribiteNews input,
        #suscribiteNews button {
            margin-bottom: 20px;
        }
    }
</style>


<!-- Definir traducciones directamente en JavaScript -->
<script type="text/javascript">
    
    var translations = {
        EN: {
            suscribirse_gracias: "Thank you very much for subscribing",
            suscribirse_ok: "You have successfully subscribed to the list of campaigns",
            suscribirse_error: "Your email is already subscribed",
            titulo_suscripcion: "Subscribe"
        },
        ES: {
            suscribirse_gracias: "Muchas gracias por suscribirse",
            suscribirse_ok: "Se ha suscripto correctamente a la lista de campa&ntilde;as",
            suscribirse_error: "Su email ya se encuentra suscripto",
            titulo_suscripcion: "Suscribirse"
        },
        DE: {
            suscribirse_gracias: "Vielen Dank f&#xFC;r Ihre Anmeldung",
            suscribirse_ok: "Sie haben sich erfolgreich in die Liste der Kampagnen abonniert",
            suscribirse_error: "Ihre E-Mail ist bereits abonniert",
            titulo_suscripcion: "Abonnieren"
        },
        FR: {
            suscribirse_gracias: "Merci pour l'abonnement",
            suscribirse_ok: "Il a &#xE9;t&#xE9; souscrit avec succ&#xE8;s &#xE0; la liste des campagnes",
            suscribirse_error: "Votre e-mail est d&eacute;j&agrave; abonn&eacute;",
            titulo_suscripcion: "Subscribe"
        },
        PT: {
            suscribirse_gracias: "Obrigado por subscrever",
            suscribirse_ok: "Voc&#xEA; se inscreveu com sucesso para a lista de campanhas",
            suscribirse_error: "Seu e-mail j&aacute; est&aacute; inscrito",
            titulo_suscripcion: "Inscrever"
        },
        RU: {
            suscribirse_gracias: "&#x421;&#x43F;&#x430;&#x441;&#x438;&#x431;&#x43E; &#x437;&#x430; &#x43F;&#x43E;&#x434;&#x43F;&#x438;&#x441;&#x43A;&#x443;",
            suscribirse_ok: "&#x412;&#x44B; &#x443;&#x441;&#x43F;&#x435;&#x448;&#x43D;&#x43E; &#x43F;&#x43E;&#x434;&#x43F;&#x438;&#x441;&#x430;&#x43B;&#x438;&#x441;&#x44C; &#x43D;&#x430; &#x441;&#x43F;&#x438;&#x441;&#x43E;&#x43A; &#x43A;&#x430;&#x43C;&#x43F;&#x430;&#x43D;&#x438;&#x439;",
            suscribirse_error: "&Vcy;&acy;&shcy; &ecy;&lcy;&iecy;&kcy;&tcy;&rcy;&ocy;&ncy;&ncy;&ycy;&jcy; &acy;&dcy;&rcy;&iecy;&scy; &ucy;&zhcy;&iecy; &pcy;&ocy;&dcy;&pcy;&icy;&scy;&acy;&ncy;",
            titulo_suscripcion: "&#x41F;&#x43E;&#x434;&#x43F;&#x438;&#x441;&#x430;&#x442;&#x44C;&#x441;&#x44F;"
        }
    };
    
</script>

<!-- Obtener el idioma desde el endpoint /nueva -->
<script type="text/javascript">
    let lang = "EN";
    fetch('/nueva?json=1')
        .then(response => response.json())
        .then(data => {
            if (data && data.idioma) {
                lang = data.idioma;
            }
        })
        .catch(error => {
            console.error("Error al obtener el idioma:", error);
        });
</script>

<!-- Formulario de Newsletter -->
<form id="suscribiteNews" method="POST" action="https://www.marcostours.com.ar/agencia/nueva?json=1">
    <!-- Campos honeypot ocultos (anti-bot) -->
    <input type="text" name="hidden_field_1" value="" style="display:none;" tabindex="-1" autocomplete="off">
    <input type="text" name="hidden_field_2" value="" style="display:none;" tabindex="-1" autocomplete="off">
    <!-- Timestamp de inicio de carga del form (anti-bot) -->
    <input type="hidden" name="form_start_time" value="1792678658">
    <div class="row">
        <label for="sus_email" class="col-xs-12 col-sm-12 col-md-5 control-label">
            <h3>Registrate y recib&iacute; nuestras novedades</h3>
        </label>

                                                <div class="col-xs-12 col-sm-9 col-md-4">
            <input type="email" class="form-control" id="sus_email" name="email" placeholder="Ingres&aacute; tu mail aqu&iacute;">
        </div>
                <div class="col-xs-12 col-sm-3 col-md-3">
            <button type="submit" class="btn btn-default btn-theme btn-block btn-suscripcion">Suscribirme</button>
        </div>
    </div>
</form>

<!-- SweetAlert2 Script -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        function handleSubmit(event) {
            event.preventDefault();
            var form = event.target;
            var formData = new FormData(form);

            var nombre = form.nombre ? form.nombre.value : '';
            var apellido = form.apellido ? form.apellido.value : '';
            var ciudad = form.ciudad ? form.ciudad.value : '';
            var provincia = form.provincia ? form.provincia.value : '';

            var actionUrl = form.action
                + (nombre ? '&name=' + encodeURIComponent(nombre) : '')
                + (apellido ? '&lastname=' + encodeURIComponent(apellido) : '')
                + (ciudad ? '&ciudad=' + encodeURIComponent(ciudad) : '')
                + (provincia ? '&provincia=' + encodeURIComponent(provincia) : '');

            fetch(actionUrl, {
                method: 'POST',
                body: formData
            })
            .then(response => {
                if (!response.ok) {
                    throw new Error('Error en la respuesta del servidor');
                }
                return response.json();
            })
            .then(data => {
                var title = data.estado ? translations[lang].suscribirse_gracias : translations[lang].titulo_suscripcion;
                var message = data.estado ? translations[lang].suscribirse_ok : translations[lang].suscribirse_error;

                Swal.fire({
                    icon: data.estado ? 'success' : 'error',
                    title: title,
                    html: '<p>' + message + '</p>',
                    confirmButtonText: 'OK'
                });
                if (data.estado) form.reset();
            })
            .catch(error => {
                console.error('Error en la solicitud:', error);
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    html: '<p>Hubo un problema con el env&iacute;o. Int&eacute;ntalo m&aacute;s tarde.</p>',
                    confirmButtonText: 'OK'
                });
            });
        }

        var newsletterForm = document.getElementById('suscribiteNews');
        if (newsletterForm) {
            newsletterForm.addEventListener('submit', handleSubmit);
        }
    });
</script>
        </div>
   </section>


    <!-- Footer -->
    <footer id="footer-MARCOS">
        
        <div class="container container-plus">
            <div class="row">
                <div class="col-xs-12 col-sm-3">
                    <a href="https://www.marcostours.com.ar">
                        <img src="https://www.marcostours.com.ar/images/logo.png" alt="MARCOS VIAJES Y TURISMO" class="img-responsive" id="logo-footer" width="250px">
                    </a>
                    <hr class="visible-xs" style="border-color:#4c4c4c">
                </div>
                <div class="col-xs-12 col-sm-3">
                    <!--datos empresa-->
                    <ul class="list-unstyled">
                        <li>EVT Legajo 11.224</li>
                        <li>Urquiza 1385 - (C P 2146)</li>
                        <li>San Genaro, Santa Fe</li>
                        <li>Tel. ( 03401 ) 449400 / 449500</li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3">
                    <!--contacto-->
                    <ul class="list-unstyled">
                        <li><a href="https://www.marcostours.com.ar/quienes-somos">Quienes somos</a></li>
                        <li><a href="https://www.marcostours.com.ar/nuestros-servicios">Nuestros Servicios</a></li>
                        <li><a href="https://www.marcostours.com.ar/info-administrativa">Info Administrativa</a></li>
                        <li><a href="https://www.marcostours.com.ar/texto/condiciones-generales">Condiciones Generales</a></li>
                        <li><a href="https://www.marcostours.com.ar/texto/politicas-de-privacidad">Pol&iacute;ticas de Uso y Privacidad</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3">
                    <!--contacto-->
                     <ul class="list-unstyled">
                        <li><a href="tel:5493401645133" target="_blank"><i class="fa fa-phone"></i>&nbsp;+54 9 3401 64-5133</a></li>
                        <li><a href="https://www.marcostours.com.ar/contactanos" target="_blank"><i class="fa fa-envelope"></i>&nbsp;&nbsp;Contacto</a></li>
                        <li><a href="https://wa.me/5493401645133" target="_blank"><i class="fa fa-whatsapp"></i>&nbsp;&nbsp;+54 9 3401 64-5133</a></li>
                        <li><a href="https://www.facebook.com/marcostoursok" target="_blank"><i class="fa fa-facebook"></i>&nbsp;&nbsp;/marcostoursok</a></li>
                        <li><a href="https://www.instagram.com/marcostoursok" target="_blank"><i class="fa fa-instagram"></i>&nbsp;&nbsp;@marcostoursok</a></li>
                        <li><a href="https://www.youtube.com/@marcostours" target="_blank">
                                <i class="fa fa-youtube-play"></i>&nbsp;&nbsp;@marcostours
                            </a></li>
                    </ul>
                                    </div>
                
                            </div>
        <br>
    </footer>

    <div id="wsp" class="hidden-print animated bounceInDown delay-6s">
        <a target="_blank" href="https://api.whatsapp.com/send?phone=5493401645133">
            <div class="bubble">
                <img src="https://www.marcostours.com.ar/images/wsp.png" alt="" style="width:70px">
            </div>
        </a>
    </div>


    <!--COPYRIGHT CONSULTAR-->
    <div class="text-right" id="consultar">
        <div class="container container-plus">
            <a href="http://consult-ar.info" title="Soluciones web turismo" target="_blank">
                Powered by <strong>Consult-ar</strong>
            </a>
        </div>
    </div>
    


       
         

         
        
                    
    

        
    
         
        
            <div id="fb-root"></div>
            <script type="text/javascript">
                (function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id))
                        return;
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.4";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
        
    

     

    


    



         



        
    
        


    </body>
</html>

Shown as plain text. Nothing from www.marcostours.com.ar runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.