Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago<\/title>\n <meta name=\"description\" content=\"Agencia de viajes en Guadalajara, Jalisco. Especialistas en vuelos, hospedaje, paquetes vacacionales, cruceros por el Caribe, Disney World, Eurotrips y el Camino de Santiago. Cotiza hoy.\">\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n <meta name=\"keywords\" content=\"agencia de viajes Guadalajara, vuelos baratos Guadalajara, paquetes vacacionales, cruceros Caribe, Disney World, Camino de Santiago, tours, hospedaje, viajes LGBT, Eurotrips, agencia viajes Tlaquepaque\">\n <meta name=\"author\" content=\"Koyote Viajes\">\n <meta name=\"geo.region\" content=\"MX-JAL\">\n <meta name=\"geo.placename\" content=\"Guadalajara, Jalisco\">\n <meta name=\"geo.position\" content=\"20.6597;-103.3496\">\n <meta name=\"ICBM\" content=\"20.6597, -103.3496\">\n <link rel=\"canonical\" href=\"https:\/\/koyote.com.mx\/\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1920&q=80\" fetchpriority=\"high\">\n\n <meta property=\"og:locale\" content=\"es_MX\">\n <meta property=\"og:title\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara\">\n <meta property=\"og:description\" content=\"Vuelos, hospedaje, paquetes vacacionales, tours, cruceros, Disney y Camino de Santiago. Todo desde Guadalajara.\">\n <meta property=\"og:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:url\" content=\"https:\/\/koyote.com.mx\/\">\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:site_name\" content=\"Koyote Viajes\">\n\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara\">\n <meta name=\"twitter:description\" content=\"Vuelos, hospedaje, paquetes vacacionales, tours, cruceros, Disney y Camino de Santiago.\">\n <meta name=\"twitter:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\">\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"TravelAgency\",\n \"@id\": \"https:\/\/koyote.com.mx\/#travelagency\",\n \"name\": \"Koyote Viajes\",\n \"image\": \"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"telephone\": \"+52-33-1550-9681\",\n \"email\": \"hola@koyote.com.mx\",\n \"priceRange\": \"$$\",\n \"openingHours\": [\"Mo-Fr 09:00-18:00\", \"Sa 10:00-14:00\"],\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Aquiles Serdan 102\",\n \"addressLocality\": \"Santa Anita, Tlaquepaque\",\n \"addressRegion\": \"Jalisco\",\n \"postalCode\": \"45590\",\n \"addressCountry\": \"MX\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": \"20.6597\",\n \"longitude\": \"-103.3496\"\n },\n \"sameAs\": [\n \"https:\/\/wa.me\/5213315509681\",\n \"https:\/\/www.facebook.com\/koyote.mx\",\n \"https:\/\/www.instagram.com\/koyote.mx\/\",\n \"https:\/\/www.tiktok.com\/@koyote.mx\"\n ],\n \"areaServed\": {\"@type\": \"City\", \"name\": \"Guadalajara\"},\n \"hasOfferCatalog\": {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Servicios de Viaje\",\n \"itemListElement\": [\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Vuelos Nacionales e Internacionales\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Hospedaje y Resorts\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Paquetes Vacacionales\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Cruceros por el Caribe\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Disney World y Disneyland\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Camino de Santiago\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Tours y Experiencias\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Viajes LGBT+\"}}\n ]\n }\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/koyote.com.mx\/#website\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"name\": \"Koyote Viajes\",\n \"publisher\": {\"@id\": \"https:\/\/koyote.com.mx\/#travelagency\"}\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/koyote.com.mx\/#webpage\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"name\": \"Koyote Viajes | Agencia de Viajes en Guadalajara\",\n \"isPartOf\": {\"@id\": \"https:\/\/koyote.com.mx\/#website\"},\n \"about\": {\"@id\": \"https:\/\/koyote.com.mx\/#travelagency\"},\n \"primaryImageOfPage\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\"\n }\n },\n {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Inicio\", \"item\": \"https:\/\/koyote.com.mx\/\"}\n ]\n },\n {\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Donde esta ubicada Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Koyote Viajes esta ubicada en Aquiles Serdan 102, Santa Anita, Tlaquepaque, Jalisco, Mexico. Atendemos presencialmente y tambien via WhatsApp al +52 33 1550 9681.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Que servicios ofrece Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ofrecemos vuelos nacionales e internacionales, hospedaje, paquetes vacacionales, tours, cruceros por el Caribe, Disney World, Eurotrips, viajes LGBT+ y el Camino de Santiago.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Como puedo cotizar un viaje con Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Puedes cotizar tu viaje facilmente a traves de nuestro formulario web, por WhatsApp al +52 33 1550 9681, llamando por telefono o enviando un correo a hola@koyote.com.mx.\"\n }\n }\n ]\n }\n ]\n }\n <\/script>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --pink: #D8035A;\n --pink-dark: #A80245;\n --pink-light: #FFF0F5;\n --gold: #FFCE00;\n --gold-dark: #E6B800;\n --navy: #0A0E27;\n --navy-light: #12183A;\n --cream: #FAF7F2;\n --cream-dark: #F0EBE3;\n --white: #ffffff;\n --text: #0F0F1A;\n --text-muted: #6B7280;\n --text-light: #9CA3AF;\n --border: rgba(255,255,255,0.1);\n --shadow-soft: 0 4px 30px rgba(0,0,0,0.05);\n --shadow-md: 0 20px 60px rgba(0,0,0,0.1);\n --shadow-lg: 0 40px 80px rgba(0,0,0,0.15);\n --radius: 28px;\n --radius-sm: 20px;\n --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);\n --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; scroll-padding-top: 90px; }\n body { \n font-family: 'Inter', sans-serif; \n color: var(--text); \n background: var(--cream); \n overflow-x: hidden; \n line-height: 1.6; \n -webkit-font-smoothing: antialiased;\n }\n ::selection { background: var(--pink); color: white; }\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: var(--cream); }\n ::-webkit-scrollbar-thumb { background: var(--pink); border-radius: 10px; }\n\n .noise-overlay {\n position: fixed; inset: 0; z-index: 9999; pointer-events: none;\n opacity: 0.02;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n background-repeat: repeat; background-size: 256px 256px;\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(50px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.92); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(216,3,90,0.4); }\n 50% { box-shadow: 0 0 0 20px rgba(216,3,90,0); }\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n @keyframes text-shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes blob-morph {\n 0%, 100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n 25% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\n 50% { border-radius: 50% 60% 30% 60% \/ 30% 60% 70% 40%; }\n 75% { border-radius: 60% 40% 60% 30% \/ 70% 30% 50% 60%; }\n }\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes scrollBounce {\n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(8px); opacity: 0.6; }\n }\n @keyframes heroZoom {\n from { transform: scale(1.1); }\n to { transform: scale(1.22); }\n }\n\n \/* ===== HEADER CON MENU HAMBURGUESA ===== *\/\n .k-header {\n position: fixed; top: 0; left: 0; width: 100%; z-index: 999;\n padding: 0 40px; \n height: 80px;\n display: flex; justify-content: space-between; align-items: center;\n background: transparent;\n transition: all 0.5s var(--transition-smooth);\n }\n .k-header.scrolled {\n background: var(--navy);\n box-shadow: 0 4px 30px rgba(0,0,0,0.25);\n height: 72px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n .k-logo { \n height: 44px; \n min-height: 44px;\n max-height: 44px;\n width: auto;\n filter: brightness(0) invert(1);\n }\n .k-header-actions { display: flex; align-items: center; gap: 12px; }\n\n .k-header-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 12px 26px; border-radius: 100px; font-weight: 600; font-size: 0.85rem;\n text-decoration: none; transition: all 0.35s var(--transition-bounce); \n cursor: pointer; border: none;\n font-family: 'Inter', sans-serif; position: relative; overflow: hidden;\n letter-spacing: 0.2px;\n }\n .k-header-btn-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; \n box-shadow: 0 8px 25px rgba(216,3,90,0.3);\n }\n .k-header-btn-primary::before {\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s ease;\n }\n .k-header-btn-primary:hover::before { left: 100% !important; }\n .k-header-btn-primary:hover {\n transform: translateY(-3px) scale(1.03) !important;\n box-shadow: 0 12px 35px rgba(216,3,90,0.4) !important;\n }\n .k-header.scrolled .k-header-btn-primary {\n background: var(--gold); color: var(--navy); \n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n font-weight: 700;\n }\n .k-header.scrolled .k-header-btn-primary:hover {\n background: var(--white) !important;\n color: var(--pink) !important;\n box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;\n }\n .k-header-btn-outline {\n background: rgba(255,255,255,0.1); color: white;\n border: 1.5px solid rgba(255,255,255,0.25); backdrop-filter: blur(10px);\n }\n .k-header-btn-outline:hover {\n background: var(--pink) !important;\n color: white !important;\n border-color: var(--pink) !important;\n transform: translateY(-3px) !important;\n }\n .k-header.scrolled .k-header-btn-outline {\n background: rgba(255,255,255,0.1); color: white; border-color: rgba(255,255,255,0.3);\n }\n .k-header.scrolled .k-header-btn-outline:hover {\n background: white !important;\n color: var(--pink) !important;\n border-color: white !important;\n }\n\n \/* ===== BOT\u00d3N HAMBURGUESA ===== *\/\n .k-menu-btn {\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n backdrop-filter: blur(10px);\n border: 1.5px solid rgba(255,255,255,0.2);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n transition: all 0.35s var(--transition-smooth);\n z-index: 1001;\n position: relative;\n margin-left: 4px;\n }\n\n .k-menu-btn:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n transform: scale(1.08) !important;\n }\n\n .k-header.scrolled .k-menu-btn {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n }\n\n .k-header.scrolled .k-menu-btn:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n }\n\n .k-menu-btn span {\n display: block;\n width: 18px;\n height: 2.5px;\n background: white;\n border-radius: 2px;\n transition: all 0.35s var(--transition-smooth);\n }\n\n .k-menu-btn.active span:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n }\n\n .k-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .k-menu-btn.active span:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n }\n\n @media (max-width: 768px) {\n .k-header { padding: 0 20px; height: 72px; }\n .k-header.scrolled { height: 64px; }\n .k-header-btn { padding: 10px 18px; font-size: 0.78rem; }\n .k-header-btn-outline { display: none; }\n .k-menu-btn { width: 42px; height: 42px; }\n .k-menu-btn span { width: 16px; }\n }\n @media (max-width: 480px) {\n .k-header { padding: 0 16px; }\n .k-header-btn { padding: 8px 14px; font-size: 0.7rem; }\n .k-header-btn .btn-text { display: none; }\n .k-header-btn i { font-size: 1rem; }\n }\n\n \/* ===== OVERLAY DEL MEN\u00da ===== *\/\n .k-nav-overlay {\n position: fixed;\n inset: 0;\n background: var(--navy);\n z-index: 1000;\n display: flex;\n opacity: 0;\n visibility: hidden;\n transition: all 0.5s ease;\n }\n\n .k-nav-overlay.active {\n opacity: 1;\n visibility: visible;\n }\n\n \/* ===== COLUMNA IZQUIERDA - IMAGEN ===== *\/\n .k-nav-visual {\n width: 42%;\n height: 100%;\n position: relative;\n overflow: hidden;\n transform: translateX(-30px);\n opacity: 0;\n transition: all 0.6s ease 0.15s;\n }\n\n .k-nav-overlay.active .k-nav-visual {\n transform: translateX(0);\n opacity: 1;\n }\n\n .k-nav-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .k-nav-visual::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, transparent 0%, var(--navy) 100%);\n }\n\n .k-nav-visual-text {\n position: absolute;\n bottom: 50px;\n left: 40px;\n z-index: 2;\n }\n\n .k-nav-visual-text h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: white;\n margin-bottom: 8px;\n }\n\n .k-nav-visual-text p {\n font-size: 0.9rem;\n color: rgba(255,255,255,0.5);\n max-width: 280px;\n }\n\n \/* ===== COLUMNA DERECHA - ENLACES ===== *\/\n .k-nav-content {\n width: 58%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 50px 70px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.6s ease 0.25s;\n }\n\n .k-nav-overlay.active .k-nav-content {\n transform: translateX(0);\n opacity: 1;\n }\n\n .k-nav-links {\n list-style: none;\n margin-bottom: 40px;\n }\n\n .k-nav-links li {\n margin-bottom: 5px;\n overflow: hidden;\n }\n\n .k-nav-links a {\n display: inline-block;\n color: white;\n text-decoration: none;\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.6rem);\n font-weight: 700;\n padding: 5px 0;\n position: relative;\n transform: translateY(100%);\n opacity: 0;\n transition: all 0.5s ease;\n }\n\n .k-nav-links li:nth-child(1) a { transition-delay: 0.3s; }\n .k-nav-links li:nth-child(2) a { transition-delay: 0.35s; }\n .k-nav-links li:nth-child(3) a { transition-delay: 0.4s; }\n .k-nav-links li:nth-child(4) a { transition-delay: 0.45s; }\n .k-nav-links li:nth-child(5) a { transition-delay: 0.5s; }\n .k-nav-links li:nth-child(6) a { transition-delay: 0.55s; }\n .k-nav-links li:nth-child(7) a { transition-delay: 0.6s; }\n\n .k-nav-overlay.active .k-nav-links a {\n transform: translateY(0);\n opacity: 1;\n }\n\n .k-nav-links a::after {\n content: '';\n position: absolute;\n bottom: 6px;\n left: 0;\n width: 0;\n height: 4px;\n background: var(--pink);\n border-radius: 2px;\n transition: width 0.3s ease;\n }\n\n .k-nav-links a:hover {\n color: var(--pink) !important;\n padding-left: 12px !important;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink)) !important;\n background-size: 200% auto !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n animation: text-shimmer 3s linear infinite !important;\n }\n\n .k-nav-links a:hover::after {\n width: 40px !important;\n }\n\n \/* ===== FOOTER DEL MEN\u00da ===== *\/\n .k-nav-footer {\n border-top: 1px solid rgba(255,255,255,0.08);\n padding-top: 25px;\n }\n\n .k-nav-footer p {\n color: rgba(255,255,255,0.45);\n font-size: 0.85rem;\n margin-bottom: 6px;\n }\n\n .k-nav-footer a {\n color: var(--pink);\n text-decoration: none;\n font-weight: 600;\n }\n\n .k-nav-footer a:hover {\n color: var(--gold) !important;\n text-decoration: underline !important;\n }\n\n .k-nav-social {\n display: flex;\n gap: 10px;\n margin-top: 15px;\n }\n\n .k-nav-social a {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n font-size: 0.9rem;\n transition: all 0.3s var(--transition-smooth);\n }\n\n .k-nav-social a:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important;\n transform: translateY(-3px) scale(1.15) !important;\n }\n\n @media (max-width: 1024px) {\n .k-nav-visual { display: none; }\n .k-nav-content { width: 100%; padding: 40px; }\n }\n @media (max-width: 768px) {\n .k-nav-content { padding: 30px 24px; }\n .k-nav-links a { font-size: 1.6rem; }\n }\n\n \/* ===== HERO ===== *\/\n .k-hero {\n position: relative; min-height: 100vh;\n overflow: hidden; display: flex; align-items: center; justify-content: center;\n background: var(--navy);\n }\n .k-hero-slide {\n position: absolute; inset: 0;\n background-position: center center; background-size: cover; background-repeat: no-repeat;\n opacity: 0; transform: scale(1.1);\n transition: opacity 1.4s ease;\n z-index: 0;\n }\n .k-hero-slide.active {\n opacity: 0.55;\n animation: heroZoom 22s ease-in-out infinite alternate;\n }\n .k-hero-heading {\n transition: opacity 0.7s ease, transform 0.7s ease, visibility 0.7s ease;\n }\n .k-hero-heading.k-hidden {\n opacity: 0; visibility: hidden; transform: translateY(-18px);\n pointer-events: none;\n }\n .k-hero-dots {\n position: absolute; top: 100px; left: 40px;\n z-index: 4; display: flex; gap: 10px; align-items: center;\n animation: fadeInUp 1s ease 1.4s both;\n }\n .k-hero-dot {\n width: 10px; height: 10px; border-radius: 100px; border: none;\n background: rgba(255,255,255,0.28); cursor: pointer; padding: 0;\n transition: all 0.4s ease;\n }\n .k-hero-dot.active { width: 34px; background: var(--gold); }\n .k-hero-dot:hover { background: rgba(255,255,255,0.8) !important; transform: scale(1.2) !important; }\n @media (max-width: 768px) { .k-hero-dots { top: 86px; left: 20px; } }\n .k-hero-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, rgba(10,14,39,0.2) 0%, rgba(10,14,39,0.6) 50%, rgba(10,14,39,0.95) 100%);\n z-index: 1;\n }\n .k-hero-gradient-mesh {\n position: absolute; inset: 0; z-index: 1; opacity: 0.35;\n background: \n radial-gradient(ellipse at 20% 50%, rgba(216,3,90,0.35) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,206,0,0.2) 0%, transparent 40%),\n radial-gradient(ellipse at 50% 80%, rgba(216,3,90,0.2) 0%, transparent 50%);\n animation: gradient-shift 18s ease infinite; background-size: 200% 200%;\n }\n .k-hero-blob {\n position: absolute; z-index: 1; opacity: 0.12; filter: blur(70px);\n animation: blob-morph 14s ease-in-out infinite;\n }\n .k-hero-blob:nth-child(1) { width: 550px; height: 550px; background: var(--pink); top: -180px; right: -120px; animation-delay: 0s; }\n .k-hero-blob:nth-child(2) { width: 450px; height: 450px; background: var(--gold); bottom: -120px; left: -80px; animation-delay: 5s; }\n .k-hero-blob:nth-child(3) { width: 350px; height: 350px; background: var(--pink); top: 35%; left: 55%; animation-delay: 10s; }\n\n .k-hero-content {\n position: relative; z-index: 2; text-align: center;\n max-width: 850px; padding: 0 30px;\n }\n .k-hero-eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(255,206,0,0.12); border: 1px solid rgba(255,206,0,0.25); color: var(--gold);\n padding: 10px 24px; border-radius: 100px; font-size: 0.75rem; font-weight: 700;\n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 32px;\n backdrop-filter: blur(10px); animation: fadeInUp 0.7s ease 0.2s both;\n }\n .k-hero h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(2.8rem, 6.5vw, 5.5rem); font-weight: 700; line-height: 1.05;\n color: white; margin-bottom: 24px; animation: fadeInUp 0.9s ease 0.4s both;\n letter-spacing: -0.03em;\n }\n .k-hero h1 em {\n font-style: normal;\n color: var(--gold);\n background: linear-gradient(90deg, var(--gold), #fff, var(--gold));\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: text-shimmer 5s linear infinite;\n }\n .k-hero p {\n font-size: clamp(1rem, 1.6vw, 1.25rem); color: rgba(255,255,255,0.6);\n margin-bottom: 44px; max-width: 520px; margin-left: auto; margin-right: auto;\n font-weight: 400; line-height: 1.7; animation: fadeInUp 0.9s ease 0.6s both;\n }\n .k-hero-cta-group {\n display: flex; gap: 16px; justify-content: center; align-items: center;\n animation: fadeInUp 1s ease 0.8s both; flex-wrap: wrap;\n }\n .k-hero-cta {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 18px 36px; border-radius: 100px; font-weight: 700; font-size: 1rem;\n text-decoration: none; transition: all 0.4s var(--transition-bounce);\n cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n }\n .k-hero-cta-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; box-shadow: 0 12px 40px rgba(216,3,90,0.35);\n }\n .k-hero-cta-primary:hover {\n transform: translateY(-4px) scale(1.03) !important;\n box-shadow: 0 20px 50px rgba(216,3,90,0.5) !important;\n }\n .k-hero-cta-secondary {\n background: rgba(255,255,255,0.08); color: white;\n border: 1.5px solid rgba(255,255,255,0.2); backdrop-filter: blur(10px);\n }\n .k-hero-cta-secondary:hover {\n background: rgba(255,255,255,0.15) !important;\n border-color: rgba(255,255,255,0.35) !important;\n transform: translateY(-4px) !important;\n }\n\n .k-hero-social {\n position: absolute;\n right: 36px;\n top: 32%;\n transform: translateY(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n gap: 16px;\n align-items: center;\n animation: fadeInUp 1s ease 1s both;\n }\n .k-hero-social::before {\n content: '';\n width: 1px;\n height: 50px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.3));\n }\n .k-hero-social::after {\n content: '';\n width: 1px;\n height: 50px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);\n }\n .k-hero-social a {\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);\n display: flex; align-items: center; justify-content: center;\n color: white; text-decoration: none; font-size: 1rem;\n transition: all 0.4s var(--transition-bounce);\n backdrop-filter: blur(10px);\n }\n .k-hero-social a:hover {\n background: var(--gold) !important;\n border-color: var(--gold) !important;\n color: var(--navy) !important;\n transform: translateY(-4px) scale(1.15) !important;\n box-shadow: 0 8px 25px rgba(255,206,0,0.4) !important;\n }\n .k-hero-social-label {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n color: rgba(255,255,255,0.3);\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 3px;\n transform: rotate(180deg);\n }\n\n @media (max-width: 1024px) { .k-hero-social { display: none; } }\n\n .k-hero-scroll {\n position: absolute;\n bottom: 36px;\n left: 0;\n right: 0;\n margin: 0 auto;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: rgba(255,255,255,0.35);\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 4px;\n font-weight: 600;\n animation: fadeInUp 1s ease 1.2s both;\n cursor: pointer;\n transition: color 0.3s ease;\n text-decoration: none;\n width: fit-content;\n }\n .k-hero-scroll:hover { color: var(--gold) !important; transform: translateY(3px) !important; }\n .k-hero-scroll i {\n font-size: 1.2rem;\n animation: scrollBounce 2s ease-in-out infinite;\n }\n\n \/* ===== MARQUEE ===== *\/\n .k-marquee {\n background: var(--navy); padding: 18px 0;\n overflow: hidden; border-top: 1px solid rgba(255,255,255,0.04);\n border-bottom: 1px solid rgba(255,255,255,0.04);\n }\n .k-marquee-track {\n display: flex; width: max-content;\n animation: marquee 35s linear infinite;\n }\n .k-marquee-track:hover { animation-play-state: paused; }\n .k-marquee-item {\n display: flex; align-items: center; gap: 12px;\n padding: 0 36px; color: rgba(255,255,255,0.25);\n font-size: 0.82rem; font-weight: 600;\n text-transform: uppercase; letter-spacing: 2px; white-space: nowrap;\n font-family: 'Space Grotesk', sans-serif;\n }\n .k-marquee-item i { color: var(--gold); font-size: 0.5rem; }\n\n \/* ===== SECCIONES ===== *\/\n .k-section {\n padding: 110px 30px; width: 100%; position: relative; overflow: hidden;\n }\n .k-section-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }\n .k-section-header { margin-bottom: 60px; position: relative; }\n .k-section-header h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 700; color: var(--text);\n margin-bottom: 16px; line-height: 1.1; letter-spacing: -0.03em;\n }\n .k-section-header h2 em {\n font-style: normal;\n color: var(--pink);\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: text-shimmer 6s linear infinite;\n }\n .k-section-header p {\n color: var(--text-muted); font-size: 1.1rem; max-width: 500px;\n font-weight: 400; line-height: 1.7;\n }\n .k-section-eyebrow {\n display: inline-block; color: var(--pink);\n font-size: 0.72rem; font-weight: 700;\n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 14px;\n font-family: 'Inter', sans-serif;\n }\n .k-divider {\n width: 48px; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n border-radius: 3px; margin-top: 18px; position: relative;\n }\n .k-divider::after {\n content: ''; position: absolute; right: -8px; top: 50%;\n transform: translateY(-50%); width: 6px; height: 6px;\n background: var(--gold); border-radius: 50%;\n }\n\n \/* ===== SERVICIOS BENTO ===== *\/\n .k-servicios { background: var(--cream); }\n .k-bento-services {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(3, 280px);\n gap: 18px;\n }\n .k-bento-item {\n position: relative; border-radius: var(--radius-sm); overflow: hidden;\n cursor: pointer; box-shadow: var(--shadow-soft);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.04); background: var(--white);\n }\n .k-bento-item::before {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.88) 0%, rgba(10,14,39,0.15) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-bento-item:hover {\n transform: translateY(-8px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n z-index: 2 !important;\n }\n .k-bento-item:hover::before {\n background: linear-gradient(to top, rgba(216,3,90,0.85) 0%, rgba(10,14,39,0.35) 60%, transparent 100%) !important;\n }\n .k-bento-item img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-bento-item:hover img { transform: scale(1.12) !important; }\n .k-bento-content {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 28px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-bento-icon {\n width: 44px; height: 44px; border-radius: 12px;\n background: var(--gold); color: var(--navy);\n display: flex; align-items: center; justify-content: center;\n font-size: 1rem; margin-bottom: 14px;\n transition: all 0.5s var(--transition-bounce); opacity: 0; transform: translateY(12px) scale(0.8);\n }\n .k-bento-item:hover .k-bento-icon { opacity: 1 !important; transform: translateY(0) scale(1) !important; }\n .k-bento-item h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.3rem; font-weight: 600; margin-bottom: 6px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.3); transition: transform 0.4s ease;\n }\n .k-bento-item:hover h3 { transform: translateY(-4px) !important; }\n .k-bento-item p {\n color: rgba(255,255,255,0.75); font-size: 0.85rem; line-height: 1.6;\n opacity: 0; transform: translateY(12px); transition: all 0.5s ease 0.1s;\n }\n .k-bento-item:hover p { opacity: 1 !important; transform: translateY(0) !important; }\n .k-bento-number {\n position: absolute; top: 20px; right: 20px;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3.5rem; font-weight: 700; color: rgba(255,255,255,0.06);\n line-height: 1; z-index: 2; transition: all 0.5s ease;\n }\n .k-bento-item:hover .k-bento-number { color: rgba(255,255,255,0.12) !important; transform: scale(1.1) !important; }\n\n .k-bento-services .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(2) { grid-column: 3 \/ 4; grid-row: 1 \/ 2; }\n .k-bento-services .k-bento-item:nth-child(3) { grid-column: 4 \/ 5; grid-row: 1 \/ 2; }\n .k-bento-services .k-bento-item:nth-child(4) { grid-column: 3 \/ 5; grid-row: 2 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(5) { grid-column: 1 \/ 3; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(6) { grid-column: 3 \/ 5; grid-row: 3 \/ 4; }\n\n @media (max-width: 1024px) {\n .k-bento-services {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(4, 240px);\n }\n .k-bento-services .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(3) { grid-column: 2 \/ 3; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(4) { grid-column: 1 \/ 3; grid-row: 4 \/ 5; }\n .k-bento-services .k-bento-item:nth-child(5) { grid-column: 1 \/ 2; grid-row: 5 \/ 6; }\n .k-bento-services .k-bento-item:nth-child(6) { grid-column: 2 \/ 3; grid-row: 5 \/ 6; }\n }\n @media (max-width: 600px) {\n .k-bento-services { grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px; }\n .k-bento-services .k-bento-item:nth-child(n) { grid-column: 1 \/ 2; grid-row: auto; height: 300px; }\n .k-bento-item p, .k-bento-icon { opacity: 1; transform: none; }\n }\n\n \/* ===== DESTINOS ===== *\/\n .k-destinos { background: var(--navy); padding: 110px 30px; overflow: hidden; position: relative; }\n .k-destinos::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.25), transparent);\n }\n .k-destinos .k-section-header h2, .k-destinos .k-section-header p { color: white; }\n .k-destinos .k-section-header p { color: rgba(255,255,255,0.45); }\n .k-destinos-flex {\n display: flex; gap: 14px; width: 1280px; height: 520px;\n max-width: 100%; margin: 0 auto; overflow: hidden;\n }\n .k-destino-h {\n position: relative; flex: 1 1 200px; min-width: 170px; height: 100%;\n border-radius: var(--radius-sm); overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n transition: all 0.7s var(--transition-smooth); border: 1px solid rgba(255,255,255,0.04);\n }\n .k-destino-h:hover {\n flex: 0 0 550px !important;\n border-color: rgba(255,206,0,0.2) !important;\n box-shadow: 0 25px 60px rgba(0,0,0,0.4) !important;\n z-index: 2 !important;\n }\n .k-destino-h img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-destino-h:hover img { transform: scale(1.06) !important; }\n .k-destino-h-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.4) 40%, transparent 100%);\n display: flex; flex-direction: column; justify-content: flex-end; padding: 32px;\n transition: all 0.5s ease;\n }\n .k-destino-h:hover .k-destino-h-overlay {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.5) 60%, transparent 100%) !important;\n }\n .k-destino-h h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.2rem; font-weight: 600; margin-bottom: 6px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4); white-space: nowrap;\n transition: all 0.5s ease;\n }\n .k-destino-h:hover h3 { font-size: 1.7rem !important; margin-bottom: 12px !important; white-space: normal !important; }\n .k-destino-h p {\n color: rgba(255,255,255,0.85); font-size: 0.92rem; line-height: 1.7;\n opacity: 0; max-height: 0; overflow: hidden; transition: all 0.6s ease;\n }\n .k-destino-h:hover p { opacity: 1 !important; max-height: 300px !important; }\n .k-destino-h-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 5px 14px; border-radius: 20px; font-size: 0.7rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 12px; width: fit-content; letter-spacing: 1px;\n }\n .k-destino-h-arrow {\n position: absolute; top: 22px; right: 22px;\n width: 42px; height: 42px; border-radius: 50%;\n background: rgba(255,255,255,0.08); backdrop-filter: blur(10px);\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 0.85rem;\n opacity: 0; transform: translateY(-10px);\n transition: all 0.4s var(--transition-bounce);\n }\n .k-destino-h:hover .k-destino-h-arrow { opacity: 1 !important; transform: translateY(0) !important; }\n\n @media (max-width: 1200px) {\n .k-destinos-flex { width: 100%; height: 600px; }\n .k-destino-h { flex: 1 1 140px; min-width: 130px; }\n .k-destino-h:hover { flex: 0 0 380px !important; }\n }\n @media (max-width: 768px) {\n .k-destinos-flex { flex-direction: column; height: auto; gap: 14px; }\n .k-destino-h { flex: none; width: 100%; height: 200px; }\n .k-destino-h:hover { flex: none !important; width: 100% !important; height: 320px !important; }\n .k-destino-h p { opacity: 0; max-height: 0; }\n .k-destino-h:hover p { opacity: 1 !important; max-height: 200px !important; }\n .k-destino-h-arrow { display: none; }\n }\n\n \/* ===== CRUCEROS & DISNEY ===== *\/\n .k-especiales { background: var(--cream); padding: 110px 30px; position: relative; }\n .k-especiales-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;\n max-width: 1000px; margin: 0 auto;\n }\n .k-especial-card {\n position: relative; border-radius: var(--radius); overflow: hidden;\n height: 460px; cursor: pointer; box-shadow: var(--shadow-md);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.04); text-decoration: none; display: block;\n }\n .k-especial-card::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.92) 0%, rgba(10,14,39,0.3) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-especial-card:hover {\n transform: translateY(-12px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n }\n .k-especial-card:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.88) 0%, rgba(10,14,39,0.4) 60%, transparent 100%) !important;\n }\n .k-especial-card img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-especial-card:hover img { transform: scale(1.1) !important; }\n .k-especial-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 44px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-especial-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 6px 16px; border-radius: 20px; font-size: 0.72rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 14px; width: fit-content; letter-spacing: 1px;\n transition: all 0.4s var(--transition-bounce);\n }\n .k-especial-card:hover .k-especial-tag { background: white !important; transform: scale(1.05) !important; }\n .k-especial-overlay h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .k-especial-overlay p {\n color: rgba(255,255,255,0.8); font-size: 0.98rem; margin-bottom: 24px;\n max-width: 400px; line-height: 1.7;\n }\n .k-especial-btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 15px 32px; border-radius: 100px; font-weight: 700; font-size: 0.92rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-especial-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 10px 30px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 768px) {\n .k-especiales-grid { grid-template-columns: 1fr; max-width: 480px; }\n .k-especial-card { height: 360px; }\n .k-especial-overlay { padding: 28px; }\n .k-especial-overlay h3 { font-size: 1.5rem; }\n }\n\n \/* ===== CAMINO ===== *\/\n .k-camino-concierge { background: var(--navy); padding: 110px 30px; position: relative; }\n .k-camino-concierge::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.2), transparent);\n }\n .k-camino-concierge .k-section-header h2, .k-camino-concierge .k-section-header p { color: white; }\n .k-camino-concierge .k-section-header p { color: rgba(255,255,255,0.45); }\n .k-camino-concierge-inner { max-width: 1280px; margin: 0 auto; }\n\n .k-camino-wide {\n position: relative; border-radius: var(--radius); overflow: hidden;\n height: 520px; cursor: pointer; box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(255,255,255,0.04); margin-bottom: 28px;\n max-width: 1280px; margin-left: auto; margin-right: auto;\n }\n .k-camino-wide::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.45) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-camino-wide:hover {\n transform: translateY(-8px) !important;\n box-shadow: 0 30px 80px rgba(0,0,0,0.4) !important;\n border-color: rgba(255,206,0,0.15) !important;\n }\n .k-camino-wide:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.55) 60%, transparent 100%) !important;\n }\n .k-camino-wide img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-camino-wide:hover img { transform: scale(1.05) !important; }\n .k-camino-wide-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 48px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-camino-wide-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 6px 18px; border-radius: 20px; font-size: 0.75rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 16px; width: fit-content; letter-spacing: 1px;\n }\n .k-camino-wide h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 2.4rem; font-weight: 600; margin-bottom: 12px;\n letter-spacing: -0.02em;\n }\n .k-camino-wide p {\n color: rgba(255,255,255,0.8); font-size: 1.02rem; max-width: 650px;\n line-height: 1.8; margin-bottom: 24px;\n }\n .k-camino-wide-btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 16px 36px; border-radius: 100px; font-weight: 700; font-size: 0.95rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-camino-wide-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 35px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 1024px) {\n .k-camino-wide { height: 420px; }\n .k-camino-wide h3 { font-size: 1.9rem; }\n .k-camino-wide-overlay { padding: 36px; }\n }\n @media (max-width: 768px) {\n .k-camino-wide { height: 380px; }\n .k-camino-wide-overlay { padding: 24px; }\n .k-camino-wide h3 { font-size: 1.6rem; }\n .k-camino-wide p { font-size: 0.92rem; }\n }\n\n \/* ===== CONCIERGE BENTO ===== *\/\n .k-concierge-bento {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(2, 280px);\n gap: 18px; max-width: 1280px; margin: 0 auto;\n }\n .k-concierge-bento .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(2) { grid-column: 3 \/ 4; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(3) { grid-column: 4 \/ 5; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(5) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(6) { grid-column: 3 \/ 5; grid-row: 2 \/ 3; }\n\n @media (max-width: 1024px) {\n .k-concierge-bento {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, 240px);\n }\n .k-concierge-bento .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(3) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; }\n .k-concierge-bento .k-bento-item:nth-child(5) { grid-column: 2 \/ 3; grid-row: 3 \/ 4; }\n .k-concierge-bento .k-bento-item:nth-child(6) { grid-column: 1 \/ 3; grid-row: 4 \/ 5; }\n }\n @media (max-width: 600px) {\n .k-concierge-bento { grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px; }\n .k-concierge-bento .k-bento-item:nth-child(n) { grid-column: 1 \/ 2; grid-row: auto; height: 280px; }\n }\n\n \/* ===== HOTELES ALIADOS ===== *\/\n .k-hoteles { \n background: linear-gradient(180deg, var(--cream) 0%, #f5f0e8 50%, var(--cream) 100%);\n position: relative;\n overflow: hidden;\n }\n .k-hoteles::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(216,3,90,0.04) 0%, transparent 70%);\n pointer-events: none;\n }\n .k-hoteles::after {\n content: '';\n position: absolute;\n bottom: -80px;\n left: -80px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(255,206,0,0.05) 0%, transparent 70%);\n pointer-events: none;\n }\n .k-hoteles-carousel-wrap {\n position: relative;\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 70px;\n }\n .k-hoteles-carousel {\n display: flex;\n gap: 24px;\n overflow-x: auto;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n padding: 20px 4px 30px 4px;\n }\n .k-hoteles-carousel::-webkit-scrollbar { display: none; }\n .k-hotel-card {\n flex: 0 0 calc(25% - 18px);\n min-width: 270px;\n position: relative;\n border-radius: var(--radius-sm);\n overflow: hidden;\n height: 420px;\n cursor: pointer;\n box-shadow: 0 8px 32px rgba(10,14,39,0.08), 0 2px 8px rgba(10,14,39,0.04);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.03);\n }\n .k-hotel-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--radius-sm);\n padding: 1.5px;\n background: linear-gradient(135deg, rgba(216,3,90,0.15), rgba(255,206,0,0.1), transparent 60%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.5s ease;\n pointer-events: none;\n z-index: 3;\n }\n .k-hotel-card:hover::before { opacity: 1 !important; }\n .k-hotel-card::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.35) 45%, rgba(10,14,39,0.05) 70%, transparent 100%);\n z-index: 1;\n transition: all 0.6s ease;\n }\n .k-hotel-card:hover {\n transform: translateY(-12px) scale(1.015) !important;\n box-shadow: 0 24px 60px rgba(10,14,39,0.15), 0 8px 20px rgba(10,14,39,0.08) !important;\n border-color: rgba(216,3,90,0.08) !important;\n }\n .k-hotel-card:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.88) 0%, rgba(10,14,39,0.5) 50%, rgba(10,14,39,0.1) 75%, transparent 100%) !important;\n }\n .k-hotel-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1s var(--transition-smooth);\n }\n .k-hotel-card:hover img { transform: scale(1.12) !important; }\n .k-hotel-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 28px;\n z-index: 2;\n transition: all 0.5s ease;\n }\n .k-hotel-card:hover .k-hotel-overlay { padding-bottom: 32px !important; }\n .k-hotel-badge {\n position: absolute;\n top: 18px;\n right: 18px;\n z-index: 2;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n color: white;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.68rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 0;\n transform: translateY(-8px);\n transition: all 0.4s var(--transition-bounce);\n }\n .k-hotel-card:hover .k-hotel-badge {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n .k-hotel-stars {\n color: var(--gold);\n font-size: 0.72rem;\n margin-bottom: 10px;\n letter-spacing: 3px;\n display: flex;\n gap: 3px;\n align-items: center;\n }\n .k-hotel-stars::before {\n content: '';\n display: inline-block;\n width: 20px;\n height: 2px;\n background: var(--gold);\n border-radius: 2px;\n margin-right: 8px;\n opacity: 0.6;\n }\n .k-hotel-overlay h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white;\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 8px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n line-height: 1.2;\n transition: transform 0.4s ease;\n }\n .k-hotel-card:hover .k-hotel-overlay h3 { transform: translateY(-2px) !important; }\n .k-hotel-overlay > p {\n color: white;\n font-size: 0.82rem;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,0.4);\n }\n .k-hotel-overlay > p i { \n color: var(--gold); \n font-size: 0.75rem; \n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n }\n .k-hotel-overlay .k-hotel-location {\n color: white;\n font-size: 0.82rem;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,0.4);\n }\n .k-hotel-overlay .k-hotel-location i { \n color: var(--gold); \n font-size: 0.75rem; \n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n }\n .k-hotel-overlay .k-hotel-desc {\n color: rgba(255,255,255,0.5);\n font-size: 0.78rem;\n line-height: 1.5;\n margin-bottom: 16px;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.5s ease 0.1s;\n }\n .k-hotel-card:hover .k-hotel-overlay .k-hotel-desc {\n max-height: 80px !important;\n opacity: 1 !important;\n }\n .k-hotel-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.82rem;\n background: var(--gold);\n color: var(--navy);\n transition: all 0.4s var(--transition-bounce);\n width: fit-content;\n border: none;\n font-family: 'Inter', sans-serif;\n box-shadow: 0 4px 15px rgba(255,206,0,0.2);\n }\n .k-hotel-card:hover .k-hotel-btn {\n background: white !important;\n color: var(--pink) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(255,255,255,0.25) !important;\n }\n .k-hotel-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: white;\n border: 1px solid rgba(0,0,0,0.06);\n color: var(--text);\n font-size: 0.95rem;\n cursor: pointer;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s var(--transition-bounce);\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n .k-hotel-nav:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important;\n transform: translateY(-50%) scale(1.12) !important;\n box-shadow: 0 8px 30px rgba(216,3,90,0.25) !important;\n }\n .k-hotel-nav.prev { left: 0; }\n .k-hotel-nav.next { right: 0; }\n .k-hotel-dots {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 36px;\n }\n .k-hotel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(0,0,0,0.08);\n border: none;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n padding: 0;\n }\n .k-hotel-dot::after {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 50%;\n border: 1.5px solid transparent;\n transition: all 0.4s ease;\n }\n .k-hotel-dot.active {\n background: var(--pink) !important;\n transform: scale(1.4) !important;\n }\n .k-hotel-dot.active::after {\n border-color: rgba(216,3,90,0.2);\n }\n .k-hotel-dot:hover { \n background: var(--pink) !important; \n transform: scale(1.2) !important;\n }\n\n @media (max-width: 1200px) {\n .k-hotel-card { flex: 0 0 calc(33.333% - 16px); min-width: 260px; }\n }\n @media (max-width: 768px) {\n .k-hoteles-carousel-wrap { padding: 0 55px; }\n .k-hotel-card { flex: 0 0 calc(50% - 12px); min-width: 220px; height: 360px; }\n .k-hotel-nav { width: 44px; height: 44px; }\n .k-hotel-overlay { padding: 22px; }\n .k-hotel-overlay h3 { font-size: 1.1rem; }\n }\n @media (max-width: 480px) {\n .k-hoteles-carousel-wrap { padding: 0 50px; }\n .k-hotel-card { flex: 0 0 85%; min-width: 280px; height: 340px; }\n .k-hotel-nav { width: 40px; height: 40px; }\n }\n\n \/* ===== RESE\u00d1AS GOOGLE ===== *\/\n .k-reviews {\n background: linear-gradient(135deg, var(--navy) 0%, #0f1535 100%);\n position: relative;\n overflow: hidden;\n }\n .k-reviews::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.25), transparent);\n }\n .k-reviews .k-section-header h2,\n .k-reviews .k-section-header p { color: white; }\n .k-reviews .k-section-header p { color: rgba(255,255,255,0.5); }\n .k-reviews-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n .k-review-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius-sm);\n padding: 36px;\n backdrop-filter: blur(10px);\n transition: all 0.4s var(--transition-smooth);\n }\n .k-review-card:hover {\n background: rgba(255,255,255,0.08) !important;\n border-color: rgba(255,206,0,0.2) !important;\n transform: translateY(-6px) !important;\n }\n .k-review-stars {\n color: var(--gold);\n font-size: 1rem;\n margin-bottom: 16px;\n letter-spacing: 2px;\n }\n .k-review-text {\n color: rgba(255,255,255,0.85);\n font-size: 1.05rem;\n line-height: 1.7;\n margin-bottom: 20px;\n font-style: italic;\n }\n .k-review-author {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .k-review-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--pink), var(--gold));\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 1rem;\n flex-shrink: 0;\n }\n .k-review-name {\n color: white;\n font-weight: 600;\n font-size: 0.95rem;\n }\n .k-review-verified {\n color: rgba(255,255,255,0.4);\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n .k-review-verified i { color: #4285F4; font-size: 0.75rem; }\n .k-review-cta {\n text-align: center;\n padding: 36px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius-sm);\n backdrop-filter: blur(10px);\n }\n .k-review-cta-icon {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: linear-gradient(135deg, #4285F4, #34A853);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.6rem;\n margin: 0 auto 20px;\n box-shadow: 0 8px 25px rgba(66,133,244,0.3);\n }\n .k-review-cta h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .k-review-cta p {\n color: rgba(255,255,255,0.6);\n font-size: 0.95rem;\n margin-bottom: 24px;\n line-height: 1.6;\n }\n .k-review-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 32px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.95rem;\n background: var(--gold);\n color: var(--navy);\n text-decoration: none;\n transition: all 0.4s var(--transition-bounce);\n font-family: 'Inter', sans-serif;\n }\n .k-review-cta-btn:hover {\n background: white !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 10px 30px rgba(255,206,0,0.3) !important;\n }\n\n @media (max-width: 768px) {\n .k-reviews-grid { grid-template-columns: 1fr; }\n .k-review-card { padding: 24px; }\n }\n\n \/* ===== POPUPS ===== *\/\n .k-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.88); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 2000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-popup-overlay.active { display: flex; opacity: 1; }\n .k-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 660px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 50px 100px rgba(0,0,0,0.35),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-popup-overlay.active .k-popup { transform: translateY(0) scale(1); }\n .k-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 3;\n display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); \n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n\n .k-popup-header { padding: 44px 44px 0; text-align: center; position: relative; }\n .k-popup-header::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n .k-popup-header::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n border-radius: 3px;\n opacity: 0.3;\n }\n .k-popup-header i {\n width: 64px; height: 64px; border-radius: 50%;\n background: linear-gradient(135deg, var(--pink-light), #FFE4ED); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.5rem; margin: 0 auto 18px; box-shadow: 0 8px 25px rgba(216,3,90,0.1);\n }\n .k-popup-header h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.7rem; font-weight: 600; color: var(--text); margin-bottom: 8px;\n }\n .k-popup-header p { color: var(--text-muted); font-size: 0.95rem; }\n\n .k-popup-body { padding: 32px 44px 44px; }\n .k-popup-form-group { margin-bottom: 20px; }\n .k-popup-form-group label {\n display: block; margin-bottom: 8px; font-weight: 600;\n font-size: 0.78rem; color: var(--text); text-transform: uppercase; letter-spacing: 0.6px;\n }\n .k-popup-form-group label .req { color: var(--pink); }\n .k-popup-control {\n width: 100%; padding: 15px 18px; border: 2px solid rgba(0,0,0,0.06);\n border-radius: 14px; font-family: 'Inter', sans-serif; font-size: 0.95rem;\n transition: all 0.3s ease; background: var(--white); color: var(--text);\n }\n .k-popup-control:hover {\n border-color: rgba(216,3,90,0.15) !important;\n }\n .k-popup-control:focus {\n outline: none; border-color: var(--pink) !important; background: white;\n box-shadow: 0 0 0 4px rgba(216,3,90,0.07), 0 4px 12px rgba(216,3,90,0.06) !important;\n }\n .k-popup-control::placeholder { color: #bbb; }\n select.k-popup-control {\n cursor: pointer; appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 16px center; padding-right: 44px;\n }\n textarea.k-popup-control { resize: vertical; min-height: 100px; }\n .k-popup-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .k-popup-submit {\n width: 100%; padding: 18px; margin-top: 12px;\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; border: none; border-radius: 14px; font-family: 'Inter', sans-serif;\n font-size: 1.05rem; font-weight: 700; cursor: pointer; transition: all 0.4s var(--transition-bounce);\n display: flex; align-items: center; justify-content: center; gap: 10px;\n box-shadow: 0 10px 35px rgba(216,3,90,0.3); position: relative; overflow: hidden;\n letter-spacing: 0.3px;\n }\n .k-popup-submit::before {\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n transition: left 0.6s ease;\n }\n .k-popup-submit:hover::before { left: 100% !important; }\n .k-popup-submit:hover { transform: translateY(-3px) !important; box-shadow: 0 16px 45px rgba(216,3,90,0.4) !important; }\n\n .k-popup-success {\n display: none; text-align: center; padding: 50px 30px; animation: scaleIn 0.6s ease;\n }\n .k-popup-success i {\n width: 72px; height: 72px; border-radius: 50%;\n background: linear-gradient(135deg, #d4edda, #c3e6cb); color: #155724;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.8rem; margin: 0 auto 20px;\n }\n .k-popup-success h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.5rem; font-weight: 600; color: var(--text); margin-bottom: 8px;\n }\n .k-popup-success p { color: var(--text-muted); font-size: 0.95rem; }\n\n .k-popup-tabs { display: flex; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; }\n .k-popup-tab {\n padding: 10px 18px; border-radius: 50px; font-size: 0.78rem; font-weight: 600;\n cursor: pointer; border: 1.5px solid rgba(0,0,0,0.06); background: var(--white);\n color: var(--text-muted); transition: all 0.3s ease; font-family: 'Inter', sans-serif;\n }\n .k-popup-tab:hover { border-color: var(--pink) !important; color: var(--pink) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(216,3,90,0.08) !important; }\n .k-popup-tab.active {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark)) !important;\n color: white !important;\n border-color: transparent !important;\n box-shadow: 0 6px 20px rgba(216,3,90,0.25) !important;\n transform: translateY(-2px) !important;\n }\n\n @media (max-width: 768px) {\n .k-popup { max-width: 100%; border-radius: var(--radius-sm); }\n .k-popup-body, .k-popup-header { padding-left: 22px; padding-right: 22px; }\n .k-popup-row { grid-template-columns: 1fr; }\n }\n\n \/* ===== CONTACTO POPUP ===== *\/\n .k-contact-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px;\n }\n .k-contact-item {\n background: var(--white); border: 1.5px solid rgba(0,0,0,0.05);\n border-radius: 18px; padding: 26px 18px; text-align: center;\n transition: all 0.4s var(--transition-bounce);\n text-decoration: none; color: var(--text); display: block; cursor: pointer;\n box-shadow: 0 2px 12px rgba(0,0,0,0.03);\n position: relative;\n overflow: hidden;\n }\n .k-contact-item::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n .k-contact-item:hover::before { opacity: 1 !important; }\n .k-contact-item:hover {\n background: var(--pink-light) !important;\n border-color: var(--pink) !important;\n transform: translateY(-6px) scale(1.02) !important; \n box-shadow: 0 12px 35px rgba(216,3,90,0.1) !important;\n }\n .k-contact-item i {\n width: 48px; height: 48px; border-radius: 14px;\n background: linear-gradient(135deg, var(--pink-light), #FFE4ED); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; margin: 0 auto 12px; transition: all 0.4s ease;\n }\n .k-contact-item:hover i { background: var(--pink) !important; color: white !important; transform: scale(1.1) rotate(-5deg) !important; }\n .k-contact-item h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; }\n .k-contact-item span { font-size: 0.78rem; color: var(--text-muted); }\n\n @media (max-width: 768px) { .k-contact-grid { grid-template-columns: 1fr; } }\n\n \/* ===== FOOTER ===== *\/\n .k-footer {\n background: var(--navy); color: white; padding: 70px 30px 28px;\n text-align: center; position: relative; overflow: hidden;\n }\n .k-footer::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n }\n .k-footer-blob {\n position: absolute; width: 350px; height: 350px;\n background: var(--pink); opacity: 0.03; filter: blur(70px);\n border-radius: 50%; top: -80px; left: 50%; transform: translateX(-50%);\n }\n .k-footer-logo { \n height: 44px; \n min-height: 44px;\n max-height: 44px;\n width: auto; \n margin-bottom: 20px; \n filter: brightness(0) invert(1); \n opacity: 0.9; \n }\n .k-footer p { color: rgba(255,255,255,0.4); font-size: 0.92rem; margin-bottom: 28px; max-width: 440px; margin-left: auto; margin-right: auto; line-height: 1.7; }\n \n \/* FOOTER SOCIAL - REPARADO *\/\n .k-footer-social { \n display: flex; \n justify-content: center; \n gap: 14px; \n margin-bottom: 36px; \n }\n .k-footer-social a {\n width: 50px; \n height: 50px; \n border-radius: 50%;\n background: rgba(255,255,255,0.05); \n border: 1px solid rgba(255,255,255,0.08);\n display: inline-flex; \n align-items: center; \n justify-content: center; \n color: white;\n text-decoration: none; \n font-size: 1.05rem; \n transition: all 0.4s var(--transition-bounce);\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n .k-footer-social a i {\n pointer-events: none;\n position: relative;\n z-index: 2;\n }\n .k-footer-social a:hover { \n background: var(--pink) !important; \n border-color: var(--pink) !important; \n color: white !important;\n transform: translateY(-5px) scale(1.12) !important; \n box-shadow: 0 10px 30px rgba(216,3,90,0.3) !important; \n }\n .k-footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.05); padding-top: 24px;\n color: rgba(255,255,255,0.25); font-size: 0.78rem;\n }\n .k-footer-bottom a { \n color: rgba(255,255,255,0.35); \n text-decoration: none; \n transition: all 0.3s ease; \n display: inline-block; \n }\n .k-footer-bottom a:hover { \n color: var(--gold) !important; \n transform: translateY(-1px) !important; \n }\n\n \/* ===== WHATSAPP ===== *\/\n .k-wa {\n position: fixed; bottom: 28px; left: 28px; width: 64px; height: 64px;\n background: linear-gradient(135deg, #FFCE00, #E6B800); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--navy); font-size: 1.9rem; text-decoration: none;\n box-shadow: 0 8px 30px rgba(255,206,0,0.35), 0 0 0 4px rgba(255,206,0,0.1); z-index: 998;\n transition: all 0.4s var(--transition-bounce);\n }\n .k-wa::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n border: 2px solid rgba(255,206,0,0.2);\n animation: pulse-glow 2.5s infinite;\n }\n .k-wa:hover { \n transform: scale(1.15) rotate(-5deg) !important; \n box-shadow: 0 12px 40px rgba(255,206,0,0.45), 0 0 0 6px rgba(255,206,0,0.15) !important;\n background: linear-gradient(135deg, #FFE033, #FFCE00) !important;\n }\n .k-wa:hover::before {\n border-color: rgba(255,206,0,0.4) !important;\n }\n\n \/* ===== CAMINO POPUP ===== *\/\n .k-camino-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.9); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 3000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-camino-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-camino-popup-overlay.active { display: flex; opacity: 1; }\n .k-camino-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 960px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 60px 120px rgba(0,0,0,0.4),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-camino-popup-overlay.active .k-camino-popup { transform: translateY(0) scale(1); }\n .k-camino-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 3; display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-camino-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n .k-camino-popup-header { padding: 44px 44px 0; text-align: center; position: relative; }\n .k-camino-popup-header::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n .k-camino-popup-header h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 2rem; font-weight: 600; color: var(--text); margin-bottom: 10px;\n }\n .k-camino-popup-header h2 em {\n font-style: normal; color: var(--pink);\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; -webkit-background-clip: text;\n -webkit-text-fill-color: transparent; background-clip: text;\n }\n .k-camino-popup-header p { color: var(--text-muted); font-size: 0.98rem; max-width: 560px; margin: 0 auto; line-height: 1.7; }\n .k-camino-routes {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px;\n padding: 32px 44px 44px; max-width: 960px; margin: 0 auto;\n }\n .k-camino-route {\n position: relative; border-radius: var(--radius-sm); overflow: hidden;\n cursor: pointer; box-shadow: var(--shadow-md); transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.05); height: 420px;\n }\n .k-camino-route::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.3) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-camino-route:hover {\n transform: translateY(-10px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n z-index: 2 !important;\n }\n .k-camino-route:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.5) 60%, transparent 100%) !important;\n }\n .k-camino-route img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--transition-smooth); }\n .k-camino-route:hover img { transform: scale(1.1) !important; }\n .k-camino-route-overlay {\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;\n padding: 28px; z-index: 2; transition: all 0.5s ease;\n }\n .k-camino-route-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 5px 14px; border-radius: 20px; font-size: 0.7rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 10px; width: fit-content; letter-spacing: 1px;\n }\n .k-camino-route h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.3rem; font-weight: 600; margin-bottom: 6px;\n }\n .k-camino-route p { color: rgba(255,255,255,0.8); font-size: 0.85rem; line-height: 1.6; margin-bottom: 14px; }\n .k-camino-route-meta { display: flex; gap: 14px; margin-bottom: 16px; }\n .k-camino-route-meta span {\n color: rgba(255,255,255,0.7); font-size: 0.75rem; font-weight: 600;\n display: flex; align-items: center; gap: 5px;\n }\n .k-camino-route-meta span i { color: var(--gold); font-size: 0.7rem; }\n .k-camino-route-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 12px 24px; border-radius: 50px; font-weight: 700; font-size: 0.88rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-camino-route-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 1024px) { .k-camino-routes { grid-template-columns: repeat(2, 1fr); padding: 28px 32px 40px; } }\n @media (max-width: 600px) {\n .k-camino-routes { grid-template-columns: 1fr; padding: 24px 20px 32px; }\n .k-camino-route { height: 360px; }\n .k-camino-popup-header { padding: 32px 24px 0; }\n .k-camino-popup-header h2 { font-size: 1.5rem; }\n }\n\n \/* ===== HOTEL POPUP ===== *\/\n .k-hotel-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.88); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 4000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-hotel-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-hotel-popup-overlay.active { display: flex; opacity: 1; }\n .k-hotel-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 700px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 60px 120px rgba(0,0,0,0.4),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-hotel-popup-overlay.active .k-hotel-popup { transform: translateY(0) scale(1); }\n .k-hotel-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-hotel-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n .k-hotel-popup-img { width: 100%; height: 280px; object-fit: cover; border-radius: var(--radius) var(--radius) 0 0; }\n .k-hotel-popup-body { padding: 36px 40px 40px; }\n .k-hotel-popup-header {\n display: flex; justify-content: space-between; align-items: flex-start;\n margin-bottom: 20px; flex-wrap: wrap; gap: 10px;\n }\n .k-hotel-popup-header h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.6rem; font-weight: 600; color: var(--text);\n }\n .k-hotel-popup-stars { color: var(--gold); font-size: 0.85rem; letter-spacing: 2px; }\n .k-hotel-popup-address {\n display: flex; align-items: center; gap: 8px; color: var(--text-muted);\n font-size: 0.9rem; margin-bottom: 24px;\n }\n .k-hotel-popup-address i { color: var(--pink); }\n .k-hotel-popup-desc {\n color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 24px;\n }\n .k-hotel-popup-amenities {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 24px;\n }\n .k-hotel-popup-amenity {\n display: flex; align-items: center; gap: 10px; padding: 10px 14px;\n background: var(--white); border-radius: 12px; border: 1px solid rgba(0,0,0,0.05);\n font-size: 0.85rem; color: var(--text); font-weight: 500;\n }\n .k-hotel-popup-amenity i {\n width: 28px; height: 28px; border-radius: 8px;\n background: var(--pink-light); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 0.75rem; flex-shrink: 0;\n }\n .k-hotel-popup-actions {\n display: flex; gap: 12px; flex-wrap: wrap;\n }\n .k-hotel-popup-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 14px 28px; border-radius: 50px; font-weight: 700;\n font-size: 0.9rem; transition: all 0.4s var(--transition-bounce);\n cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n text-decoration: none;\n }\n .k-hotel-popup-btn-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; box-shadow: 0 8px 25px rgba(216,3,90,0.3);\n }\n .k-hotel-popup-btn-primary:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 12px 35px rgba(216,3,90,0.4) !important;\n }\n .k-hotel-popup-btn-outline {\n background: transparent; color: var(--text); border: 1.5px solid rgba(0,0,0,0.1);\n }\n .k-hotel-popup-btn-outline:hover {\n background: var(--navy) !important;\n color: white !important;\n border-color: var(--navy) !important;\n transform: translateY(-3px) !important;\n }\n\n @media (max-width: 768px) {\n .k-hotel-popup-img { height: 200px; }\n .k-hotel-popup-body { padding: 24px 24px 32px; }\n .k-hotel-popup-header h3 { font-size: 1.3rem; }\n .k-hotel-popup-amenities { grid-template-columns: 1fr; }\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .k-section { padding: 80px 20px; }\n .k-section-header { margin-bottom: 44px; }\n .k-hero { min-height: 90vh; }\n .k-hero-cta-group { flex-direction: column; width: 100%; }\n .k-hero-cta { width: 100%; justify-content: center; }\n .k-hero-scroll { display: none; }\n }\n\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s var(--transition-smooth); }\n .reveal.active { opacity: 1; transform: translateY(0); }\n .reveal-scale { opacity: 0; transform: scale(0.92); transition: all 0.8s var(--transition-smooth); }\n .reveal-scale.active { opacity: 1; transform: scale(1); }\n<\/style>\n<base target=\"_blank\">\n<\/head>\n<body>\n <div class=\"noise-overlay\"><\/div>\n\n \n <header class=\"k-header\" id=\"header\">\n <a href=\"#inicio\" aria-label=\"Koyote Viajes - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\" alt=\"Koyote Viajes\" class=\"k-logo\" loading=\"eager\">\n <\/a>\n <div class=\"k-header-actions\">\n <button class=\"k-header-btn k-header-btn-outline\" onclick=\"openPopup('popupContacto')\" aria-label=\"Contactar\">\n <i class=\"fas fa-phone\"><\/i> <span class=\"btn-text\">Contactar<\/span>\n <\/button>\n <button class=\"k-header-btn k-header-btn-primary\" onclick=\"openPopup('popupCotizar')\" aria-label=\"Cotizar viaje\">\n <i class=\"fas fa-paper-plane\"><\/i> <span class=\"btn-text\">Cotizar<\/span>\n <\/button>\n \n <button class=\"k-menu-btn\" id=\"menuBtn\" aria-label=\"Men\u00fa\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n <\/header>\n\n \n <nav class=\"k-nav-overlay\" id=\"navOverlay\">\n <div class=\"k-nav-visual\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-scaled.jpg\" alt=\"Koyote Viajes\" loading=\"lazy\">\n <div class=\"k-nav-visual-text\">\n <h3>Adventure<br>is Calling<\/h3>\n <p>Desde Guadalajara hasta el mundo.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-nav-content\">\n <ul class=\"k-nav-links\">\n <li><a href=\"#inicio\" onclick=\"closeMenu()\">Inicio<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"closeMenu()\">Servicios<\/a><\/li>\n <li><a href=\"#destinos\" onclick=\"closeMenu()\">Destinos<\/a><\/li>\n <li><a href=\"#especiales\" onclick=\"closeMenu()\">Cruceros & Disney<\/a><\/li>\n <li><a href=\"#camino\" onclick=\"closeMenu()\">Camino de Santiago<\/a><\/li>\n <li><a href=\"#hoteles\" onclick=\"closeMenu()\">Hoteles Aliados<\/a><\/li>\n <\/ul>\n <div class=\"k-nav-footer\">\n <p>\u00bfNecesitas ayuda?<\/p>\n <a href=\"mailto:hola@koyote.com.mx\">hola@koyote.com.mx<\/a>\n <div class=\"k-nav-social\">\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <section class=\"k-hero\" id=\"inicio\">\n <div class=\"k-hero-slide active\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-scaled.jpg')\" role=\"img\" aria-label=\"Playa tropical paradisiaca\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-scaled.jpg')\" role=\"img\" aria-label=\"Ciudad de M\u00e9xico, M\u00e9xico\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5-scaled.jpg')\" role=\"img\" aria-label=\"Santorini, Grecia\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/6-scaled.jpg')\" role=\"img\" aria-label=\"Paris, Francia\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/7-scaled.jpg')\" role=\"img\" aria-label=\"Tailandia\"><\/div>\n <div class=\"k-hero-overlay\"><\/div>\n <div class=\"k-hero-gradient-mesh\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n\n <div class=\"k-hero-social\">\n <div class=\"k-hero-social-label\">Siguenos<\/div>\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <\/div>\n\n <div class=\"k-hero-content\">\n <div class=\"k-hero-heading\" id=\"heroHeading\">\n <div class=\"k-hero-eyebrow\"><i class=\"fas fa-star\"><\/i> Agencia de Viajes<\/div>\n <h1>Tu proxima aventura<br><em>empieza aqui<\/em><\/h1>\n <p>Todo desde Guadalajara, Jalisco.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-hero-dots\" id=\"heroDots\"><\/div>\n\n <a href=\"#servicios\" class=\"k-hero-scroll\" aria-label=\"Desplazarse hacia abajo\">\n <span>Descubre<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/a>\n <\/section>\n\n \n <div class=\"k-marquee\">\n <div class=\"k-marquee-track\">\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Nacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Internacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Hospedaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Paquetes Vacacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Cruceros<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Disney<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Camino de Santiago<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Tours<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Viajes LGBT+<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Eurotrips<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Seguros de Viaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Traslados VIP<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Nacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Internacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Hospedaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Paquetes Vacacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Cruceros<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Disney<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Camino de Santiago<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Tours<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Viajes LGBT+<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Eurotrips<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Seguros de Viaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Traslados VIP<\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"k-servicios k-section\" id=\"servicios\">\n <div class=\"k-servicios-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Nuestros Servicios<\/span>\n <h2>Viajes disenados<br>para <em>cada momento<\/em><\/h2>\n <p>Haz click en cualquier servicio para cotizar. Desde vuelos sencillos hasta experiencias transformadoras.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-bento-services\">\n <a href=\"https:\/\/koyotetours.com\/\" target=\"_blank\" rel=\"noopener\" class=\"k-bento-item reveal\" style=\"text-decoration: none;\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/Diseno-sin-titulo-74.png\" alt=\"Koyote Tours\" loading=\"lazy\">\n <span class=\"k-bento-number\">01<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\n <h3>Koyote Tours<\/h3>\n <p>Descubre los mejores tours y experiencias guiadas por Jalisco.<\/p>\n <\/div>\n <\/a>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('hospedaje')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1.png\" alt=\"Hospedaje\" loading=\"lazy\">\n <span class=\"k-bento-number\">02<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-hotel\"><\/i><\/div>\n <h3>Hospedaje<\/h3>\n <p>Hoteles, resorts y alojamientos nacionales e internacionales.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('paquetes')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2.png\" alt=\"Paquetes Vacacionales\" loading=\"lazy\">\n <span class=\"k-bento-number\">03<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-umbrella-beach\"><\/i><\/div>\n <h3>Paquetes Vacacionales<\/h3>\n <p>Viajes nacionales, internacionales y circuitos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('vuelos')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-1.png\" alt=\"Vuelos y Transporte\" loading=\"lazy\">\n <span class=\"k-bento-number\">04<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-plane-departure\"><\/i><\/div>\n <h3>Vuelos y Transporte<\/h3>\n <p>Boletos de avion nacionales e internacionales, traslados y renta de vehiculos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('lgbt')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3.png\" alt=\"Viajes LGBT\" loading=\"lazy\">\n <span class=\"k-bento-number\">05<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-rainbow\"><\/i><\/div>\n <h3>Viajes LGBT+<\/h3>\n <p>Viajes LGBT+ por M\u00e9xico y el mundo, con experiencias \u00fanicas, seguras e inclusivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('eurotrips')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4.png\" alt=\"Eurotrips LGBT\" loading=\"lazy\">\n <span class=\"k-bento-number\">06<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-globe-europe\"><\/i><\/div>\n <h3>Eurotrips y m\u00e1s<\/h3>\n <p>Amamos tu itinerario a medida en lo que m\u00e1s te gusta. Europa, Asia, Medio Oriente y m\u00e1s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-destinos k-section\" id=\"destinos\">\n <div class=\"k-destinos-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Destinos Populares<\/span>\n <h2>El mundo te <em>espera<\/em><\/h2>\n <p>Pasa el mouse para descubrir cada destino. Desde playas mexicanas hasta ciudades legendarias.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-destinos-flex\">\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1-3.png\" alt=\"Puerto Vallarta\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">M\u00e9xico<\/span>\n <h3>Puerto Vallarta<\/h3>\n <p>El destino de playa mas cercano a Guadalajara. Malecon, tours, gastronomia y atardeceres inolvidables.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-4.png\" alt=\"CDMX\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">M\u00e9xico<\/span>\n <h3>Ciudad de M\u00e9xico<\/h3>\n <p>La capital cultural de Mexico. Gastronomia mundial, museos, historia y vida nocturna.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-2.png\" alt=\"Europa\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Europa<\/span>\n <h3>Europa<\/h3>\n <p>Londres, Paris, Suiza e Italia en un solo tour. Guia en espanol desde Guadalajara.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-2.png\" alt=\"Rio de Janeiro\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Brasil<\/span>\n <h3>Rio de Janeiro<\/h3>\n <p>Cristo Redentor, playas de Copacabana y el ambiente vibrante de la ciudad maravillosa.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5-1.png\" alt=\"Japon\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Asia<\/span>\n <h3>Jap\u00f3n<\/h3>\n <p>Tokio, Kyoto, Osaka y Monte Fuji. Tradicion milenaria y tecnologia de punta.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-especiales k-section\" id=\"especiales\">\n <div class=\"k-section-inner\" style=\"max-width:1000px;\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Experiencias Magicas<\/span>\n <h2>Cruceros & <em>Disney<\/em><\/h2>\n <p>Experiencias magicas para toda la familia. Desde el Caribe hasta los parques mas famosos.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-especiales-grid\">\n <div class=\"k-especial-card reveal\" onclick=\"openServicePopup('crucero')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1-2.png\" alt=\"Cruceros\" loading=\"lazy\">\n <div class=\"k-especial-overlay\">\n <span class=\"k-especial-tag\">Cruceros<\/span>\n <h3>Cruceros por el Caribe<\/h3>\n <p>Allure of the Seas, Oasis, Symphony. Todo incluido con salidas desde Miami y Orlando.<\/p>\n <span class=\"k-especial-btn\">Cotizar ahora <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-especial-card reveal\" onclick=\"openServicePopup('disney')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-3.png\" alt=\"Disney\" loading=\"lazy\">\n <div class=\"k-especial-overlay\">\n <span class=\"k-especial-tag\">Disney<\/span>\n <h3>Disney World & Disneyland<\/h3>\n <p>Orlando, Paris y California. Paquetes con hotel, boletos y traslados incluidos.<\/p>\n <span class=\"k-especial-btn\">Cotizar ahora <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-camino-concierge k-section\" id=\"camino\">\n <div class=\"k-camino-concierge-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Experiencia Espiritual<\/span>\n <h2>Camino de <em>Santiago<\/em><\/h2>\n <p>La experiencia espiritual y de aventura mas importante de Europa. Vuelo desde Guadalajara incluido.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-camino-wide reveal\" onclick=\"openCaminoPopup()\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-ago-2026-06_47_04-p.m.png\" alt=\"Camino de Santiago\" loading=\"lazy\">\n <div class=\"k-camino-wide-overlay\">\n <span class=\"k-camino-wide-tag\">Vuelo desde Guadalajara incluido<\/span>\n <h3>Camino de Santiago<\/h3>\n <p>Elige tu ruta y vive el Camino de Santiago con todo organizado para disfrutar cada etapa.<\/p>\n <span class=\"k-camino-wide-btn\" onclick=\"event.stopPropagation(); openCaminoPopup();\">\n Ver rutas del Camino <i class=\"fas fa-arrow-right\"><\/i>\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"k-section-header reveal\" style=\"margin-top:90px;\">\n <span class=\"k-section-eyebrow\">Servicio Premium<\/span>\n <h2>Koyote <em>Concierge<\/em><\/h2>\n <p>Elevamos tu experiencia antes, durante y despues de tu viaje.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-concierge-bento\">\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/113.png\" alt=\"Reservas\" loading=\"lazy\">\n <span class=\"k-bento-number\">01<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n <h3>Reservas Exclusivas<\/h3>\n <p>Restaurantes, cenas romanticas, rooftop bars y experiencias gastronomicas.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/109.png\" alt=\"Bienestar\" loading=\"lazy\">\n <span class=\"k-bento-number\">02<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-spa\"><\/i><\/div>\n <h3>Bienestar y Relax<\/h3>\n <p>Spa, masajes, yoga privado y retiros de bienestar en cualquier destino.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/110.png\" alt=\"VIP\" loading=\"lazy\">\n <span class=\"k-bento-number\">03<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\n <h3>Experiencias VIP<\/h3>\n <p>Acceso prioritario a museos, tours privados, catas de vino y eventos exclusivos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/111.png\" alt=\"Asistencia\" loading=\"lazy\">\n <span class=\"k-bento-number\">04<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n <h3>Asistencia 24\/7<\/h3>\n <p>Un asesor personal disponible para resolver cualquier imprevisto durante tu viaje.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/112.png\" alt=\"Traslados\" loading=\"lazy\">\n <span class=\"k-bento-number\">05<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-car\"><\/i><\/div>\n <h3>Traslados Privados<\/h3>\n <p>Transporte ejecutivo desde el aeropuerto hasta tu hotel en cualquier ciudad.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/114.png\" alt=\"Seguros\" loading=\"lazy\">\n <span class=\"k-bento-number\">06<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Seguros de Viaje<\/h3>\n <p>Cobertura completa de asistencia medica, cancelacion y equipaje en todo el mundo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-section k-hoteles\" id=\"hoteles\">\n <div class=\"k-section-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Nuestros Aliados<\/span>\n <h2>Hoteles <em>Aliados<\/em><\/h2>\n <p>Hospedaje seleccionado en las zonas m\u00e1s emblem\u00e1ticas de Guadalajara. Desde lujo contempor\u00e1neo hasta joyas hist\u00f3ricas.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-hoteles-carousel-wrap\">\n <button class=\"k-hotel-nav prev\" onclick=\"scrollHotels(-1)\" aria-label=\"Hoteles anteriores\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <div class=\"k-hoteles-carousel\" id=\"hotelsCarousel\">\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('acueducto')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/12.png\" alt=\"WorldHotels Acueducto\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>WorldHotels Acueducto<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Zona Andares<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('mendoza')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/13.png\" alt=\"Hotel de Mendoza\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel de Mendoza<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro Historico<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('maestranza')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/14.png\" alt=\"Hotel Real Maestranza\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Real Maestranza<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('eklectic')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/15.png\" alt=\"Hotel Boutique Eklektic\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Boutique Eklektic<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Lafayette<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('compostela')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/16.png\" alt=\"Hotel Santiago de Compostela\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Santiago de Compostela<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro Historico<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <button class=\"k-hotel-nav next\" onclick=\"scrollHotels(1)\" aria-label=\"Mas hoteles\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"k-hotel-dots\" id=\"hotelDots\"><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-section k-reviews\" id=\"reviews\">\n <div class=\"k-section-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Opiniones<\/span>\n <h2>Lo que dicen <em>nuestros viajeros<\/em><\/h2>\n <p>Experiencias reales de quienes ya confiaron en Koyote Viajes para sus aventuras.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-reviews-grid\">\n <div class=\"k-review-card reveal\">\n <div class=\"k-review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <p class=\"k-review-text\">\"Increible experiencia con Koyote. Me organizaron todo mi viaje a Europa sin ningun contratiempo. El equipo super atento y profesional. 100% recomendados.\"<\/p>\n <div class=\"k-review-author\">\n <div class=\"k-review-avatar\">M<\/div>\n <div>\n <div class=\"k-review-name\">Maria G.<\/div>\n <div class=\"k-review-verified\"><i class=\"fab fa-google\"><\/i> Resena verificada en Google<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"k-review-cta reveal\">\n <div class=\"k-review-cta-icon\"><i class=\"fab fa-google\"><\/i><\/div>\n <h3>Tu opinion cuenta<\/h3>\n <p>Si ya viajaste con nosotros, dejanos tu resena en Google. Nos ayuda a seguir mejorando y a que mas personas descubran Koyote.<\/p>\n <a href=\"https:\/\/g.page\/r\/Cf42snLwHWY_EBM\/review\" target=\"_blank\" rel=\"noopener\" class=\"k-review-cta-btn\"><i class=\"fas fa-pen\"><\/i> Escribir resena<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"k-footer\">\n <div class=\"k-footer-blob\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\" alt=\"Koyote Viajes\" class=\"k-footer-logo\" loading=\"lazy\">\n <p><strong>Adventure is Calling.<\/strong> Tu pr\u00f3xima aventura comienza aqu\u00ed.<\/p>\n <div class=\"k-footer-social\">\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" aria-label=\"WhatsApp\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"mailto:hola@koyote.com.mx\" aria-label=\"Email\"><i class=\"fas fa-envelope\"><\/i><\/a>\n <\/div>\n <div class=\"k-footer-bottom\">\n <p>© 2026 Koyote. Aquiles Serdan 102, Santa Anita, Tlaquepaque, Jalisco, Mexico. | <a href=\"tel:+523315509681\">+52 33 1550 9681<\/a> | <a href=\"mailto:hola@koyote.com.mx\">hola@koyote.com.mx<\/a><\/p>\n <\/div>\n <\/footer>\n\n \n <a href=\"https:\/\/wa.me\/5213315509681\" class=\"k-wa\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n\n \n <div class=\"k-popup-overlay\" id=\"popupCotizar\" onclick=\"if(event.target===this) closePopup('popupCotizar');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-popup\">\n <button class=\"k-popup-close\" onclick=\"closePopup('popupCotizar');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-popup-header\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <h3 id=\"cotizar-title\">Cotiza tu Viaje<\/h3>\n <p>Elige el tipo de viaje y cuentanos que necesitas. Te respondemos en menos de 24 horas.<\/p>\n <\/div>\n <div class=\"k-popup-body\">\n <div class=\"k-popup-tabs\" role=\"tablist\">\n <button class=\"k-popup-tab active\" data-tab=\"general\" onclick=\"setPopupTab(this, 'general')\" role=\"tab\">General<\/button>\n <button class=\"k-popup-tab\" data-tab=\"vuelos\" onclick=\"setPopupTab(this, 'vuelos')\" role=\"tab\">Vuelos<\/button>\n <button class=\"k-popup-tab\" data-tab=\"hospedaje\" onclick=\"setPopupTab(this, 'hospedaje')\" role=\"tab\">Hospedaje<\/button>\n <button class=\"k-popup-tab\" data-tab=\"nacional\" onclick=\"setPopupTab(this, 'nacional')\" role=\"tab\">Nacional<\/button>\n <button class=\"k-popup-tab\" data-tab=\"internacional\" onclick=\"setPopupTab(this, 'internacional')\" role=\"tab\">Internacional<\/button>\n <button class=\"k-popup-tab\" data-tab=\"crucero\" onclick=\"setPopupTab(this, 'crucero')\" role=\"tab\">Crucero<\/button>\n <button class=\"k-popup-tab\" data-tab=\"disney\" onclick=\"setPopupTab(this, 'disney')\" role=\"tab\">Disney<\/button>\n <button class=\"k-popup-tab\" data-tab=\"camino\" onclick=\"setPopupTab(this, 'camino')\" role=\"tab\">Camino Santiago<\/button>\n <button class=\"k-popup-tab\" data-tab=\"lgbt\" onclick=\"setPopupTab(this, 'lgbt')\" role=\"tab\">LGBT+<\/button>\n <\/div>\n\n <form id=\"formCotizar\" action=\"https:\/\/formsubmit.co\/hola@koyote.com.mx\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nueva cotizacion desde koyote.com.mx\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/koyote.com.mx\/?gracias=1\">\n\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Nombre completo <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"nombre\" class=\"k-popup-control\" placeholder=\"Ej. Juan Carlos Lopez\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Correo electronico <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" name=\"email\" class=\"k-popup-control\" placeholder=\"hola@email.com\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Telefono \/ WhatsApp <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" name=\"telefono\" class=\"k-popup-control\" placeholder=\"+52 33 1234 5678\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Ciudad de origen <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"ciudad\" class=\"k-popup-control\" placeholder=\"Ej. Guadalajara, Jalisco\" required>\n <\/div>\n <\/div>\n\n <div id=\"field-vuelos\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Tipo de vuelo <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_vuelo\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"nacional\">Nacional<\/option>\n <option value=\"internacional\">Internacional<\/option>\n <option value=\"ida-vuelta\">Ida y vuelta<\/option>\n <option value=\"multi\">Multi-destino<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"destino_vuelo\" class=\"k-popup-control\" placeholder=\"A donde vuelas?\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Fecha de salida <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"fecha_salida\" class=\"k-popup-control\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Fecha de regreso<\/label>\n <input type=\"date\" name=\"fecha_regreso\" class=\"k-popup-control\">\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Numero de pasajeros <span class=\"req\">*<\/span><\/label>\n <select name=\"pasajeros\" class=\"k-popup-control\" required>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3-5\">3 - 5<\/option>\n <option value=\"6+\">6+<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Clase preferida<\/label>\n <select name=\"clase\" class=\"k-popup-control\">\n <option value=\"economica\">Economica<\/option>\n <option value=\"premium\">Premium Economy<\/option>\n <option value=\"business\">Business<\/option>\n <option value=\"primera\">Primera Clase<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-hospedaje\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino del hospedaje <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"destino_hospedaje\" class=\"k-popup-control\" placeholder=\"Ciudad o hotel\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tipo de hospedaje <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_hospedaje\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"hotel\">Hotel<\/option>\n <option value=\"resort\">Resort<\/option>\n <option value=\"boutique\">Boutique Hotel<\/option>\n <option value=\"hostal\">Hostal<\/option>\n <option value=\"airbnb\">Airbnb \/ Departamento<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Check-in <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"checkin\" class=\"k-popup-control\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Check-out <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"checkout\" class=\"k-popup-control\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Habitaciones<\/label>\n <select name=\"habitaciones\" class=\"k-popup-control\">\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3+\">3+<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Huespedes<\/label>\n <select name=\"huespedes\" class=\"k-popup-control\">\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3-4\">3 - 4<\/option>\n <option value=\"5+\">5+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-nacional\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino en Mexico <span class=\"req\">*<\/span><\/label>\n <select name=\"destino_mexico\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"cancun\">Cancun \/ Riviera Maya<\/option>\n <option value=\"vallarta\">Puerto Vallarta<\/option>\n <option value=\"cdmx\">CDMX<\/option>\n <option value=\"oaxaca\">Oaxaca<\/option>\n <option value=\"guanajuato\">Guanajuato<\/option>\n <option value=\"san-miguel\">San Miguel de Allende<\/option>\n <option value=\"huatulco\">Huatulco<\/option>\n <option value=\"los-cabos\">Los Cabos<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tipo de transporte <span class=\"req\">*<\/span><\/label>\n <select name=\"transporte\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"avion\">Avion<\/option>\n <option value=\"autobus\">Autobus<\/option>\n <option value=\"auto\">Auto propio<\/option>\n <option value=\"no\">Ya tengo transporte<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-internacional\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino internacional <span class=\"req\">*<\/span><\/label>\n <select name=\"destino_int\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"europa\">Europa<\/option>\n <option value=\"dubai\">Dubai \/ Medio Oriente<\/option>\n <option value=\"japon\">Japon<\/option>\n <option value=\"peru\">Peru<\/option>\n <option value=\"colombia\">Colombia<\/option>\n <option value=\"brasil\">Brasil<\/option>\n <option value=\"turquia\">Turquia<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tienes pasaporte vigente? <span class=\"req\">*<\/span><\/label>\n <select name=\"pasaporte\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"si\">Si, vigente +6 meses<\/option>\n <option value=\"no\">No \/ Vence pronto<\/option>\n <option value=\"tramite\">En tramite<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-crucero\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Crucero de interes <span class=\"req\">*<\/span><\/label>\n <select name=\"crucero\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"caribe\">Caribe<\/option>\n <option value=\"mediterraneo\">Mediterraneo<\/option>\n <option value=\"alaska\">Alaska<\/option>\n <option value=\"europa-norte\">Europa del Norte<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Compania preferida<\/label>\n <select name=\"compania_crucero\" class=\"k-popup-control\">\n <option value=\"\">Cualquiera<\/option>\n <option value=\"royal\">Royal Caribbean<\/option>\n <option value=\"carnival\">Carnival<\/option>\n <option value=\"norwegian\">Norwegian<\/option>\n <option value=\"disney\">Disney Cruise<\/option>\n <option value=\"msc\">MSC<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-disney\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Parque Disney <span class=\"req\">*<\/span><\/label>\n <select name=\"parque_disney\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"orlando\">Disney World Orlando<\/option>\n <option value=\"paris\">Disneyland Paris<\/option>\n <option value=\"california\">Disneyland California<\/option>\n <option value=\"tokyo\">Disney Tokyo<\/option>\n <option value=\"cruise\">Disney Cruise<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Viajas con ninos?<\/label>\n <select name=\"ninos\" class=\"k-popup-control\">\n <option value=\"no\">No<\/option>\n <option value=\"si-1\">Si, 1 nino<\/option>\n <option value=\"si-2\">Si, 2+ ninos<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-camino\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Ruta del Camino <span class=\"req\">*<\/span><\/label>\n <select name=\"ruta_camino\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"frances\">Camino Frances (Sarria \/ Leon)<\/option>\n <option value=\"portugues\">Camino Portugues (Tui \/ Porto)<\/option>\n <option value=\"norte\">Camino del Norte<\/option>\n <option value=\"primitivo\">Camino Primitivo (Oviedo)<\/option>\n <option value=\"ingles\">Camino Ingles (Ferrol)<\/option>\n <option value=\"otro\">Otra \/ No se cual<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Experiencia previa<\/label>\n <select name=\"experiencia\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"primera\">Primera vez<\/option>\n <option value=\"experiencia\">Ya he caminado antes<\/option>\n <option value=\"experto\">Experto \/ Multiples caminos<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Necesitas equipo?<\/label>\n <select name=\"equipo\" class=\"k-popup-control\">\n <option value=\"no\">No, tengo todo<\/option>\n <option value=\"si\">Si, necesito asesoria<\/option>\n <option value=\"parcial\">Solo algunas cosas<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Transporte de mochila?<\/label>\n <select name=\"transporte_mochila\" class=\"k-popup-control\">\n <option value=\"si\">Si, por favor<\/option>\n <option value=\"no\">No, llevo mi mochila<\/option>\n <option value=\"consultar\">Quiero informacion<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-lgbt\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Tipo de viaje LGBT+ <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_lgbt\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"luna-miel\">Luna de miel<\/option>\n <option value=\"boda\">Boda destino<\/option>\n <option value=\"grupal\">Viaje grupal<\/option>\n <option value=\"pareja\">Viaje en pareja<\/option>\n <option value=\"festival\">Festival \/ Evento<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Destino deseado<\/label>\n <input type=\"text\" name=\"destino_lgbt\" class=\"k-popup-control\" placeholder=\"Ej. Puerto Vallarta, Mykonos, Cancun\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Hotel de interes<\/label>\n <select name=\"hotel_interes\" class=\"k-popup-control\" id=\"hotelInteresSelect\">\n <option value=\"\">Ninguno \/ Otro<\/option>\n <option value=\"WorldHotels Acueducto\">WorldHotels Acueducto \u2014 Zona Andares<\/option>\n <option value=\"Hotel de Mendoza\">Hotel de Mendoza \u2014 Centro Historico<\/option>\n <option value=\"Hotel Real Maestranza\">Hotel Real Maestranza \u2014 Centro<\/option>\n <option value=\"Hotel Boutique Eklektic\">Hotel Boutique Eklektic \u2014 Lafayette<\/option>\n <option value=\"Hotel Santiago de Compostela\">Hotel Santiago de Compostela \u2014 Centro Historico<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Fecha aproximada <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"fecha\" class=\"k-popup-control\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Numero de viajeros <span class=\"req\">*<\/span><\/label>\n <select name=\"viajeros\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"1\">1 persona<\/option>\n <option value=\"2\">2 personas<\/option>\n <option value=\"3-5\">3 - 5 personas<\/option>\n <option value=\"6-10\">6 - 10 personas<\/option>\n <option value=\"10+\">Mas de 10<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Hospedaje preferido<\/label>\n <select name=\"hospedaje_pref\" class=\"k-popup-control\">\n <option value=\"\">Cualquiera<\/option>\n <option value=\"3estrellas\">3 estrellas<\/option>\n <option value=\"4estrellas\">4 estrellas<\/option>\n <option value=\"5estrellas\">5 estrellas \/ Lujo<\/option>\n <option value=\"boutique\">Boutique<\/option>\n <option value=\"all-inclusive\">Todo incluido<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Presupuesto aproximado (MXN)<\/label>\n <select name=\"presupuesto\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"10-30\">$10,000 - $30,000<\/option>\n <option value=\"30-60\">$30,000 - $60,000<\/option>\n <option value=\"60-100\">$60,000 - $100,000<\/option>\n <option value=\"100+\">Mas de $100,000<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Como nos conociste?<\/label>\n <select name=\"como_nos_conociste\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"google\">Google<\/option>\n <option value=\"redes\">Redes sociales<\/option>\n <option value=\"recomendacion\">Recomendacion<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Que necesitas? Cuentanos los detalles<\/label>\n <textarea name=\"detalles\" class=\"k-popup-control\" rows=\"3\" placeholder=\"Vuelos, hotel, tours, seguro... Celebras algo especial?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"k-popup-submit\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar cotizacion\n <\/button>\n <\/form>\n\n <div class=\"k-popup-success\" id=\"successCotizar\">\n <i class=\"fas fa-check\"><\/i>\n <h3>Cotizacion enviada!<\/h3>\n <p>Nos pondremos en contacto contigo en menos de 24 horas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-popup-overlay\" id=\"popupContacto\" onclick=\"if(event.target===this) closePopup('popupContacto');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-popup\" style=\"max-width:420px;\">\n <button class=\"k-popup-close\" onclick=\"closePopup('popupContacto');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-popup-header\">\n <i class=\"fas fa-headset\"><\/i>\n <h3 id=\"contacto-title\">Contactanos<\/h3>\n <p>Elige como quieres comunicarte con nosotros.<\/p>\n <\/div>\n <div class=\"k-popup-body\">\n <div class=\"k-contact-grid\">\n <a href=\"tel:+523315509681\" class=\"k-contact-item\" aria-label=\"Llamar\">\n <i class=\"fas fa-phone\"><\/i>\n <h4>Llamar<\/h4>\n <span>+52 33 1550 9681<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" class=\"k-contact-item\" rel=\"noopener\" aria-label=\"WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <h4>WhatsApp<\/h4>\n <span>+52 33 1550 9681<\/span>\n <\/a>\n <a href=\"mailto:hola@koyote.com.mx\" class=\"k-contact-item\" aria-label=\"Email\">\n <i class=\"fas fa-envelope\"><\/i>\n <h4>Email<\/h4>\n <span>hola@koyote.com.mx<\/span>\n <\/a>\n <div class=\"k-contact-item\" onclick=\"openPopup('popupCotizar'); closePopup('popupContacto');\" role=\"button\" tabindex=\"0\" aria-label=\"Formulario\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <h4>Formulario<\/h4>\n <span>Cotiza tu viaje<\/span>\n <\/div>\n <\/div>\n <div style=\"text-align:center; padding-top:16px; border-top:1px solid rgba(0,0,0,0.06); margin-top:8px;\">\n <p style=\"font-size:0.85rem; color:var(--text-muted);\">\n <i class=\"fas fa-map-marker-alt\" style=\"color:var(--pink); margin-right:6px;\"><\/i>\n Aquiles Serdan 102, Santa Anita<br>Tlaquepaque, Jalisco, Mexico\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-camino-popup-overlay\" id=\"popupCamino\" onclick=\"if(event.target===this) closeCaminoPopup();\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-camino-popup\">\n <button class=\"k-camino-popup-close\" onclick=\"closeCaminoPopup();\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-camino-popup-header\">\n <h2 id=\"camino-title\">Elige tu <em>Camino<\/em><\/h2>\n <p>Cuatro rutas legendarias que terminan en la Plaza del Obradoiro. Todos incluyen vuelo desde Guadalajara, guia hispanohablante, hospedaje rural y Compostela oficial.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-camino-routes\">\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('frances')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-1.png\" alt=\"Camino Frances\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Mas popular<\/span>\n <h3>Camino Frances<\/h3>\n <p>La ruta clasica. Desde Sarria o Leon, atraviesa pueblos medievales, vinedos y el emblematico Monte do Gozo.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 5-7 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Moderada<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('portugues')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-1.png\" alt=\"Camino Portugues\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Mas verde<\/span>\n <h3>Camino Portugues<\/h3>\n <p>Desde Tui o Porto, bordea rios, bosques de eucalipto y pazos portugueses. Menos concurrido.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 4-6 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Facil-Moderada<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('norte')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5.png\" alt=\"Camino del Norte\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Costa<\/span>\n <h3>Camino del Norte<\/h3>\n <p>La ruta del Cantabrico. Acantilados, playas salvajes, pintxos vascos y pueblos marineros.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 6-8 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Alta<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('primitivo')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/6.png\" alt=\"Camino Primitivo\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Original<\/span>\n <h3>Camino Primitivo<\/h3>\n <p>El primer camino de la historia. Desde Oviedo, cruza los Picos de Europa con paisajes montanosos.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 5-6 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Alta<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-acueducto\" onclick=\"if(event.target===this) closeHotelPopup('acueducto');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('acueducto');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/21.png\" alt=\"WorldHotels Acueducto\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>WorldHotels Acueducto Guadalajara<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Av. Acueducto 4550, Zona Andares, Guadalajara, Jalisco<\/div>\n <p class=\"k-hotel-popup-desc\">Hotel de lujo en la exclusiva zona de Andares. Cuenta con 108 habitaciones, rooftop dining con vistas panor\u00e1micas, alberca al aire libre y restaurante gourmet. Pet friendly.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> Alberca al aire libre<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante rooftop<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-paw\"><\/i> Pet friendly<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-concierge-bell\"><\/i> Servicio a cuartos<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+528007727081\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'WorldHotels Acueducto'); closeHotelPopup('acueducto');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-mendoza\" onclick=\"if(event.target===this) closeHotelPopup('mendoza');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('mendoza');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/22.png\" alt=\"Hotel de Mendoza\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel de Mendoza<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Venustiano Carranza 16, Centro Hist\u00f3rico, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Icono colonial con 104 habitaciones y suites. Decoraci\u00f3n mexicana tradicional, alberca techada y al aire libre, jacuzzi y el reconocido restaurante La Forja. A pasos de la Catedral y Teatro Degollado.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> 2 albercas<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-hot-tub\"><\/i> Jacuzzi<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante La Forja<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523339425151\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel de Mendoza'); closeHotelPopup('mendoza');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-maestranza\" onclick=\"if(event.target===this) closeHotelPopup('maestranza');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('maestranza');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/23.png\" alt=\"Hotel Real Maestranza\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Real Maestranza<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Francisco I. Madero 161, Centro, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Ubicado a 3 minutos de la Catedral. 78 habitaciones modernas, galer\u00eda de arte, gimnasio, restaurante y bar. Wi-Fi y estacionamiento gratis. Ideal para viajes de negocios y turismo.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante y bar<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-palette\"><\/i> Galer\u00eda de arte<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-briefcase\"><\/i> Centro de negocios<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336158800\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Real Maestranza'); closeHotelPopup('maestranza');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-eklectic\" onclick=\"if(event.target===this) closeHotelPopup('eklectic');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('eklectic');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/24.png\" alt=\"Hotel Boutique Ekl\u00e9ctic\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Boutique Ekl\u00e9ctic<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Av. La Paz 2040, Colonia Lafayette, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Boutique \u00fanico en la zona Lafayette. Dise\u00f1o ecl\u00e9ctico, habitaciones insonorizadas con balc\u00f3n, terraza privada y restaurante mexicano con vistas. A 13 min de Chapultepec. Adults only.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wind\"><\/i> Aire acondicionado<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-volume-mute\"><\/i> Habitaciones insonorizadas<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante mexicano<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-sun\"><\/i> Terraza y balc\u00f3n<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-spa\"><\/i> Steam room<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336158800\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Boutique Eklektic'); closeHotelPopup('eklectic');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-compostela\" onclick=\"if(event.target===this) closeHotelPopup('compostela');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('compostela');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/25.png\" alt=\"Hotel Santiago de Compostela\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Santiago de Compostela<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Calle Col\u00f3n 272-A, Centro Hist\u00f3rico, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Edificio hist\u00f3rico del siglo XIX frente al Templo de Aranzaz\u00fa (Los dos Templos). 95 habitaciones, alberca en rooftop con vistas a la ciudad, piano en vivo por las noches, gimnasio y restaurante. Estacionamiento seguro.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> Alberca rooftop<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-music\"><\/i> Piano en vivo<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante y bar<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336138880\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Santiago de Compostela'); closeHotelPopup('compostela');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ HERO SLIDER\n const heroSlides = document.querySelectorAll('.k-hero-slide');\n const heroHeading = document.getElementById('heroHeading');\n const heroDotsWrap = document.getElementById('heroDots');\n let heroIndex = 0, heroTimer;\n\n heroSlides.forEach((slide, i) => {\n const url = slide.style.backgroundImage.slice(5, -2);\n if (url) { const img = new Image(); img.src = url; }\n const dot = document.createElement('button');\n dot.className = 'k-hero-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Ir a la imagen ' + (i + 1));\n dot.addEventListener('click', () => heroGoTo(i));\n heroDotsWrap.appendChild(dot);\n });\n const heroDots = heroDotsWrap.querySelectorAll('.k-hero-dot');\n\n function heroGoTo(i) {\n heroSlides[heroIndex].classList.remove('active');\n heroDots[heroIndex].classList.remove('active');\n heroIndex = (i + heroSlides.length) % heroSlides.length;\n heroSlides[heroIndex].classList.add('active');\n heroDots[heroIndex].classList.add('active');\n heroHeading.classList.toggle('k-hidden', heroIndex !== 0);\n heroRestart();\n }\n function heroNext() { heroGoTo(heroIndex + 1); }\n function heroPrev() { heroGoTo(heroIndex - 1); }\n function heroRestart() {\n clearInterval(heroTimer);\n heroTimer = setInterval(heroNext, 6500);\n }\n heroRestart();\n\n \/\/ HEADER SCROLL\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) header.classList.add('scrolled');\n else header.classList.remove('scrolled');\n });\n\n \/\/ MEN\u00da HAMBURGUESA\n const menuBtn = document.getElementById('menuBtn');\n const navOverlay = document.getElementById('navOverlay');\n\n menuBtn.addEventListener('click', () => {\n menuBtn.classList.toggle('active');\n navOverlay.classList.toggle('active');\n document.body.style.overflow = navOverlay.classList.contains('active') ? 'hidden' : '';\n });\n\n function closeMenu() {\n menuBtn.classList.remove('active');\n navOverlay.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closeMenu();\n document.querySelectorAll('.k-popup-overlay.active, .k-camino-popup-overlay.active, .k-hotel-popup-overlay.active').forEach(p => p.classList.remove('active'));\n document.body.style.overflow = '';\n }\n });\n\n navOverlay.addEventListener('click', (e) => {\n if (e.target === navOverlay) closeMenu();\n });\n\n \/\/ POPUPS\n function openPopup(id) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n }\n function closePopup(id) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n\n function openServicePopup(serviceType) {\n openPopup('popupCotizar');\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n setTimeout(() => {\n const tab = document.querySelector('.k-popup-tab[data-tab=\"' + serviceType + '\"]');\n if (tab) setPopupTab(tab, serviceType);\n else {\n const generalTab = document.querySelector('.k-popup-tab[data-tab=\"general\"]');\n if (generalTab) setPopupTab(generalTab, 'general');\n }\n }, 100);\n }\n\n function setPopupTab(btn, type) {\n document.querySelectorAll('.k-popup-tab').forEach(t => t.classList.remove('active'));\n btn.classList.add('active');\n ['vuelos', 'hospedaje', 'nacional', 'internacional', 'crucero', 'disney', 'camino', 'lgbt'].forEach(t => {\n const el = document.getElementById('field-' + t);\n if (el) el.style.display = 'none';\n });\n if (type !== 'general') {\n const el = document.getElementById('field-' + type);\n if (el) el.style.display = 'block';\n }\n }\n\n \/\/ CAMINO\n function openCaminoPopup() {\n const popup = document.getElementById('popupCamino');\n if (popup) { popup.classList.add('active'); document.body.style.overflow = 'hidden'; }\n }\n function closeCaminoPopup() {\n const popup = document.getElementById('popupCamino');\n if (popup) { popup.classList.remove('active'); document.body.style.overflow = ''; }\n }\n function selectCaminoRoute(routeValue) {\n closeCaminoPopup();\n setTimeout(() => {\n openPopup('popupCotizar');\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n const caminoTab = document.querySelector('.k-popup-tab[data-tab=\"camino\"]');\n if (caminoTab) setPopupTab(caminoTab, 'camino');\n setTimeout(() => {\n const routeSelect = document.querySelector('#field-camino select[name=\"ruta_camino\"]');\n if (routeSelect) { routeSelect.value = routeValue; routeSelect.dispatchEvent(new Event('change')); }\n }, 150);\n }, 300);\n }\n\n \/\/ SMOOTH SCROLL\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const target = document.querySelector(this.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n });\n });\n\n \/\/ SCROLL REVEAL\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n document.querySelectorAll('.reveal, .reveal-scale').forEach(el => revealObserver.observe(el));\n\n \/\/ ===== HOTEL CAROUSEL - REPARADO =====\n const hotelsCarousel = document.getElementById('hotelsCarousel');\n const hotelDotsContainer = document.getElementById('hotelDots');\n let hotelCurrentPage = 0;\n\n function getVisibleHotels() {\n const width = window.innerWidth;\n if (width <= 480) return 1;\n if (width <= 768) return 2;\n if (width <= 1200) return 3;\n return 4;\n }\n\n function getTotalPages() {\n if (!hotelsCarousel) return 0;\n const cards = hotelsCarousel.querySelectorAll('.k-hotel-card');\n const visible = getVisibleHotels();\n return Math.max(1, Math.ceil(cards.length \/ visible));\n }\n\n function buildHotelDots() {\n if (!hotelDotsContainer) return;\n hotelDotsContainer.innerHTML = '';\n const totalPages = getTotalPages();\n for (let i = 0; i < totalPages; i++) {\n const dot = document.createElement('button');\n dot.className = 'k-hotel-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Pagina ' + (i + 1));\n dot.addEventListener('click', () => goToHotelPage(i));\n hotelDotsContainer.appendChild(dot);\n }\n }\n\n function updateHotelDots() {\n if (!hotelDotsContainer) return;\n const dots = hotelDotsContainer.querySelectorAll('.k-hotel-dot');\n dots.forEach((dot, i) => dot.classList.toggle('active', i === hotelCurrentPage));\n }\n\n function getScrollAmount() {\n if (!hotelsCarousel) return 0;\n const visible = getVisibleHotels();\n const carouselWidth = hotelsCarousel.clientWidth;\n return carouselWidth;\n }\n\n function scrollHotels(direction) {\n if (!hotelsCarousel) return;\n const totalPages = getTotalPages();\n hotelCurrentPage += direction;\n if (hotelCurrentPage < 0) hotelCurrentPage = 0;\n if (hotelCurrentPage >= totalPages) hotelCurrentPage = totalPages - 1;\n \n const amount = getScrollAmount() * hotelCurrentPage;\n hotelsCarousel.scrollTo({ left: amount, behavior: 'smooth' });\n updateHotelDots();\n }\n\n function goToHotelPage(page) {\n if (!hotelsCarousel) return;\n const totalPages = getTotalPages();\n hotelCurrentPage = Math.max(0, Math.min(page, totalPages - 1));\n const amount = getScrollAmount() * hotelCurrentPage;\n hotelsCarousel.scrollTo({ left: amount, behavior: 'smooth' });\n updateHotelDots();\n }\n\n \/\/ Rebuild dots on resize\n let resizeTimer;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(() => {\n hotelCurrentPage = 0;\n if (hotelsCarousel) hotelsCarousel.scrollTo({ left: 0, behavior: 'auto' });\n buildHotelDots();\n }, 250);\n });\n\n \/\/ Init hotel carousel\n if (hotelsCarousel) {\n buildHotelDots();\n }\n\n \/\/ HOTEL POPUPS\n function openHotelPopup(hotel) {\n const popup = document.getElementById('popupHotel-' + hotel);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n }\n function closeHotelPopup(hotel) {\n const popup = document.getElementById('popupHotel-' + hotel);\n if (popup) {\n popup.classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n\n \/\/ OPEN POPUP WITH PRESELECTED HOTEL\n function openPopupWithHotel(id, hotelName) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n const hotelSelect = document.getElementById('hotelInteresSelect');\n if (hotelSelect) {\n hotelSelect.value = hotelName;\n hotelSelect.style.borderColor = 'var(--pink)';\n hotelSelect.style.boxShadow = '0 0 0 4px rgba(216,3,90,0.07)';\n setTimeout(() => {\n hotelSelect.style.borderColor = '';\n hotelSelect.style.boxShadow = '';\n }, 1500);\n }\n const generalTab = document.querySelector('.k-popup-tab[data-tab=\"general\"]');\n if (generalTab) setPopupTab(generalTab, 'general');\n }\n }\n\n \/\/ KEYBOARD SUPPORT\n document.querySelectorAll('.k-bento-item, .k-destino-h, .k-especial-card, .k-camino-route, .k-hotel-card').forEach(el => {\n el.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); el.click(); }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]<\/p>\n","protected":false},"author":1,"featured_media":187,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Home - Koyote | Agencia de Viajes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/koyote.com.mx\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Koyote | Agencia de Viajes\" \/>\n<meta property=\"og:description\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/koyote.com.mx\/\" \/>\n<meta property=\"og:site_name\" content=\"Koyote | Agencia de Viajes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T18:10:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1585\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"54 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/koyote.com.mx\/\",\"url\":\"https:\/\/koyote.com.mx\/\",\"name\":\"Home - Koyote | Agencia de Viajes\",\"isPartOf\":{\"@id\":\"https:\/\/koyote.com.mx\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"datePublished\":\"2026-08-18T20:16:43+00:00\",\"dateModified\":\"2026-08-20T18:10:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/koyote.com.mx\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/koyote.com.mx\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\",\"url\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"contentUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"width\":2560,\"height\":1585},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/koyote.com.mx\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/koyote.com.mx\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/koyote.com.mx\/#website\",\"url\":\"https:\/\/koyote.com.mx\/\",\"name\":\"Koyote | Agencia de Viajes\",\"description\":\"Adventure is Calling \",\"publisher\":{\"@id\":\"https:\/\/koyote.com.mx\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/koyote.com.mx\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/koyote.com.mx\/#organization\",\"name\":\"Koyote | Agencia de Viajes\",\"url\":\"https:\/\/koyote.com.mx\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png\",\"contentUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png\",\"width\":1080,\"height\":1080,\"caption\":\"Koyote | Agencia de Viajes\"},\"image\":{\"@id\":\"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - Koyote | Agencia de Viajes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/koyote.com.mx\/","og_locale":"es_MX","og_type":"article","og_title":"Home - Koyote | Agencia de Viajes","og_description":"Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]","og_url":"https:\/\/koyote.com.mx\/","og_site_name":"Koyote | Agencia de Viajes","article_modified_time":"2026-08-20T18:10:04+00:00","og_image":[{"width":2560,"height":1585,"url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"54 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/koyote.com.mx\/","url":"https:\/\/koyote.com.mx\/","name":"Home - Koyote | Agencia de Viajes","isPartOf":{"@id":"https:\/\/koyote.com.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/koyote.com.mx\/#primaryimage"},"image":{"@id":"https:\/\/koyote.com.mx\/#primaryimage"},"thumbnailUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","datePublished":"2026-08-18T20:16:43+00:00","dateModified":"2026-08-20T18:10:04+00:00","breadcrumb":{"@id":"https:\/\/koyote.com.mx\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/koyote.com.mx\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/koyote.com.mx\/#primaryimage","url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","contentUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","width":2560,"height":1585},{"@type":"BreadcrumbList","@id":"https:\/\/koyote.com.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/koyote.com.mx\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/koyote.com.mx\/#website","url":"https:\/\/koyote.com.mx\/","name":"Koyote | Agencia de Viajes","description":"Adventure is Calling ","publisher":{"@id":"https:\/\/koyote.com.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/koyote.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/koyote.com.mx\/#organization","name":"Koyote | Agencia de Viajes","url":"https:\/\/koyote.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png","contentUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png","width":1080,"height":1080,"caption":"Koyote | Agencia de Viajes"},"image":{"@id":"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":79,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/media\/187"}],"wp:attachment":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago<\/title>\n <meta name=\"description\" content=\"Agencia de viajes en Guadalajara, Jalisco. Especialistas en vuelos, hospedaje, paquetes vacacionales, cruceros por el Caribe, Disney World, Eurotrips y el Camino de Santiago. Cotiza hoy.\">\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n <meta name=\"keywords\" content=\"agencia de viajes Guadalajara, vuelos baratos Guadalajara, paquetes vacacionales, cruceros Caribe, Disney World, Camino de Santiago, tours, hospedaje, viajes LGBT, Eurotrips, agencia viajes Tlaquepaque\">\n <meta name=\"author\" content=\"Koyote Viajes\">\n <meta name=\"geo.region\" content=\"MX-JAL\">\n <meta name=\"geo.placename\" content=\"Guadalajara, Jalisco\">\n <meta name=\"geo.position\" content=\"20.6597;-103.3496\">\n <meta name=\"ICBM\" content=\"20.6597, -103.3496\">\n <link rel=\"canonical\" href=\"https:\/\/koyote.com.mx\/\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1920&q=80\" fetchpriority=\"high\">\n\n <meta property=\"og:locale\" content=\"es_MX\">\n <meta property=\"og:title\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara\">\n <meta property=\"og:description\" content=\"Vuelos, hospedaje, paquetes vacacionales, tours, cruceros, Disney y Camino de Santiago. Todo desde Guadalajara.\">\n <meta property=\"og:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:url\" content=\"https:\/\/koyote.com.mx\/\">\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:site_name\" content=\"Koyote Viajes\">\n\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara\">\n <meta name=\"twitter:description\" content=\"Vuelos, hospedaje, paquetes vacacionales, tours, cruceros, Disney y Camino de Santiago.\">\n <meta name=\"twitter:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\">\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"TravelAgency\",\n \"@id\": \"https:\/\/koyote.com.mx\/#travelagency\",\n \"name\": \"Koyote Viajes\",\n \"image\": \"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"telephone\": \"+52-33-1550-9681\",\n \"email\": \"hola@koyote.com.mx\",\n \"priceRange\": \"$$\",\n \"openingHours\": [\"Mo-Fr 09:00-18:00\", \"Sa 10:00-14:00\"],\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Aquiles Serdan 102\",\n \"addressLocality\": \"Santa Anita, Tlaquepaque\",\n \"addressRegion\": \"Jalisco\",\n \"postalCode\": \"45590\",\n \"addressCountry\": \"MX\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": \"20.6597\",\n \"longitude\": \"-103.3496\"\n },\n \"sameAs\": [\n \"https:\/\/wa.me\/5213315509681\",\n \"https:\/\/www.facebook.com\/koyote.mx\",\n \"https:\/\/www.instagram.com\/koyote.mx\/\",\n \"https:\/\/www.tiktok.com\/@koyote.mx\"\n ],\n \"areaServed\": {\"@type\": \"City\", \"name\": \"Guadalajara\"},\n \"hasOfferCatalog\": {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Servicios de Viaje\",\n \"itemListElement\": [\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Vuelos Nacionales e Internacionales\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Hospedaje y Resorts\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Paquetes Vacacionales\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Cruceros por el Caribe\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Disney World y Disneyland\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Camino de Santiago\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Tours y Experiencias\"}},\n {\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Viajes LGBT+\"}}\n ]\n }\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/koyote.com.mx\/#website\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"name\": \"Koyote Viajes\",\n \"publisher\": {\"@id\": \"https:\/\/koyote.com.mx\/#travelagency\"}\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/koyote.com.mx\/#webpage\",\n \"url\": \"https:\/\/koyote.com.mx\/\",\n \"name\": \"Koyote Viajes | Agencia de Viajes en Guadalajara\",\n \"isPartOf\": {\"@id\": \"https:\/\/koyote.com.mx\/#website\"},\n \"about\": {\"@id\": \"https:\/\/koyote.com.mx\/#travelagency\"},\n \"primaryImageOfPage\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\"\n }\n },\n {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Inicio\", \"item\": \"https:\/\/koyote.com.mx\/\"}\n ]\n },\n {\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Donde esta ubicada Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Koyote Viajes esta ubicada en Aquiles Serdan 102, Santa Anita, Tlaquepaque, Jalisco, Mexico. Atendemos presencialmente y tambien via WhatsApp al +52 33 1550 9681.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Que servicios ofrece Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ofrecemos vuelos nacionales e internacionales, hospedaje, paquetes vacacionales, tours, cruceros por el Caribe, Disney World, Eurotrips, viajes LGBT+ y el Camino de Santiago.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Como puedo cotizar un viaje con Koyote Viajes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Puedes cotizar tu viaje facilmente a traves de nuestro formulario web, por WhatsApp al +52 33 1550 9681, llamando por telefono o enviando un correo a hola@koyote.com.mx.\"\n }\n }\n ]\n }\n ]\n }\n <\/script>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --pink: #D8035A;\n --pink-dark: #A80245;\n --pink-light: #FFF0F5;\n --gold: #FFCE00;\n --gold-dark: #E6B800;\n --navy: #0A0E27;\n --navy-light: #12183A;\n --cream: #FAF7F2;\n --cream-dark: #F0EBE3;\n --white: #ffffff;\n --text: #0F0F1A;\n --text-muted: #6B7280;\n --text-light: #9CA3AF;\n --border: rgba(255,255,255,0.1);\n --shadow-soft: 0 4px 30px rgba(0,0,0,0.05);\n --shadow-md: 0 20px 60px rgba(0,0,0,0.1);\n --shadow-lg: 0 40px 80px rgba(0,0,0,0.15);\n --radius: 28px;\n --radius-sm: 20px;\n --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);\n --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; scroll-padding-top: 90px; }\n body { \n font-family: 'Inter', sans-serif; \n color: var(--text); \n background: var(--cream); \n overflow-x: hidden; \n line-height: 1.6; \n -webkit-font-smoothing: antialiased;\n }\n ::selection { background: var(--pink); color: white; }\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: var(--cream); }\n ::-webkit-scrollbar-thumb { background: var(--pink); border-radius: 10px; }\n\n .noise-overlay {\n position: fixed; inset: 0; z-index: 9999; pointer-events: none;\n opacity: 0.02;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n background-repeat: repeat; background-size: 256px 256px;\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(50px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.92); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(216,3,90,0.4); }\n 50% { box-shadow: 0 0 0 20px rgba(216,3,90,0); }\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n @keyframes text-shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes blob-morph {\n 0%, 100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n 25% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\n 50% { border-radius: 50% 60% 30% 60% \/ 30% 60% 70% 40%; }\n 75% { border-radius: 60% 40% 60% 30% \/ 70% 30% 50% 60%; }\n }\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes scrollBounce {\n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(8px); opacity: 0.6; }\n }\n @keyframes heroZoom {\n from { transform: scale(1.1); }\n to { transform: scale(1.22); }\n }\n\n \/* ===== HEADER CON MENU HAMBURGUESA ===== *\/\n .k-header {\n position: fixed; top: 0; left: 0; width: 100%; z-index: 999;\n padding: 0 40px; \n height: 80px;\n display: flex; justify-content: space-between; align-items: center;\n background: transparent;\n transition: all 0.5s var(--transition-smooth);\n }\n .k-header.scrolled {\n background: var(--navy);\n box-shadow: 0 4px 30px rgba(0,0,0,0.25);\n height: 72px;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n .k-logo { \n height: 44px; \n min-height: 44px;\n max-height: 44px;\n width: auto;\n filter: brightness(0) invert(1);\n }\n .k-header-actions { display: flex; align-items: center; gap: 12px; }\n\n .k-header-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 12px 26px; border-radius: 100px; font-weight: 600; font-size: 0.85rem;\n text-decoration: none; transition: all 0.35s var(--transition-bounce); \n cursor: pointer; border: none;\n font-family: 'Inter', sans-serif; position: relative; overflow: hidden;\n letter-spacing: 0.2px;\n }\n .k-header-btn-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; \n box-shadow: 0 8px 25px rgba(216,3,90,0.3);\n }\n .k-header-btn-primary::before {\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s ease;\n }\n .k-header-btn-primary:hover::before { left: 100% !important; }\n .k-header-btn-primary:hover {\n transform: translateY(-3px) scale(1.03) !important;\n box-shadow: 0 12px 35px rgba(216,3,90,0.4) !important;\n }\n .k-header.scrolled .k-header-btn-primary {\n background: var(--gold); color: var(--navy); \n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n font-weight: 700;\n }\n .k-header.scrolled .k-header-btn-primary:hover {\n background: var(--white) !important;\n color: var(--pink) !important;\n box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;\n }\n .k-header-btn-outline {\n background: rgba(255,255,255,0.1); color: white;\n border: 1.5px solid rgba(255,255,255,0.25); backdrop-filter: blur(10px);\n }\n .k-header-btn-outline:hover {\n background: var(--pink) !important;\n color: white !important;\n border-color: var(--pink) !important;\n transform: translateY(-3px) !important;\n }\n .k-header.scrolled .k-header-btn-outline {\n background: rgba(255,255,255,0.1); color: white; border-color: rgba(255,255,255,0.3);\n }\n .k-header.scrolled .k-header-btn-outline:hover {\n background: white !important;\n color: var(--pink) !important;\n border-color: white !important;\n }\n\n \/* ===== BOT\u00d3N HAMBURGUESA ===== *\/\n .k-menu-btn {\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n backdrop-filter: blur(10px);\n border: 1.5px solid rgba(255,255,255,0.2);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 5px;\n transition: all 0.35s var(--transition-smooth);\n z-index: 1001;\n position: relative;\n margin-left: 4px;\n }\n\n .k-menu-btn:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n transform: scale(1.08) !important;\n }\n\n .k-header.scrolled .k-menu-btn {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n }\n\n .k-header.scrolled .k-menu-btn:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n }\n\n .k-menu-btn span {\n display: block;\n width: 18px;\n height: 2.5px;\n background: white;\n border-radius: 2px;\n transition: all 0.35s var(--transition-smooth);\n }\n\n .k-menu-btn.active span:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n }\n\n .k-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .k-menu-btn.active span:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n }\n\n @media (max-width: 768px) {\n .k-header { padding: 0 20px; height: 72px; }\n .k-header.scrolled { height: 64px; }\n .k-header-btn { padding: 10px 18px; font-size: 0.78rem; }\n .k-header-btn-outline { display: none; }\n .k-menu-btn { width: 42px; height: 42px; }\n .k-menu-btn span { width: 16px; }\n }\n @media (max-width: 480px) {\n .k-header { padding: 0 16px; }\n .k-header-btn { padding: 8px 14px; font-size: 0.7rem; }\n .k-header-btn .btn-text { display: none; }\n .k-header-btn i { font-size: 1rem; }\n }\n\n \/* ===== OVERLAY DEL MEN\u00da ===== *\/\n .k-nav-overlay {\n position: fixed;\n inset: 0;\n background: var(--navy);\n z-index: 1000;\n display: flex;\n opacity: 0;\n visibility: hidden;\n transition: all 0.5s ease;\n }\n\n .k-nav-overlay.active {\n opacity: 1;\n visibility: visible;\n }\n\n \/* ===== COLUMNA IZQUIERDA - IMAGEN ===== *\/\n .k-nav-visual {\n width: 42%;\n height: 100%;\n position: relative;\n overflow: hidden;\n transform: translateX(-30px);\n opacity: 0;\n transition: all 0.6s ease 0.15s;\n }\n\n .k-nav-overlay.active .k-nav-visual {\n transform: translateX(0);\n opacity: 1;\n }\n\n .k-nav-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .k-nav-visual::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, transparent 0%, var(--navy) 100%);\n }\n\n .k-nav-visual-text {\n position: absolute;\n bottom: 50px;\n left: 40px;\n z-index: 2;\n }\n\n .k-nav-visual-text h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: white;\n margin-bottom: 8px;\n }\n\n .k-nav-visual-text p {\n font-size: 0.9rem;\n color: rgba(255,255,255,0.5);\n max-width: 280px;\n }\n\n \/* ===== COLUMNA DERECHA - ENLACES ===== *\/\n .k-nav-content {\n width: 58%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 50px 70px;\n transform: translateX(30px);\n opacity: 0;\n transition: all 0.6s ease 0.25s;\n }\n\n .k-nav-overlay.active .k-nav-content {\n transform: translateX(0);\n opacity: 1;\n }\n\n .k-nav-links {\n list-style: none;\n margin-bottom: 40px;\n }\n\n .k-nav-links li {\n margin-bottom: 5px;\n overflow: hidden;\n }\n\n .k-nav-links a {\n display: inline-block;\n color: white;\n text-decoration: none;\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(1.6rem, 3vw, 2.6rem);\n font-weight: 700;\n padding: 5px 0;\n position: relative;\n transform: translateY(100%);\n opacity: 0;\n transition: all 0.5s ease;\n }\n\n .k-nav-links li:nth-child(1) a { transition-delay: 0.3s; }\n .k-nav-links li:nth-child(2) a { transition-delay: 0.35s; }\n .k-nav-links li:nth-child(3) a { transition-delay: 0.4s; }\n .k-nav-links li:nth-child(4) a { transition-delay: 0.45s; }\n .k-nav-links li:nth-child(5) a { transition-delay: 0.5s; }\n .k-nav-links li:nth-child(6) a { transition-delay: 0.55s; }\n .k-nav-links li:nth-child(7) a { transition-delay: 0.6s; }\n\n .k-nav-overlay.active .k-nav-links a {\n transform: translateY(0);\n opacity: 1;\n }\n\n .k-nav-links a::after {\n content: '';\n position: absolute;\n bottom: 6px;\n left: 0;\n width: 0;\n height: 4px;\n background: var(--pink);\n border-radius: 2px;\n transition: width 0.3s ease;\n }\n\n .k-nav-links a:hover {\n color: var(--pink) !important;\n padding-left: 12px !important;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink)) !important;\n background-size: 200% auto !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n animation: text-shimmer 3s linear infinite !important;\n }\n\n .k-nav-links a:hover::after {\n width: 40px !important;\n }\n\n \/* ===== FOOTER DEL MEN\u00da ===== *\/\n .k-nav-footer {\n border-top: 1px solid rgba(255,255,255,0.08);\n padding-top: 25px;\n }\n\n .k-nav-footer p {\n color: rgba(255,255,255,0.45);\n font-size: 0.85rem;\n margin-bottom: 6px;\n }\n\n .k-nav-footer a {\n color: var(--pink);\n text-decoration: none;\n font-weight: 600;\n }\n\n .k-nav-footer a:hover {\n color: var(--gold) !important;\n text-decoration: underline !important;\n }\n\n .k-nav-social {\n display: flex;\n gap: 10px;\n margin-top: 15px;\n }\n\n .k-nav-social a {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n font-size: 0.9rem;\n transition: all 0.3s var(--transition-smooth);\n }\n\n .k-nav-social a:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important;\n transform: translateY(-3px) scale(1.15) !important;\n }\n\n @media (max-width: 1024px) {\n .k-nav-visual { display: none; }\n .k-nav-content { width: 100%; padding: 40px; }\n }\n @media (max-width: 768px) {\n .k-nav-content { padding: 30px 24px; }\n .k-nav-links a { font-size: 1.6rem; }\n }\n\n \/* ===== HERO ===== *\/\n .k-hero {\n position: relative; min-height: 100vh;\n overflow: hidden; display: flex; align-items: center; justify-content: center;\n background: var(--navy);\n }\n .k-hero-slide {\n position: absolute; inset: 0;\n background-position: center center; background-size: cover; background-repeat: no-repeat;\n opacity: 0; transform: scale(1.1);\n transition: opacity 1.4s ease;\n z-index: 0;\n }\n .k-hero-slide.active {\n opacity: 0.55;\n animation: heroZoom 22s ease-in-out infinite alternate;\n }\n .k-hero-heading {\n transition: opacity 0.7s ease, transform 0.7s ease, visibility 0.7s ease;\n }\n .k-hero-heading.k-hidden {\n opacity: 0; visibility: hidden; transform: translateY(-18px);\n pointer-events: none;\n }\n .k-hero-dots {\n position: absolute; top: 100px; left: 40px;\n z-index: 4; display: flex; gap: 10px; align-items: center;\n animation: fadeInUp 1s ease 1.4s both;\n }\n .k-hero-dot {\n width: 10px; height: 10px; border-radius: 100px; border: none;\n background: rgba(255,255,255,0.28); cursor: pointer; padding: 0;\n transition: all 0.4s ease;\n }\n .k-hero-dot.active { width: 34px; background: var(--gold); }\n .k-hero-dot:hover { background: rgba(255,255,255,0.8) !important; transform: scale(1.2) !important; }\n @media (max-width: 768px) { .k-hero-dots { top: 86px; left: 20px; } }\n .k-hero-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(180deg, rgba(10,14,39,0.2) 0%, rgba(10,14,39,0.6) 50%, rgba(10,14,39,0.95) 100%);\n z-index: 1;\n }\n .k-hero-gradient-mesh {\n position: absolute; inset: 0; z-index: 1; opacity: 0.35;\n background: \n radial-gradient(ellipse at 20% 50%, rgba(216,3,90,0.35) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,206,0,0.2) 0%, transparent 40%),\n radial-gradient(ellipse at 50% 80%, rgba(216,3,90,0.2) 0%, transparent 50%);\n animation: gradient-shift 18s ease infinite; background-size: 200% 200%;\n }\n .k-hero-blob {\n position: absolute; z-index: 1; opacity: 0.12; filter: blur(70px);\n animation: blob-morph 14s ease-in-out infinite;\n }\n .k-hero-blob:nth-child(1) { width: 550px; height: 550px; background: var(--pink); top: -180px; right: -120px; animation-delay: 0s; }\n .k-hero-blob:nth-child(2) { width: 450px; height: 450px; background: var(--gold); bottom: -120px; left: -80px; animation-delay: 5s; }\n .k-hero-blob:nth-child(3) { width: 350px; height: 350px; background: var(--pink); top: 35%; left: 55%; animation-delay: 10s; }\n\n .k-hero-content {\n position: relative; z-index: 2; text-align: center;\n max-width: 850px; padding: 0 30px;\n }\n .k-hero-eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(255,206,0,0.12); border: 1px solid rgba(255,206,0,0.25); color: var(--gold);\n padding: 10px 24px; border-radius: 100px; font-size: 0.75rem; font-weight: 700;\n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 32px;\n backdrop-filter: blur(10px); animation: fadeInUp 0.7s ease 0.2s both;\n }\n .k-hero h1 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(2.8rem, 6.5vw, 5.5rem); font-weight: 700; line-height: 1.05;\n color: white; margin-bottom: 24px; animation: fadeInUp 0.9s ease 0.4s both;\n letter-spacing: -0.03em;\n }\n .k-hero h1 em {\n font-style: normal;\n color: var(--gold);\n background: linear-gradient(90deg, var(--gold), #fff, var(--gold));\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: text-shimmer 5s linear infinite;\n }\n .k-hero p {\n font-size: clamp(1rem, 1.6vw, 1.25rem); color: rgba(255,255,255,0.6);\n margin-bottom: 44px; max-width: 520px; margin-left: auto; margin-right: auto;\n font-weight: 400; line-height: 1.7; animation: fadeInUp 0.9s ease 0.6s both;\n }\n .k-hero-cta-group {\n display: flex; gap: 16px; justify-content: center; align-items: center;\n animation: fadeInUp 1s ease 0.8s both; flex-wrap: wrap;\n }\n .k-hero-cta {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 18px 36px; border-radius: 100px; font-weight: 700; font-size: 1rem;\n text-decoration: none; transition: all 0.4s var(--transition-bounce);\n cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n }\n .k-hero-cta-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; box-shadow: 0 12px 40px rgba(216,3,90,0.35);\n }\n .k-hero-cta-primary:hover {\n transform: translateY(-4px) scale(1.03) !important;\n box-shadow: 0 20px 50px rgba(216,3,90,0.5) !important;\n }\n .k-hero-cta-secondary {\n background: rgba(255,255,255,0.08); color: white;\n border: 1.5px solid rgba(255,255,255,0.2); backdrop-filter: blur(10px);\n }\n .k-hero-cta-secondary:hover {\n background: rgba(255,255,255,0.15) !important;\n border-color: rgba(255,255,255,0.35) !important;\n transform: translateY(-4px) !important;\n }\n\n .k-hero-social {\n position: absolute;\n right: 36px;\n top: 32%;\n transform: translateY(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n gap: 16px;\n align-items: center;\n animation: fadeInUp 1s ease 1s both;\n }\n .k-hero-social::before {\n content: '';\n width: 1px;\n height: 50px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.3));\n }\n .k-hero-social::after {\n content: '';\n width: 1px;\n height: 50px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);\n }\n .k-hero-social a {\n width: 44px; height: 44px; border-radius: 50%;\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);\n display: flex; align-items: center; justify-content: center;\n color: white; text-decoration: none; font-size: 1rem;\n transition: all 0.4s var(--transition-bounce);\n backdrop-filter: blur(10px);\n }\n .k-hero-social a:hover {\n background: var(--gold) !important;\n border-color: var(--gold) !important;\n color: var(--navy) !important;\n transform: translateY(-4px) scale(1.15) !important;\n box-shadow: 0 8px 25px rgba(255,206,0,0.4) !important;\n }\n .k-hero-social-label {\n writing-mode: vertical-rl;\n text-orientation: mixed;\n color: rgba(255,255,255,0.3);\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 3px;\n transform: rotate(180deg);\n }\n\n @media (max-width: 1024px) { .k-hero-social { display: none; } }\n\n .k-hero-scroll {\n position: absolute;\n bottom: 36px;\n left: 0;\n right: 0;\n margin: 0 auto;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: rgba(255,255,255,0.35);\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 4px;\n font-weight: 600;\n animation: fadeInUp 1s ease 1.2s both;\n cursor: pointer;\n transition: color 0.3s ease;\n text-decoration: none;\n width: fit-content;\n }\n .k-hero-scroll:hover { color: var(--gold) !important; transform: translateY(3px) !important; }\n .k-hero-scroll i {\n font-size: 1.2rem;\n animation: scrollBounce 2s ease-in-out infinite;\n }\n\n \/* ===== MARQUEE ===== *\/\n .k-marquee {\n background: var(--navy); padding: 18px 0;\n overflow: hidden; border-top: 1px solid rgba(255,255,255,0.04);\n border-bottom: 1px solid rgba(255,255,255,0.04);\n }\n .k-marquee-track {\n display: flex; width: max-content;\n animation: marquee 35s linear infinite;\n }\n .k-marquee-track:hover { animation-play-state: paused; }\n .k-marquee-item {\n display: flex; align-items: center; gap: 12px;\n padding: 0 36px; color: rgba(255,255,255,0.25);\n font-size: 0.82rem; font-weight: 600;\n text-transform: uppercase; letter-spacing: 2px; white-space: nowrap;\n font-family: 'Space Grotesk', sans-serif;\n }\n .k-marquee-item i { color: var(--gold); font-size: 0.5rem; }\n\n \/* ===== SECCIONES ===== *\/\n .k-section {\n padding: 110px 30px; width: 100%; position: relative; overflow: hidden;\n }\n .k-section-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }\n .k-section-header { margin-bottom: 60px; position: relative; }\n .k-section-header h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 700; color: var(--text);\n margin-bottom: 16px; line-height: 1.1; letter-spacing: -0.03em;\n }\n .k-section-header h2 em {\n font-style: normal;\n color: var(--pink);\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: text-shimmer 6s linear infinite;\n }\n .k-section-header p {\n color: var(--text-muted); font-size: 1.1rem; max-width: 500px;\n font-weight: 400; line-height: 1.7;\n }\n .k-section-eyebrow {\n display: inline-block; color: var(--pink);\n font-size: 0.72rem; font-weight: 700;\n text-transform: uppercase; letter-spacing: 3px; margin-bottom: 14px;\n font-family: 'Inter', sans-serif;\n }\n .k-divider {\n width: 48px; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n border-radius: 3px; margin-top: 18px; position: relative;\n }\n .k-divider::after {\n content: ''; position: absolute; right: -8px; top: 50%;\n transform: translateY(-50%); width: 6px; height: 6px;\n background: var(--gold); border-radius: 50%;\n }\n\n \/* ===== SERVICIOS BENTO ===== *\/\n .k-servicios { background: var(--cream); }\n .k-bento-services {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(3, 280px);\n gap: 18px;\n }\n .k-bento-item {\n position: relative; border-radius: var(--radius-sm); overflow: hidden;\n cursor: pointer; box-shadow: var(--shadow-soft);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.04); background: var(--white);\n }\n .k-bento-item::before {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.88) 0%, rgba(10,14,39,0.15) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-bento-item:hover {\n transform: translateY(-8px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n z-index: 2 !important;\n }\n .k-bento-item:hover::before {\n background: linear-gradient(to top, rgba(216,3,90,0.85) 0%, rgba(10,14,39,0.35) 60%, transparent 100%) !important;\n }\n .k-bento-item img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-bento-item:hover img { transform: scale(1.12) !important; }\n .k-bento-content {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 28px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-bento-icon {\n width: 44px; height: 44px; border-radius: 12px;\n background: var(--gold); color: var(--navy);\n display: flex; align-items: center; justify-content: center;\n font-size: 1rem; margin-bottom: 14px;\n transition: all 0.5s var(--transition-bounce); opacity: 0; transform: translateY(12px) scale(0.8);\n }\n .k-bento-item:hover .k-bento-icon { opacity: 1 !important; transform: translateY(0) scale(1) !important; }\n .k-bento-item h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.3rem; font-weight: 600; margin-bottom: 6px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.3); transition: transform 0.4s ease;\n }\n .k-bento-item:hover h3 { transform: translateY(-4px) !important; }\n .k-bento-item p {\n color: rgba(255,255,255,0.75); font-size: 0.85rem; line-height: 1.6;\n opacity: 0; transform: translateY(12px); transition: all 0.5s ease 0.1s;\n }\n .k-bento-item:hover p { opacity: 1 !important; transform: translateY(0) !important; }\n .k-bento-number {\n position: absolute; top: 20px; right: 20px;\n font-family: 'Space Grotesk', sans-serif;\n font-size: 3.5rem; font-weight: 700; color: rgba(255,255,255,0.06);\n line-height: 1; z-index: 2; transition: all 0.5s ease;\n }\n .k-bento-item:hover .k-bento-number { color: rgba(255,255,255,0.12) !important; transform: scale(1.1) !important; }\n\n .k-bento-services .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(2) { grid-column: 3 \/ 4; grid-row: 1 \/ 2; }\n .k-bento-services .k-bento-item:nth-child(3) { grid-column: 4 \/ 5; grid-row: 1 \/ 2; }\n .k-bento-services .k-bento-item:nth-child(4) { grid-column: 3 \/ 5; grid-row: 2 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(5) { grid-column: 1 \/ 3; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(6) { grid-column: 3 \/ 5; grid-row: 3 \/ 4; }\n\n @media (max-width: 1024px) {\n .k-bento-services {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(4, 240px);\n }\n .k-bento-services .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\n .k-bento-services .k-bento-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(3) { grid-column: 2 \/ 3; grid-row: 3 \/ 4; }\n .k-bento-services .k-bento-item:nth-child(4) { grid-column: 1 \/ 3; grid-row: 4 \/ 5; }\n .k-bento-services .k-bento-item:nth-child(5) { grid-column: 1 \/ 2; grid-row: 5 \/ 6; }\n .k-bento-services .k-bento-item:nth-child(6) { grid-column: 2 \/ 3; grid-row: 5 \/ 6; }\n }\n @media (max-width: 600px) {\n .k-bento-services { grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px; }\n .k-bento-services .k-bento-item:nth-child(n) { grid-column: 1 \/ 2; grid-row: auto; height: 300px; }\n .k-bento-item p, .k-bento-icon { opacity: 1; transform: none; }\n }\n\n \/* ===== DESTINOS ===== *\/\n .k-destinos { background: var(--navy); padding: 110px 30px; overflow: hidden; position: relative; }\n .k-destinos::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.25), transparent);\n }\n .k-destinos .k-section-header h2, .k-destinos .k-section-header p { color: white; }\n .k-destinos .k-section-header p { color: rgba(255,255,255,0.45); }\n .k-destinos-flex {\n display: flex; gap: 14px; width: 1280px; height: 520px;\n max-width: 100%; margin: 0 auto; overflow: hidden;\n }\n .k-destino-h {\n position: relative; flex: 1 1 200px; min-width: 170px; height: 100%;\n border-radius: var(--radius-sm); overflow: hidden;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n transition: all 0.7s var(--transition-smooth); border: 1px solid rgba(255,255,255,0.04);\n }\n .k-destino-h:hover {\n flex: 0 0 550px !important;\n border-color: rgba(255,206,0,0.2) !important;\n box-shadow: 0 25px 60px rgba(0,0,0,0.4) !important;\n z-index: 2 !important;\n }\n .k-destino-h img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-destino-h:hover img { transform: scale(1.06) !important; }\n .k-destino-h-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.4) 40%, transparent 100%);\n display: flex; flex-direction: column; justify-content: flex-end; padding: 32px;\n transition: all 0.5s ease;\n }\n .k-destino-h:hover .k-destino-h-overlay {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.5) 60%, transparent 100%) !important;\n }\n .k-destino-h h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.2rem; font-weight: 600; margin-bottom: 6px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4); white-space: nowrap;\n transition: all 0.5s ease;\n }\n .k-destino-h:hover h3 { font-size: 1.7rem !important; margin-bottom: 12px !important; white-space: normal !important; }\n .k-destino-h p {\n color: rgba(255,255,255,0.85); font-size: 0.92rem; line-height: 1.7;\n opacity: 0; max-height: 0; overflow: hidden; transition: all 0.6s ease;\n }\n .k-destino-h:hover p { opacity: 1 !important; max-height: 300px !important; }\n .k-destino-h-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 5px 14px; border-radius: 20px; font-size: 0.7rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 12px; width: fit-content; letter-spacing: 1px;\n }\n .k-destino-h-arrow {\n position: absolute; top: 22px; right: 22px;\n width: 42px; height: 42px; border-radius: 50%;\n background: rgba(255,255,255,0.08); backdrop-filter: blur(10px);\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 0.85rem;\n opacity: 0; transform: translateY(-10px);\n transition: all 0.4s var(--transition-bounce);\n }\n .k-destino-h:hover .k-destino-h-arrow { opacity: 1 !important; transform: translateY(0) !important; }\n\n @media (max-width: 1200px) {\n .k-destinos-flex { width: 100%; height: 600px; }\n .k-destino-h { flex: 1 1 140px; min-width: 130px; }\n .k-destino-h:hover { flex: 0 0 380px !important; }\n }\n @media (max-width: 768px) {\n .k-destinos-flex { flex-direction: column; height: auto; gap: 14px; }\n .k-destino-h { flex: none; width: 100%; height: 200px; }\n .k-destino-h:hover { flex: none !important; width: 100% !important; height: 320px !important; }\n .k-destino-h p { opacity: 0; max-height: 0; }\n .k-destino-h:hover p { opacity: 1 !important; max-height: 200px !important; }\n .k-destino-h-arrow { display: none; }\n }\n\n \/* ===== CRUCEROS & DISNEY ===== *\/\n .k-especiales { background: var(--cream); padding: 110px 30px; position: relative; }\n .k-especiales-grid {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px;\n max-width: 1000px; margin: 0 auto;\n }\n .k-especial-card {\n position: relative; border-radius: var(--radius); overflow: hidden;\n height: 460px; cursor: pointer; box-shadow: var(--shadow-md);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.04); text-decoration: none; display: block;\n }\n .k-especial-card::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.92) 0%, rgba(10,14,39,0.3) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-especial-card:hover {\n transform: translateY(-12px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n }\n .k-especial-card:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.88) 0%, rgba(10,14,39,0.4) 60%, transparent 100%) !important;\n }\n .k-especial-card img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-especial-card:hover img { transform: scale(1.1) !important; }\n .k-especial-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 44px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-especial-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 6px 16px; border-radius: 20px; font-size: 0.72rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 14px; width: fit-content; letter-spacing: 1px;\n transition: all 0.4s var(--transition-bounce);\n }\n .k-especial-card:hover .k-especial-tag { background: white !important; transform: scale(1.05) !important; }\n .k-especial-overlay h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;\n letter-spacing: -0.01em;\n }\n .k-especial-overlay p {\n color: rgba(255,255,255,0.8); font-size: 0.98rem; margin-bottom: 24px;\n max-width: 400px; line-height: 1.7;\n }\n .k-especial-btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 15px 32px; border-radius: 100px; font-weight: 700; font-size: 0.92rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-especial-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 10px 30px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 768px) {\n .k-especiales-grid { grid-template-columns: 1fr; max-width: 480px; }\n .k-especial-card { height: 360px; }\n .k-especial-overlay { padding: 28px; }\n .k-especial-overlay h3 { font-size: 1.5rem; }\n }\n\n \/* ===== CAMINO ===== *\/\n .k-camino-concierge { background: var(--navy); padding: 110px 30px; position: relative; }\n .k-camino-concierge::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.2), transparent);\n }\n .k-camino-concierge .k-section-header h2, .k-camino-concierge .k-section-header p { color: white; }\n .k-camino-concierge .k-section-header p { color: rgba(255,255,255,0.45); }\n .k-camino-concierge-inner { max-width: 1280px; margin: 0 auto; }\n\n .k-camino-wide {\n position: relative; border-radius: var(--radius); overflow: hidden;\n height: 520px; cursor: pointer; box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(255,255,255,0.04); margin-bottom: 28px;\n max-width: 1280px; margin-left: auto; margin-right: auto;\n }\n .k-camino-wide::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.45) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-camino-wide:hover {\n transform: translateY(-8px) !important;\n box-shadow: 0 30px 80px rgba(0,0,0,0.4) !important;\n border-color: rgba(255,206,0,0.15) !important;\n }\n .k-camino-wide:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.55) 60%, transparent 100%) !important;\n }\n .k-camino-wide img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.8s var(--transition-smooth);\n }\n .k-camino-wide:hover img { transform: scale(1.05) !important; }\n .k-camino-wide-overlay {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; justify-content: flex-end; padding: 48px;\n z-index: 2; transition: all 0.5s ease;\n }\n .k-camino-wide-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 6px 18px; border-radius: 20px; font-size: 0.75rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 16px; width: fit-content; letter-spacing: 1px;\n }\n .k-camino-wide h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 2.4rem; font-weight: 600; margin-bottom: 12px;\n letter-spacing: -0.02em;\n }\n .k-camino-wide p {\n color: rgba(255,255,255,0.8); font-size: 1.02rem; max-width: 650px;\n line-height: 1.8; margin-bottom: 24px;\n }\n .k-camino-wide-btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 16px 36px; border-radius: 100px; font-weight: 700; font-size: 0.95rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-camino-wide-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 35px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 1024px) {\n .k-camino-wide { height: 420px; }\n .k-camino-wide h3 { font-size: 1.9rem; }\n .k-camino-wide-overlay { padding: 36px; }\n }\n @media (max-width: 768px) {\n .k-camino-wide { height: 380px; }\n .k-camino-wide-overlay { padding: 24px; }\n .k-camino-wide h3 { font-size: 1.6rem; }\n .k-camino-wide p { font-size: 0.92rem; }\n }\n\n \/* ===== CONCIERGE BENTO ===== *\/\n .k-concierge-bento {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(2, 280px);\n gap: 18px; max-width: 1280px; margin: 0 auto;\n }\n .k-concierge-bento .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(2) { grid-column: 3 \/ 4; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(3) { grid-column: 4 \/ 5; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(5) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(6) { grid-column: 3 \/ 5; grid-row: 2 \/ 3; }\n\n @media (max-width: 1024px) {\n .k-concierge-bento {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, 240px);\n }\n .k-concierge-bento .k-bento-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\n .k-concierge-bento .k-bento-item:nth-child(2) { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(3) { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\n .k-concierge-bento .k-bento-item:nth-child(4) { grid-column: 1 \/ 2; grid-row: 3 \/ 4; }\n .k-concierge-bento .k-bento-item:nth-child(5) { grid-column: 2 \/ 3; grid-row: 3 \/ 4; }\n .k-concierge-bento .k-bento-item:nth-child(6) { grid-column: 1 \/ 3; grid-row: 4 \/ 5; }\n }\n @media (max-width: 600px) {\n .k-concierge-bento { grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px; }\n .k-concierge-bento .k-bento-item:nth-child(n) { grid-column: 1 \/ 2; grid-row: auto; height: 280px; }\n }\n\n \/* ===== HOTELES ALIADOS ===== *\/\n .k-hoteles { \n background: linear-gradient(180deg, var(--cream) 0%, #f5f0e8 50%, var(--cream) 100%);\n position: relative;\n overflow: hidden;\n }\n .k-hoteles::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(216,3,90,0.04) 0%, transparent 70%);\n pointer-events: none;\n }\n .k-hoteles::after {\n content: '';\n position: absolute;\n bottom: -80px;\n left: -80px;\n width: 350px;\n height: 350px;\n background: radial-gradient(circle, rgba(255,206,0,0.05) 0%, transparent 70%);\n pointer-events: none;\n }\n .k-hoteles-carousel-wrap {\n position: relative;\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 70px;\n }\n .k-hoteles-carousel {\n display: flex;\n gap: 24px;\n overflow-x: auto;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n padding: 20px 4px 30px 4px;\n }\n .k-hoteles-carousel::-webkit-scrollbar { display: none; }\n .k-hotel-card {\n flex: 0 0 calc(25% - 18px);\n min-width: 270px;\n position: relative;\n border-radius: var(--radius-sm);\n overflow: hidden;\n height: 420px;\n cursor: pointer;\n box-shadow: 0 8px 32px rgba(10,14,39,0.08), 0 2px 8px rgba(10,14,39,0.04);\n transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.03);\n }\n .k-hotel-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--radius-sm);\n padding: 1.5px;\n background: linear-gradient(135deg, rgba(216,3,90,0.15), rgba(255,206,0,0.1), transparent 60%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.5s ease;\n pointer-events: none;\n z-index: 3;\n }\n .k-hotel-card:hover::before { opacity: 1 !important; }\n .k-hotel-card::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.35) 45%, rgba(10,14,39,0.05) 70%, transparent 100%);\n z-index: 1;\n transition: all 0.6s ease;\n }\n .k-hotel-card:hover {\n transform: translateY(-12px) scale(1.015) !important;\n box-shadow: 0 24px 60px rgba(10,14,39,0.15), 0 8px 20px rgba(10,14,39,0.08) !important;\n border-color: rgba(216,3,90,0.08) !important;\n }\n .k-hotel-card:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.88) 0%, rgba(10,14,39,0.5) 50%, rgba(10,14,39,0.1) 75%, transparent 100%) !important;\n }\n .k-hotel-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 1s var(--transition-smooth);\n }\n .k-hotel-card:hover img { transform: scale(1.12) !important; }\n .k-hotel-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 28px;\n z-index: 2;\n transition: all 0.5s ease;\n }\n .k-hotel-card:hover .k-hotel-overlay { padding-bottom: 32px !important; }\n .k-hotel-badge {\n position: absolute;\n top: 18px;\n right: 18px;\n z-index: 2;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n color: white;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.68rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 0;\n transform: translateY(-8px);\n transition: all 0.4s var(--transition-bounce);\n }\n .k-hotel-card:hover .k-hotel-badge {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n .k-hotel-stars {\n color: var(--gold);\n font-size: 0.72rem;\n margin-bottom: 10px;\n letter-spacing: 3px;\n display: flex;\n gap: 3px;\n align-items: center;\n }\n .k-hotel-stars::before {\n content: '';\n display: inline-block;\n width: 20px;\n height: 2px;\n background: var(--gold);\n border-radius: 2px;\n margin-right: 8px;\n opacity: 0.6;\n }\n .k-hotel-overlay h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white;\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 8px;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n line-height: 1.2;\n transition: transform 0.4s ease;\n }\n .k-hotel-card:hover .k-hotel-overlay h3 { transform: translateY(-2px) !important; }\n .k-hotel-overlay > p {\n color: white;\n font-size: 0.82rem;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,0.4);\n }\n .k-hotel-overlay > p i { \n color: var(--gold); \n font-size: 0.75rem; \n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n }\n .k-hotel-overlay .k-hotel-location {\n color: white;\n font-size: 0.82rem;\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,0.4);\n }\n .k-hotel-overlay .k-hotel-location i { \n color: var(--gold); \n font-size: 0.75rem; \n filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n }\n .k-hotel-overlay .k-hotel-desc {\n color: rgba(255,255,255,0.5);\n font-size: 0.78rem;\n line-height: 1.5;\n margin-bottom: 16px;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.5s ease 0.1s;\n }\n .k-hotel-card:hover .k-hotel-overlay .k-hotel-desc {\n max-height: 80px !important;\n opacity: 1 !important;\n }\n .k-hotel-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.82rem;\n background: var(--gold);\n color: var(--navy);\n transition: all 0.4s var(--transition-bounce);\n width: fit-content;\n border: none;\n font-family: 'Inter', sans-serif;\n box-shadow: 0 4px 15px rgba(255,206,0,0.2);\n }\n .k-hotel-card:hover .k-hotel-btn {\n background: white !important;\n color: var(--pink) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(255,255,255,0.25) !important;\n }\n .k-hotel-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: white;\n border: 1px solid rgba(0,0,0,0.06);\n color: var(--text);\n font-size: 0.95rem;\n cursor: pointer;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s var(--transition-bounce);\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n .k-hotel-nav:hover {\n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important;\n transform: translateY(-50%) scale(1.12) !important;\n box-shadow: 0 8px 30px rgba(216,3,90,0.25) !important;\n }\n .k-hotel-nav.prev { left: 0; }\n .k-hotel-nav.next { right: 0; }\n .k-hotel-dots {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 36px;\n }\n .k-hotel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(0,0,0,0.08);\n border: none;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n padding: 0;\n }\n .k-hotel-dot::after {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 50%;\n border: 1.5px solid transparent;\n transition: all 0.4s ease;\n }\n .k-hotel-dot.active {\n background: var(--pink) !important;\n transform: scale(1.4) !important;\n }\n .k-hotel-dot.active::after {\n border-color: rgba(216,3,90,0.2);\n }\n .k-hotel-dot:hover { \n background: var(--pink) !important; \n transform: scale(1.2) !important;\n }\n\n @media (max-width: 1200px) {\n .k-hotel-card { flex: 0 0 calc(33.333% - 16px); min-width: 260px; }\n }\n @media (max-width: 768px) {\n .k-hoteles-carousel-wrap { padding: 0 55px; }\n .k-hotel-card { flex: 0 0 calc(50% - 12px); min-width: 220px; height: 360px; }\n .k-hotel-nav { width: 44px; height: 44px; }\n .k-hotel-overlay { padding: 22px; }\n .k-hotel-overlay h3 { font-size: 1.1rem; }\n }\n @media (max-width: 480px) {\n .k-hoteles-carousel-wrap { padding: 0 50px; }\n .k-hotel-card { flex: 0 0 85%; min-width: 280px; height: 340px; }\n .k-hotel-nav { width: 40px; height: 40px; }\n }\n\n \/* ===== RESE\u00d1AS GOOGLE ===== *\/\n .k-reviews {\n background: linear-gradient(135deg, var(--navy) 0%, #0f1535 100%);\n position: relative;\n overflow: hidden;\n }\n .k-reviews::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(255,206,0,0.25), transparent);\n }\n .k-reviews .k-section-header h2,\n .k-reviews .k-section-header p { color: white; }\n .k-reviews .k-section-header p { color: rgba(255,255,255,0.5); }\n .k-reviews-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n max-width: 1000px;\n margin: 0 auto;\n align-items: center;\n }\n .k-review-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius-sm);\n padding: 36px;\n backdrop-filter: blur(10px);\n transition: all 0.4s var(--transition-smooth);\n }\n .k-review-card:hover {\n background: rgba(255,255,255,0.08) !important;\n border-color: rgba(255,206,0,0.2) !important;\n transform: translateY(-6px) !important;\n }\n .k-review-stars {\n color: var(--gold);\n font-size: 1rem;\n margin-bottom: 16px;\n letter-spacing: 2px;\n }\n .k-review-text {\n color: rgba(255,255,255,0.85);\n font-size: 1.05rem;\n line-height: 1.7;\n margin-bottom: 20px;\n font-style: italic;\n }\n .k-review-author {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .k-review-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--pink), var(--gold));\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 1rem;\n flex-shrink: 0;\n }\n .k-review-name {\n color: white;\n font-weight: 600;\n font-size: 0.95rem;\n }\n .k-review-verified {\n color: rgba(255,255,255,0.4);\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n .k-review-verified i { color: #4285F4; font-size: 0.75rem; }\n .k-review-cta {\n text-align: center;\n padding: 36px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius-sm);\n backdrop-filter: blur(10px);\n }\n .k-review-cta-icon {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: linear-gradient(135deg, #4285F4, #34A853);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.6rem;\n margin: 0 auto 20px;\n box-shadow: 0 8px 25px rgba(66,133,244,0.3);\n }\n .k-review-cta h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .k-review-cta p {\n color: rgba(255,255,255,0.6);\n font-size: 0.95rem;\n margin-bottom: 24px;\n line-height: 1.6;\n }\n .k-review-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 32px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.95rem;\n background: var(--gold);\n color: var(--navy);\n text-decoration: none;\n transition: all 0.4s var(--transition-bounce);\n font-family: 'Inter', sans-serif;\n }\n .k-review-cta-btn:hover {\n background: white !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 10px 30px rgba(255,206,0,0.3) !important;\n }\n\n @media (max-width: 768px) {\n .k-reviews-grid { grid-template-columns: 1fr; }\n .k-review-card { padding: 24px; }\n }\n\n \/* ===== POPUPS ===== *\/\n .k-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.88); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 2000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-popup-overlay.active { display: flex; opacity: 1; }\n .k-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 660px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 50px 100px rgba(0,0,0,0.35),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-popup-overlay.active .k-popup { transform: translateY(0) scale(1); }\n .k-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 3;\n display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); \n box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n\n .k-popup-header { padding: 44px 44px 0; text-align: center; position: relative; }\n .k-popup-header::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n .k-popup-header::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n border-radius: 3px;\n opacity: 0.3;\n }\n .k-popup-header i {\n width: 64px; height: 64px; border-radius: 50%;\n background: linear-gradient(135deg, var(--pink-light), #FFE4ED); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.5rem; margin: 0 auto 18px; box-shadow: 0 8px 25px rgba(216,3,90,0.1);\n }\n .k-popup-header h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.7rem; font-weight: 600; color: var(--text); margin-bottom: 8px;\n }\n .k-popup-header p { color: var(--text-muted); font-size: 0.95rem; }\n\n .k-popup-body { padding: 32px 44px 44px; }\n .k-popup-form-group { margin-bottom: 20px; }\n .k-popup-form-group label {\n display: block; margin-bottom: 8px; font-weight: 600;\n font-size: 0.78rem; color: var(--text); text-transform: uppercase; letter-spacing: 0.6px;\n }\n .k-popup-form-group label .req { color: var(--pink); }\n .k-popup-control {\n width: 100%; padding: 15px 18px; border: 2px solid rgba(0,0,0,0.06);\n border-radius: 14px; font-family: 'Inter', sans-serif; font-size: 0.95rem;\n transition: all 0.3s ease; background: var(--white); color: var(--text);\n }\n .k-popup-control:hover {\n border-color: rgba(216,3,90,0.15) !important;\n }\n .k-popup-control:focus {\n outline: none; border-color: var(--pink) !important; background: white;\n box-shadow: 0 0 0 4px rgba(216,3,90,0.07), 0 4px 12px rgba(216,3,90,0.06) !important;\n }\n .k-popup-control::placeholder { color: #bbb; }\n select.k-popup-control {\n cursor: pointer; appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 16px center; padding-right: 44px;\n }\n textarea.k-popup-control { resize: vertical; min-height: 100px; }\n .k-popup-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .k-popup-submit {\n width: 100%; padding: 18px; margin-top: 12px;\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; border: none; border-radius: 14px; font-family: 'Inter', sans-serif;\n font-size: 1.05rem; font-weight: 700; cursor: pointer; transition: all 0.4s var(--transition-bounce);\n display: flex; align-items: center; justify-content: center; gap: 10px;\n box-shadow: 0 10px 35px rgba(216,3,90,0.3); position: relative; overflow: hidden;\n letter-spacing: 0.3px;\n }\n .k-popup-submit::before {\n content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n transition: left 0.6s ease;\n }\n .k-popup-submit:hover::before { left: 100% !important; }\n .k-popup-submit:hover { transform: translateY(-3px) !important; box-shadow: 0 16px 45px rgba(216,3,90,0.4) !important; }\n\n .k-popup-success {\n display: none; text-align: center; padding: 50px 30px; animation: scaleIn 0.6s ease;\n }\n .k-popup-success i {\n width: 72px; height: 72px; border-radius: 50%;\n background: linear-gradient(135deg, #d4edda, #c3e6cb); color: #155724;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.8rem; margin: 0 auto 20px;\n }\n .k-popup-success h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.5rem; font-weight: 600; color: var(--text); margin-bottom: 8px;\n }\n .k-popup-success p { color: var(--text-muted); font-size: 0.95rem; }\n\n .k-popup-tabs { display: flex; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; }\n .k-popup-tab {\n padding: 10px 18px; border-radius: 50px; font-size: 0.78rem; font-weight: 600;\n cursor: pointer; border: 1.5px solid rgba(0,0,0,0.06); background: var(--white);\n color: var(--text-muted); transition: all 0.3s ease; font-family: 'Inter', sans-serif;\n }\n .k-popup-tab:hover { border-color: var(--pink) !important; color: var(--pink) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(216,3,90,0.08) !important; }\n .k-popup-tab.active {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark)) !important;\n color: white !important;\n border-color: transparent !important;\n box-shadow: 0 6px 20px rgba(216,3,90,0.25) !important;\n transform: translateY(-2px) !important;\n }\n\n @media (max-width: 768px) {\n .k-popup { max-width: 100%; border-radius: var(--radius-sm); }\n .k-popup-body, .k-popup-header { padding-left: 22px; padding-right: 22px; }\n .k-popup-row { grid-template-columns: 1fr; }\n }\n\n \/* ===== CONTACTO POPUP ===== *\/\n .k-contact-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px;\n }\n .k-contact-item {\n background: var(--white); border: 1.5px solid rgba(0,0,0,0.05);\n border-radius: 18px; padding: 26px 18px; text-align: center;\n transition: all 0.4s var(--transition-bounce);\n text-decoration: none; color: var(--text); display: block; cursor: pointer;\n box-shadow: 0 2px 12px rgba(0,0,0,0.03);\n position: relative;\n overflow: hidden;\n }\n .k-contact-item::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold));\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n .k-contact-item:hover::before { opacity: 1 !important; }\n .k-contact-item:hover {\n background: var(--pink-light) !important;\n border-color: var(--pink) !important;\n transform: translateY(-6px) scale(1.02) !important; \n box-shadow: 0 12px 35px rgba(216,3,90,0.1) !important;\n }\n .k-contact-item i {\n width: 48px; height: 48px; border-radius: 14px;\n background: linear-gradient(135deg, var(--pink-light), #FFE4ED); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.2rem; margin: 0 auto 12px; transition: all 0.4s ease;\n }\n .k-contact-item:hover i { background: var(--pink) !important; color: white !important; transform: scale(1.1) rotate(-5deg) !important; }\n .k-contact-item h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; }\n .k-contact-item span { font-size: 0.78rem; color: var(--text-muted); }\n\n @media (max-width: 768px) { .k-contact-grid { grid-template-columns: 1fr; } }\n\n \/* ===== FOOTER ===== *\/\n .k-footer {\n background: var(--navy); color: white; padding: 70px 30px 28px;\n text-align: center; position: relative; overflow: hidden;\n }\n .k-footer::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n }\n .k-footer-blob {\n position: absolute; width: 350px; height: 350px;\n background: var(--pink); opacity: 0.03; filter: blur(70px);\n border-radius: 50%; top: -80px; left: 50%; transform: translateX(-50%);\n }\n .k-footer-logo { \n height: 44px; \n min-height: 44px;\n max-height: 44px;\n width: auto; \n margin-bottom: 20px; \n filter: brightness(0) invert(1); \n opacity: 0.9; \n }\n .k-footer p { color: rgba(255,255,255,0.4); font-size: 0.92rem; margin-bottom: 28px; max-width: 440px; margin-left: auto; margin-right: auto; line-height: 1.7; }\n \n \/* FOOTER SOCIAL - REPARADO *\/\n .k-footer-social { \n display: flex; \n justify-content: center; \n gap: 14px; \n margin-bottom: 36px; \n }\n .k-footer-social a {\n width: 50px; \n height: 50px; \n border-radius: 50%;\n background: rgba(255,255,255,0.05); \n border: 1px solid rgba(255,255,255,0.08);\n display: inline-flex; \n align-items: center; \n justify-content: center; \n color: white;\n text-decoration: none; \n font-size: 1.05rem; \n transition: all 0.4s var(--transition-bounce);\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n .k-footer-social a i {\n pointer-events: none;\n position: relative;\n z-index: 2;\n }\n .k-footer-social a:hover { \n background: var(--pink) !important; \n border-color: var(--pink) !important; \n color: white !important;\n transform: translateY(-5px) scale(1.12) !important; \n box-shadow: 0 10px 30px rgba(216,3,90,0.3) !important; \n }\n .k-footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.05); padding-top: 24px;\n color: rgba(255,255,255,0.25); font-size: 0.78rem;\n }\n .k-footer-bottom a { \n color: rgba(255,255,255,0.35); \n text-decoration: none; \n transition: all 0.3s ease; \n display: inline-block; \n }\n .k-footer-bottom a:hover { \n color: var(--gold) !important; \n transform: translateY(-1px) !important; \n }\n\n \/* ===== WHATSAPP ===== *\/\n .k-wa {\n position: fixed; bottom: 28px; left: 28px; width: 64px; height: 64px;\n background: linear-gradient(135deg, #FFCE00, #E6B800); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--navy); font-size: 1.9rem; text-decoration: none;\n box-shadow: 0 8px 30px rgba(255,206,0,0.35), 0 0 0 4px rgba(255,206,0,0.1); z-index: 998;\n transition: all 0.4s var(--transition-bounce);\n }\n .k-wa::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n border: 2px solid rgba(255,206,0,0.2);\n animation: pulse-glow 2.5s infinite;\n }\n .k-wa:hover { \n transform: scale(1.15) rotate(-5deg) !important; \n box-shadow: 0 12px 40px rgba(255,206,0,0.45), 0 0 0 6px rgba(255,206,0,0.15) !important;\n background: linear-gradient(135deg, #FFE033, #FFCE00) !important;\n }\n .k-wa:hover::before {\n border-color: rgba(255,206,0,0.4) !important;\n }\n\n \/* ===== CAMINO POPUP ===== *\/\n .k-camino-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.9); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 3000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-camino-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-camino-popup-overlay.active { display: flex; opacity: 1; }\n .k-camino-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 960px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 60px 120px rgba(0,0,0,0.4),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-camino-popup-overlay.active .k-camino-popup { transform: translateY(0) scale(1); }\n .k-camino-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 3; display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-camino-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n .k-camino-popup-header { padding: 44px 44px 0; text-align: center; position: relative; }\n .k-camino-popup-header::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n border-radius: var(--radius) var(--radius) 0 0;\n }\n .k-camino-popup-header h2 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 2rem; font-weight: 600; color: var(--text); margin-bottom: 10px;\n }\n .k-camino-popup-header h2 em {\n font-style: normal; color: var(--pink);\n background: linear-gradient(90deg, var(--pink), var(--gold), var(--pink));\n background-size: 200% auto; -webkit-background-clip: text;\n -webkit-text-fill-color: transparent; background-clip: text;\n }\n .k-camino-popup-header p { color: var(--text-muted); font-size: 0.98rem; max-width: 560px; margin: 0 auto; line-height: 1.7; }\n .k-camino-routes {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px;\n padding: 32px 44px 44px; max-width: 960px; margin: 0 auto;\n }\n .k-camino-route {\n position: relative; border-radius: var(--radius-sm); overflow: hidden;\n cursor: pointer; box-shadow: var(--shadow-md); transition: all 0.6s var(--transition-smooth);\n border: 1px solid rgba(0,0,0,0.05); height: 420px;\n }\n .k-camino-route::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,14,39,0.95) 0%, rgba(10,14,39,0.3) 50%, transparent 100%);\n z-index: 1; transition: all 0.5s ease;\n }\n .k-camino-route:hover {\n transform: translateY(-10px) scale(1.02) !important;\n box-shadow: var(--shadow-lg) !important;\n border-color: transparent !important;\n z-index: 2 !important;\n }\n .k-camino-route:hover::after {\n background: linear-gradient(to top, rgba(216,3,90,0.9) 0%, rgba(10,14,39,0.5) 60%, transparent 100%) !important;\n }\n .k-camino-route img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--transition-smooth); }\n .k-camino-route:hover img { transform: scale(1.1) !important; }\n .k-camino-route-overlay {\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;\n padding: 28px; z-index: 2; transition: all 0.5s ease;\n }\n .k-camino-route-tag {\n display: inline-block; background: var(--gold); color: var(--navy);\n padding: 5px 14px; border-radius: 20px; font-size: 0.7rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 10px; width: fit-content; letter-spacing: 1px;\n }\n .k-camino-route h3 {\n font-family: 'Space Grotesk', sans-serif;\n color: white; font-size: 1.3rem; font-weight: 600; margin-bottom: 6px;\n }\n .k-camino-route p { color: rgba(255,255,255,0.8); font-size: 0.85rem; line-height: 1.6; margin-bottom: 14px; }\n .k-camino-route-meta { display: flex; gap: 14px; margin-bottom: 16px; }\n .k-camino-route-meta span {\n color: rgba(255,255,255,0.7); font-size: 0.75rem; font-weight: 600;\n display: flex; align-items: center; gap: 5px;\n }\n .k-camino-route-meta span i { color: var(--gold); font-size: 0.7rem; }\n .k-camino-route-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 12px 24px; border-radius: 50px; font-weight: 700; font-size: 0.88rem;\n background: var(--gold); color: var(--navy); transition: all 0.4s var(--transition-bounce);\n width: fit-content; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n }\n .k-camino-route-btn:hover { background: var(--gold-dark) !important; transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(255,206,0,0.3) !important; }\n\n @media (max-width: 1024px) { .k-camino-routes { grid-template-columns: repeat(2, 1fr); padding: 28px 32px 40px; } }\n @media (max-width: 600px) {\n .k-camino-routes { grid-template-columns: 1fr; padding: 24px 20px 32px; }\n .k-camino-route { height: 360px; }\n .k-camino-popup-header { padding: 32px 24px 0; }\n .k-camino-popup-header h2 { font-size: 1.5rem; }\n }\n\n \/* ===== HOTEL POPUP ===== *\/\n .k-hotel-popup-overlay {\n position: fixed; inset: 0; background: rgba(10,14,39,0.88); backdrop-filter: blur(24px) saturate(1.2);\n z-index: 4000; display: none; justify-content: center; align-items: center;\n padding: 24px; opacity: 0; transition: opacity 0.5s ease;\n }\n .k-hotel-popup-overlay::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 50% 0%, rgba(216,3,90,0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n .k-hotel-popup-overlay.active { display: flex; opacity: 1; }\n .k-hotel-popup {\n background: var(--cream); border-radius: var(--radius); width: 100%; max-width: 700px;\n max-height: 92vh; overflow-y: auto; box-shadow: \n 0 0 0 1px rgba(255,255,255,0.08),\n 0 60px 120px rgba(0,0,0,0.4),\n 0 20px 40px rgba(0,0,0,0.15);\n transform: translateY(50px) scale(0.95); transition: all 0.6s var(--transition-bounce);\n border: 1px solid rgba(0,0,0,0.04); position: relative;\n }\n .k-hotel-popup-overlay.active .k-hotel-popup { transform: translateY(0) scale(1); }\n .k-hotel-popup-close {\n position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%;\n background: var(--white); border: 1px solid rgba(0,0,0,0.06); color: var(--text);\n font-size: 1rem; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center;\n transition: all 0.4s var(--transition-bounce); box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n }\n .k-hotel-popup-close:hover { \n background: var(--pink) !important;\n border-color: var(--pink) !important;\n color: white !important; \n transform: rotate(90deg) scale(1.1) !important; \n box-shadow: 0 8px 25px rgba(216,3,90,0.25) !important;\n }\n .k-hotel-popup-img { width: 100%; height: 280px; object-fit: cover; border-radius: var(--radius) var(--radius) 0 0; }\n .k-hotel-popup-body { padding: 36px 40px 40px; }\n .k-hotel-popup-header {\n display: flex; justify-content: space-between; align-items: flex-start;\n margin-bottom: 20px; flex-wrap: wrap; gap: 10px;\n }\n .k-hotel-popup-header h3 {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 1.6rem; font-weight: 600; color: var(--text);\n }\n .k-hotel-popup-stars { color: var(--gold); font-size: 0.85rem; letter-spacing: 2px; }\n .k-hotel-popup-address {\n display: flex; align-items: center; gap: 8px; color: var(--text-muted);\n font-size: 0.9rem; margin-bottom: 24px;\n }\n .k-hotel-popup-address i { color: var(--pink); }\n .k-hotel-popup-desc {\n color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 24px;\n }\n .k-hotel-popup-amenities {\n display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 24px;\n }\n .k-hotel-popup-amenity {\n display: flex; align-items: center; gap: 10px; padding: 10px 14px;\n background: var(--white); border-radius: 12px; border: 1px solid rgba(0,0,0,0.05);\n font-size: 0.85rem; color: var(--text); font-weight: 500;\n }\n .k-hotel-popup-amenity i {\n width: 28px; height: 28px; border-radius: 8px;\n background: var(--pink-light); color: var(--pink);\n display: flex; align-items: center; justify-content: center;\n font-size: 0.75rem; flex-shrink: 0;\n }\n .k-hotel-popup-actions {\n display: flex; gap: 12px; flex-wrap: wrap;\n }\n .k-hotel-popup-btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 14px 28px; border-radius: 50px; font-weight: 700;\n font-size: 0.9rem; transition: all 0.4s var(--transition-bounce);\n cursor: pointer; border: none; font-family: 'Inter', sans-serif;\n text-decoration: none;\n }\n .k-hotel-popup-btn-primary {\n background: linear-gradient(135deg, var(--pink), var(--pink-dark));\n color: white; box-shadow: 0 8px 25px rgba(216,3,90,0.3);\n }\n .k-hotel-popup-btn-primary:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 12px 35px rgba(216,3,90,0.4) !important;\n }\n .k-hotel-popup-btn-outline {\n background: transparent; color: var(--text); border: 1.5px solid rgba(0,0,0,0.1);\n }\n .k-hotel-popup-btn-outline:hover {\n background: var(--navy) !important;\n color: white !important;\n border-color: var(--navy) !important;\n transform: translateY(-3px) !important;\n }\n\n @media (max-width: 768px) {\n .k-hotel-popup-img { height: 200px; }\n .k-hotel-popup-body { padding: 24px 24px 32px; }\n .k-hotel-popup-header h3 { font-size: 1.3rem; }\n .k-hotel-popup-amenities { grid-template-columns: 1fr; }\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .k-section { padding: 80px 20px; }\n .k-section-header { margin-bottom: 44px; }\n .k-hero { min-height: 90vh; }\n .k-hero-cta-group { flex-direction: column; width: 100%; }\n .k-hero-cta { width: 100%; justify-content: center; }\n .k-hero-scroll { display: none; }\n }\n\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s var(--transition-smooth); }\n .reveal.active { opacity: 1; transform: translateY(0); }\n .reveal-scale { opacity: 0; transform: scale(0.92); transition: all 0.8s var(--transition-smooth); }\n .reveal-scale.active { opacity: 1; transform: scale(1); }\n<\/style>\n<base target=\"_blank\">\n<\/head>\n<body>\n <div class=\"noise-overlay\"><\/div>\n\n \n <header class=\"k-header\" id=\"header\">\n <a href=\"#inicio\" aria-label=\"Koyote Viajes - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\" alt=\"Koyote Viajes\" class=\"k-logo\" loading=\"eager\">\n <\/a>\n <div class=\"k-header-actions\">\n <button class=\"k-header-btn k-header-btn-outline\" onclick=\"openPopup('popupContacto')\" aria-label=\"Contactar\">\n <i class=\"fas fa-phone\"><\/i> <span class=\"btn-text\">Contactar<\/span>\n <\/button>\n <button class=\"k-header-btn k-header-btn-primary\" onclick=\"openPopup('popupCotizar')\" aria-label=\"Cotizar viaje\">\n <i class=\"fas fa-paper-plane\"><\/i> <span class=\"btn-text\">Cotizar<\/span>\n <\/button>\n \n <button class=\"k-menu-btn\" id=\"menuBtn\" aria-label=\"Men\u00fa\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n <\/header>\n\n \n <nav class=\"k-nav-overlay\" id=\"navOverlay\">\n <div class=\"k-nav-visual\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-scaled.jpg\" alt=\"Koyote Viajes\" loading=\"lazy\">\n <div class=\"k-nav-visual-text\">\n <h3>Adventure<br>is Calling<\/h3>\n <p>Desde Guadalajara hasta el mundo.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-nav-content\">\n <ul class=\"k-nav-links\">\n <li><a href=\"#inicio\" onclick=\"closeMenu()\">Inicio<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"closeMenu()\">Servicios<\/a><\/li>\n <li><a href=\"#destinos\" onclick=\"closeMenu()\">Destinos<\/a><\/li>\n <li><a href=\"#especiales\" onclick=\"closeMenu()\">Cruceros & Disney<\/a><\/li>\n <li><a href=\"#camino\" onclick=\"closeMenu()\">Camino de Santiago<\/a><\/li>\n <li><a href=\"#hoteles\" onclick=\"closeMenu()\">Hoteles Aliados<\/a><\/li>\n <\/ul>\n <div class=\"k-nav-footer\">\n <p>\u00bfNecesitas ayuda?<\/p>\n <a href=\"mailto:hola@koyote.com.mx\">hola@koyote.com.mx<\/a>\n <div class=\"k-nav-social\">\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <section class=\"k-hero\" id=\"inicio\">\n <div class=\"k-hero-slide active\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-scaled.jpg')\" role=\"img\" aria-label=\"Playa tropical paradisiaca\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-scaled.jpg')\" role=\"img\" aria-label=\"Ciudad de M\u00e9xico, M\u00e9xico\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5-scaled.jpg')\" role=\"img\" aria-label=\"Santorini, Grecia\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/6-scaled.jpg')\" role=\"img\" aria-label=\"Paris, Francia\"><\/div>\n <div class=\"k-hero-slide\" style=\"background-image:url('https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/7-scaled.jpg')\" role=\"img\" aria-label=\"Tailandia\"><\/div>\n <div class=\"k-hero-overlay\"><\/div>\n <div class=\"k-hero-gradient-mesh\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n <div class=\"k-hero-blob\"><\/div>\n\n <div class=\"k-hero-social\">\n <div class=\"k-hero-social-label\">Siguenos<\/div>\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <\/div>\n\n <div class=\"k-hero-content\">\n <div class=\"k-hero-heading\" id=\"heroHeading\">\n <div class=\"k-hero-eyebrow\"><i class=\"fas fa-star\"><\/i> Agencia de Viajes<\/div>\n <h1>Tu proxima aventura<br><em>empieza aqui<\/em><\/h1>\n <p>Todo desde Guadalajara, Jalisco.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-hero-dots\" id=\"heroDots\"><\/div>\n\n <a href=\"#servicios\" class=\"k-hero-scroll\" aria-label=\"Desplazarse hacia abajo\">\n <span>Descubre<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/a>\n <\/section>\n\n \n <div class=\"k-marquee\">\n <div class=\"k-marquee-track\">\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Nacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Internacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Hospedaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Paquetes Vacacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Cruceros<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Disney<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Camino de Santiago<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Tours<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Viajes LGBT+<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Eurotrips<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Seguros de Viaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Traslados VIP<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Nacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Vuelos Internacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Hospedaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Paquetes Vacacionales<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Cruceros<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Disney<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Camino de Santiago<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Tours<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Viajes LGBT+<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Eurotrips<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Seguros de Viaje<\/div>\n <div class=\"k-marquee-item\"><i class=\"fas fa-circle\"><\/i> Traslados VIP<\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"k-servicios k-section\" id=\"servicios\">\n <div class=\"k-servicios-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Nuestros Servicios<\/span>\n <h2>Viajes disenados<br>para <em>cada momento<\/em><\/h2>\n <p>Haz click en cualquier servicio para cotizar. Desde vuelos sencillos hasta experiencias transformadoras.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-bento-services\">\n <a href=\"https:\/\/koyotetours.com\/\" target=\"_blank\" rel=\"noopener\" class=\"k-bento-item reveal\" style=\"text-decoration: none;\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/Diseno-sin-titulo-74.png\" alt=\"Koyote Tours\" loading=\"lazy\">\n <span class=\"k-bento-number\">01<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\n <h3>Koyote Tours<\/h3>\n <p>Descubre los mejores tours y experiencias guiadas por Jalisco.<\/p>\n <\/div>\n <\/a>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('hospedaje')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1.png\" alt=\"Hospedaje\" loading=\"lazy\">\n <span class=\"k-bento-number\">02<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-hotel\"><\/i><\/div>\n <h3>Hospedaje<\/h3>\n <p>Hoteles, resorts y alojamientos nacionales e internacionales.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('paquetes')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2.png\" alt=\"Paquetes Vacacionales\" loading=\"lazy\">\n <span class=\"k-bento-number\">03<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-umbrella-beach\"><\/i><\/div>\n <h3>Paquetes Vacacionales<\/h3>\n <p>Viajes nacionales, internacionales y circuitos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('vuelos')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-1.png\" alt=\"Vuelos y Transporte\" loading=\"lazy\">\n <span class=\"k-bento-number\">04<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-plane-departure\"><\/i><\/div>\n <h3>Vuelos y Transporte<\/h3>\n <p>Boletos de avion nacionales e internacionales, traslados y renta de vehiculos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('lgbt')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3.png\" alt=\"Viajes LGBT\" loading=\"lazy\">\n <span class=\"k-bento-number\">05<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-rainbow\"><\/i><\/div>\n <h3>Viajes LGBT+<\/h3>\n <p>Viajes LGBT+ por M\u00e9xico y el mundo, con experiencias \u00fanicas, seguras e inclusivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" onclick=\"openServicePopup('eurotrips')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4.png\" alt=\"Eurotrips LGBT\" loading=\"lazy\">\n <span class=\"k-bento-number\">06<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-globe-europe\"><\/i><\/div>\n <h3>Eurotrips y m\u00e1s<\/h3>\n <p>Amamos tu itinerario a medida en lo que m\u00e1s te gusta. Europa, Asia, Medio Oriente y m\u00e1s.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-destinos k-section\" id=\"destinos\">\n <div class=\"k-destinos-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Destinos Populares<\/span>\n <h2>El mundo te <em>espera<\/em><\/h2>\n <p>Pasa el mouse para descubrir cada destino. Desde playas mexicanas hasta ciudades legendarias.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-destinos-flex\">\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1-3.png\" alt=\"Puerto Vallarta\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">M\u00e9xico<\/span>\n <h3>Puerto Vallarta<\/h3>\n <p>El destino de playa mas cercano a Guadalajara. Malecon, tours, gastronomia y atardeceres inolvidables.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-4.png\" alt=\"CDMX\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">M\u00e9xico<\/span>\n <h3>Ciudad de M\u00e9xico<\/h3>\n <p>La capital cultural de Mexico. Gastronomia mundial, museos, historia y vida nocturna.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-2.png\" alt=\"Europa\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Europa<\/span>\n <h3>Europa<\/h3>\n <p>Londres, Paris, Suiza e Italia en un solo tour. Guia en espanol desde Guadalajara.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-2.png\" alt=\"Rio de Janeiro\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Brasil<\/span>\n <h3>Rio de Janeiro<\/h3>\n <p>Cristo Redentor, playas de Copacabana y el ambiente vibrante de la ciudad maravillosa.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-destino-h reveal\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5-1.png\" alt=\"Japon\" loading=\"lazy\">\n <div class=\"k-destino-h-overlay\">\n <span class=\"k-destino-h-tag\">Asia<\/span>\n <h3>Jap\u00f3n<\/h3>\n <p>Tokio, Kyoto, Osaka y Monte Fuji. Tradicion milenaria y tecnologia de punta.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-especiales k-section\" id=\"especiales\">\n <div class=\"k-section-inner\" style=\"max-width:1000px;\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Experiencias Magicas<\/span>\n <h2>Cruceros & <em>Disney<\/em><\/h2>\n <p>Experiencias magicas para toda la familia. Desde el Caribe hasta los parques mas famosos.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-especiales-grid\">\n <div class=\"k-especial-card reveal\" onclick=\"openServicePopup('crucero')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/1-2.png\" alt=\"Cruceros\" loading=\"lazy\">\n <div class=\"k-especial-overlay\">\n <span class=\"k-especial-tag\">Cruceros<\/span>\n <h3>Cruceros por el Caribe<\/h3>\n <p>Allure of the Seas, Oasis, Symphony. Todo incluido con salidas desde Miami y Orlando.<\/p>\n <span class=\"k-especial-btn\">Cotizar ahora <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-especial-card reveal\" onclick=\"openServicePopup('disney')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/2-3.png\" alt=\"Disney\" loading=\"lazy\">\n <div class=\"k-especial-overlay\">\n <span class=\"k-especial-tag\">Disney<\/span>\n <h3>Disney World & Disneyland<\/h3>\n <p>Orlando, Paris y California. Paquetes con hotel, boletos y traslados incluidos.<\/p>\n <span class=\"k-especial-btn\">Cotizar ahora <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-camino-concierge k-section\" id=\"camino\">\n <div class=\"k-camino-concierge-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Experiencia Espiritual<\/span>\n <h2>Camino de <em>Santiago<\/em><\/h2>\n <p>La experiencia espiritual y de aventura mas importante de Europa. Vuelo desde Guadalajara incluido.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-camino-wide reveal\" onclick=\"openCaminoPopup()\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-ago-2026-06_47_04-p.m.png\" alt=\"Camino de Santiago\" loading=\"lazy\">\n <div class=\"k-camino-wide-overlay\">\n <span class=\"k-camino-wide-tag\">Vuelo desde Guadalajara incluido<\/span>\n <h3>Camino de Santiago<\/h3>\n <p>Elige tu ruta y vive el Camino de Santiago con todo organizado para disfrutar cada etapa.<\/p>\n <span class=\"k-camino-wide-btn\" onclick=\"event.stopPropagation(); openCaminoPopup();\">\n Ver rutas del Camino <i class=\"fas fa-arrow-right\"><\/i>\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"k-section-header reveal\" style=\"margin-top:90px;\">\n <span class=\"k-section-eyebrow\">Servicio Premium<\/span>\n <h2>Koyote <em>Concierge<\/em><\/h2>\n <p>Elevamos tu experiencia antes, durante y despues de tu viaje.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-concierge-bento\">\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/113.png\" alt=\"Reservas\" loading=\"lazy\">\n <span class=\"k-bento-number\">01<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n <h3>Reservas Exclusivas<\/h3>\n <p>Restaurantes, cenas romanticas, rooftop bars y experiencias gastronomicas.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/109.png\" alt=\"Bienestar\" loading=\"lazy\">\n <span class=\"k-bento-number\">02<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-spa\"><\/i><\/div>\n <h3>Bienestar y Relax<\/h3>\n <p>Spa, masajes, yoga privado y retiros de bienestar en cualquier destino.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/110.png\" alt=\"VIP\" loading=\"lazy\">\n <span class=\"k-bento-number\">03<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\n <h3>Experiencias VIP<\/h3>\n <p>Acceso prioritario a museos, tours privados, catas de vino y eventos exclusivos.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/111.png\" alt=\"Asistencia\" loading=\"lazy\">\n <span class=\"k-bento-number\">04<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n <h3>Asistencia 24\/7<\/h3>\n <p>Un asesor personal disponible para resolver cualquier imprevisto durante tu viaje.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/112.png\" alt=\"Traslados\" loading=\"lazy\">\n <span class=\"k-bento-number\">05<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-car\"><\/i><\/div>\n <h3>Traslados Privados<\/h3>\n <p>Transporte ejecutivo desde el aeropuerto hasta tu hotel en cualquier ciudad.<\/p>\n <\/div>\n <\/div>\n <div class=\"k-bento-item reveal\" >\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/114.png\" alt=\"Seguros\" loading=\"lazy\">\n <span class=\"k-bento-number\">06<\/span>\n <div class=\"k-bento-content\">\n <div class=\"k-bento-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Seguros de Viaje<\/h3>\n <p>Cobertura completa de asistencia medica, cancelacion y equipaje en todo el mundo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-section k-hoteles\" id=\"hoteles\">\n <div class=\"k-section-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Nuestros Aliados<\/span>\n <h2>Hoteles <em>Aliados<\/em><\/h2>\n <p>Hospedaje seleccionado en las zonas m\u00e1s emblem\u00e1ticas de Guadalajara. Desde lujo contempor\u00e1neo hasta joyas hist\u00f3ricas.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-hoteles-carousel-wrap\">\n <button class=\"k-hotel-nav prev\" onclick=\"scrollHotels(-1)\" aria-label=\"Hoteles anteriores\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <div class=\"k-hoteles-carousel\" id=\"hotelsCarousel\">\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('acueducto')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/12.png\" alt=\"WorldHotels Acueducto\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>WorldHotels Acueducto<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Zona Andares<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('mendoza')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/13.png\" alt=\"Hotel de Mendoza\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel de Mendoza<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro Historico<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('maestranza')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/14.png\" alt=\"Hotel Real Maestranza\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Real Maestranza<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('eklectic')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/15.png\" alt=\"Hotel Boutique Eklektic\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Boutique Eklektic<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Lafayette<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"k-hotel-card reveal\" onclick=\"openHotelPopup('compostela')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/16.png\" alt=\"Hotel Santiago de Compostela\" loading=\"lazy\">\n <div class=\"k-hotel-overlay\">\n <div class=\"k-hotel-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Hotel Santiago de Compostela<\/h3>\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Centro Historico<\/p>\n <span class=\"k-hotel-btn\">Ver hotel <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <button class=\"k-hotel-nav next\" onclick=\"scrollHotels(1)\" aria-label=\"Mas hoteles\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"k-hotel-dots\" id=\"hotelDots\"><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"k-section k-reviews\" id=\"reviews\">\n <div class=\"k-section-inner\">\n <div class=\"k-section-header reveal\">\n <span class=\"k-section-eyebrow\">Opiniones<\/span>\n <h2>Lo que dicen <em>nuestros viajeros<\/em><\/h2>\n <p>Experiencias reales de quienes ya confiaron en Koyote Viajes para sus aventuras.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-reviews-grid\">\n <div class=\"k-review-card reveal\">\n <div class=\"k-review-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <p class=\"k-review-text\">\"Increible experiencia con Koyote. Me organizaron todo mi viaje a Europa sin ningun contratiempo. El equipo super atento y profesional. 100% recomendados.\"<\/p>\n <div class=\"k-review-author\">\n <div class=\"k-review-avatar\">M<\/div>\n <div>\n <div class=\"k-review-name\">Maria G.<\/div>\n <div class=\"k-review-verified\"><i class=\"fab fa-google\"><\/i> Resena verificada en Google<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"k-review-cta reveal\">\n <div class=\"k-review-cta-icon\"><i class=\"fab fa-google\"><\/i><\/div>\n <h3>Tu opinion cuenta<\/h3>\n <p>Si ya viajaste con nosotros, dejanos tu resena en Google. Nos ayuda a seguir mejorando y a que mas personas descubran Koyote.<\/p>\n <a href=\"https:\/\/g.page\/r\/Cf42snLwHWY_EBM\/review\" target=\"_blank\" rel=\"noopener\" class=\"k-review-cta-btn\"><i class=\"fas fa-pen\"><\/i> Escribir resena<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"k-footer\">\n <div class=\"k-footer-blob\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2025\/07\/Diseno-sin-titulo-18.png\" alt=\"Koyote Viajes\" class=\"k-footer-logo\" loading=\"lazy\">\n <p><strong>Adventure is Calling.<\/strong> Tu pr\u00f3xima aventura comienza aqu\u00ed.<\/p>\n <div class=\"k-footer-social\">\n <a href=\"https:\/\/www.facebook.com\/koyote.mx\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/koyote.mx\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@koyote.mx\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" aria-label=\"WhatsApp\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"mailto:hola@koyote.com.mx\" aria-label=\"Email\"><i class=\"fas fa-envelope\"><\/i><\/a>\n <\/div>\n <div class=\"k-footer-bottom\">\n <p>© 2026 Koyote. Aquiles Serdan 102, Santa Anita, Tlaquepaque, Jalisco, Mexico. | <a href=\"tel:+523315509681\">+52 33 1550 9681<\/a> | <a href=\"mailto:hola@koyote.com.mx\">hola@koyote.com.mx<\/a><\/p>\n <\/div>\n <\/footer>\n\n \n <a href=\"https:\/\/wa.me\/5213315509681\" class=\"k-wa\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n\n \n <div class=\"k-popup-overlay\" id=\"popupCotizar\" onclick=\"if(event.target===this) closePopup('popupCotizar');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-popup\">\n <button class=\"k-popup-close\" onclick=\"closePopup('popupCotizar');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-popup-header\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <h3 id=\"cotizar-title\">Cotiza tu Viaje<\/h3>\n <p>Elige el tipo de viaje y cuentanos que necesitas. Te respondemos en menos de 24 horas.<\/p>\n <\/div>\n <div class=\"k-popup-body\">\n <div class=\"k-popup-tabs\" role=\"tablist\">\n <button class=\"k-popup-tab active\" data-tab=\"general\" onclick=\"setPopupTab(this, 'general')\" role=\"tab\">General<\/button>\n <button class=\"k-popup-tab\" data-tab=\"vuelos\" onclick=\"setPopupTab(this, 'vuelos')\" role=\"tab\">Vuelos<\/button>\n <button class=\"k-popup-tab\" data-tab=\"hospedaje\" onclick=\"setPopupTab(this, 'hospedaje')\" role=\"tab\">Hospedaje<\/button>\n <button class=\"k-popup-tab\" data-tab=\"nacional\" onclick=\"setPopupTab(this, 'nacional')\" role=\"tab\">Nacional<\/button>\n <button class=\"k-popup-tab\" data-tab=\"internacional\" onclick=\"setPopupTab(this, 'internacional')\" role=\"tab\">Internacional<\/button>\n <button class=\"k-popup-tab\" data-tab=\"crucero\" onclick=\"setPopupTab(this, 'crucero')\" role=\"tab\">Crucero<\/button>\n <button class=\"k-popup-tab\" data-tab=\"disney\" onclick=\"setPopupTab(this, 'disney')\" role=\"tab\">Disney<\/button>\n <button class=\"k-popup-tab\" data-tab=\"camino\" onclick=\"setPopupTab(this, 'camino')\" role=\"tab\">Camino Santiago<\/button>\n <button class=\"k-popup-tab\" data-tab=\"lgbt\" onclick=\"setPopupTab(this, 'lgbt')\" role=\"tab\">LGBT+<\/button>\n <\/div>\n\n <form id=\"formCotizar\" action=\"https:\/\/formsubmit.co\/hola@koyote.com.mx\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nueva cotizacion desde koyote.com.mx\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/koyote.com.mx\/?gracias=1\">\n\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Nombre completo <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"nombre\" class=\"k-popup-control\" placeholder=\"Ej. Juan Carlos Lopez\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Correo electronico <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" name=\"email\" class=\"k-popup-control\" placeholder=\"hola@email.com\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Telefono \/ WhatsApp <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" name=\"telefono\" class=\"k-popup-control\" placeholder=\"+52 33 1234 5678\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Ciudad de origen <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"ciudad\" class=\"k-popup-control\" placeholder=\"Ej. Guadalajara, Jalisco\" required>\n <\/div>\n <\/div>\n\n <div id=\"field-vuelos\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Tipo de vuelo <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_vuelo\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"nacional\">Nacional<\/option>\n <option value=\"internacional\">Internacional<\/option>\n <option value=\"ida-vuelta\">Ida y vuelta<\/option>\n <option value=\"multi\">Multi-destino<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"destino_vuelo\" class=\"k-popup-control\" placeholder=\"A donde vuelas?\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Fecha de salida <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"fecha_salida\" class=\"k-popup-control\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Fecha de regreso<\/label>\n <input type=\"date\" name=\"fecha_regreso\" class=\"k-popup-control\">\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Numero de pasajeros <span class=\"req\">*<\/span><\/label>\n <select name=\"pasajeros\" class=\"k-popup-control\" required>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3-5\">3 - 5<\/option>\n <option value=\"6+\">6+<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Clase preferida<\/label>\n <select name=\"clase\" class=\"k-popup-control\">\n <option value=\"economica\">Economica<\/option>\n <option value=\"premium\">Premium Economy<\/option>\n <option value=\"business\">Business<\/option>\n <option value=\"primera\">Primera Clase<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-hospedaje\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino del hospedaje <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" name=\"destino_hospedaje\" class=\"k-popup-control\" placeholder=\"Ciudad o hotel\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tipo de hospedaje <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_hospedaje\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"hotel\">Hotel<\/option>\n <option value=\"resort\">Resort<\/option>\n <option value=\"boutique\">Boutique Hotel<\/option>\n <option value=\"hostal\">Hostal<\/option>\n <option value=\"airbnb\">Airbnb \/ Departamento<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Check-in <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"checkin\" class=\"k-popup-control\" required>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Check-out <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"checkout\" class=\"k-popup-control\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Habitaciones<\/label>\n <select name=\"habitaciones\" class=\"k-popup-control\">\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3+\">3+<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Huespedes<\/label>\n <select name=\"huespedes\" class=\"k-popup-control\">\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3-4\">3 - 4<\/option>\n <option value=\"5+\">5+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-nacional\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino en Mexico <span class=\"req\">*<\/span><\/label>\n <select name=\"destino_mexico\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"cancun\">Cancun \/ Riviera Maya<\/option>\n <option value=\"vallarta\">Puerto Vallarta<\/option>\n <option value=\"cdmx\">CDMX<\/option>\n <option value=\"oaxaca\">Oaxaca<\/option>\n <option value=\"guanajuato\">Guanajuato<\/option>\n <option value=\"san-miguel\">San Miguel de Allende<\/option>\n <option value=\"huatulco\">Huatulco<\/option>\n <option value=\"los-cabos\">Los Cabos<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tipo de transporte <span class=\"req\">*<\/span><\/label>\n <select name=\"transporte\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"avion\">Avion<\/option>\n <option value=\"autobus\">Autobus<\/option>\n <option value=\"auto\">Auto propio<\/option>\n <option value=\"no\">Ya tengo transporte<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-internacional\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Destino internacional <span class=\"req\">*<\/span><\/label>\n <select name=\"destino_int\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"europa\">Europa<\/option>\n <option value=\"dubai\">Dubai \/ Medio Oriente<\/option>\n <option value=\"japon\">Japon<\/option>\n <option value=\"peru\">Peru<\/option>\n <option value=\"colombia\">Colombia<\/option>\n <option value=\"brasil\">Brasil<\/option>\n <option value=\"turquia\">Turquia<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Tienes pasaporte vigente? <span class=\"req\">*<\/span><\/label>\n <select name=\"pasaporte\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"si\">Si, vigente +6 meses<\/option>\n <option value=\"no\">No \/ Vence pronto<\/option>\n <option value=\"tramite\">En tramite<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-crucero\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Crucero de interes <span class=\"req\">*<\/span><\/label>\n <select name=\"crucero\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"caribe\">Caribe<\/option>\n <option value=\"mediterraneo\">Mediterraneo<\/option>\n <option value=\"alaska\">Alaska<\/option>\n <option value=\"europa-norte\">Europa del Norte<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Compania preferida<\/label>\n <select name=\"compania_crucero\" class=\"k-popup-control\">\n <option value=\"\">Cualquiera<\/option>\n <option value=\"royal\">Royal Caribbean<\/option>\n <option value=\"carnival\">Carnival<\/option>\n <option value=\"norwegian\">Norwegian<\/option>\n <option value=\"disney\">Disney Cruise<\/option>\n <option value=\"msc\">MSC<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-disney\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Parque Disney <span class=\"req\">*<\/span><\/label>\n <select name=\"parque_disney\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"orlando\">Disney World Orlando<\/option>\n <option value=\"paris\">Disneyland Paris<\/option>\n <option value=\"california\">Disneyland California<\/option>\n <option value=\"tokyo\">Disney Tokyo<\/option>\n <option value=\"cruise\">Disney Cruise<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Viajas con ninos?<\/label>\n <select name=\"ninos\" class=\"k-popup-control\">\n <option value=\"no\">No<\/option>\n <option value=\"si-1\">Si, 1 nino<\/option>\n <option value=\"si-2\">Si, 2+ ninos<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-camino\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Ruta del Camino <span class=\"req\">*<\/span><\/label>\n <select name=\"ruta_camino\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"frances\">Camino Frances (Sarria \/ Leon)<\/option>\n <option value=\"portugues\">Camino Portugues (Tui \/ Porto)<\/option>\n <option value=\"norte\">Camino del Norte<\/option>\n <option value=\"primitivo\">Camino Primitivo (Oviedo)<\/option>\n <option value=\"ingles\">Camino Ingles (Ferrol)<\/option>\n <option value=\"otro\">Otra \/ No se cual<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Experiencia previa<\/label>\n <select name=\"experiencia\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"primera\">Primera vez<\/option>\n <option value=\"experiencia\">Ya he caminado antes<\/option>\n <option value=\"experto\">Experto \/ Multiples caminos<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Necesitas equipo?<\/label>\n <select name=\"equipo\" class=\"k-popup-control\">\n <option value=\"no\">No, tengo todo<\/option>\n <option value=\"si\">Si, necesito asesoria<\/option>\n <option value=\"parcial\">Solo algunas cosas<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Transporte de mochila?<\/label>\n <select name=\"transporte_mochila\" class=\"k-popup-control\">\n <option value=\"si\">Si, por favor<\/option>\n <option value=\"no\">No, llevo mi mochila<\/option>\n <option value=\"consultar\">Quiero informacion<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"field-lgbt\" style=\"display:none;\">\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Tipo de viaje LGBT+ <span class=\"req\">*<\/span><\/label>\n <select name=\"tipo_lgbt\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"luna-miel\">Luna de miel<\/option>\n <option value=\"boda\">Boda destino<\/option>\n <option value=\"grupal\">Viaje grupal<\/option>\n <option value=\"pareja\">Viaje en pareja<\/option>\n <option value=\"festival\">Festival \/ Evento<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Destino deseado<\/label>\n <input type=\"text\" name=\"destino_lgbt\" class=\"k-popup-control\" placeholder=\"Ej. Puerto Vallarta, Mykonos, Cancun\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Hotel de interes<\/label>\n <select name=\"hotel_interes\" class=\"k-popup-control\" id=\"hotelInteresSelect\">\n <option value=\"\">Ninguno \/ Otro<\/option>\n <option value=\"WorldHotels Acueducto\">WorldHotels Acueducto \u2014 Zona Andares<\/option>\n <option value=\"Hotel de Mendoza\">Hotel de Mendoza \u2014 Centro Historico<\/option>\n <option value=\"Hotel Real Maestranza\">Hotel Real Maestranza \u2014 Centro<\/option>\n <option value=\"Hotel Boutique Eklektic\">Hotel Boutique Eklektic \u2014 Lafayette<\/option>\n <option value=\"Hotel Santiago de Compostela\">Hotel Santiago de Compostela \u2014 Centro Historico<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Fecha aproximada <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" name=\"fecha\" class=\"k-popup-control\" required>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Numero de viajeros <span class=\"req\">*<\/span><\/label>\n <select name=\"viajeros\" class=\"k-popup-control\" required>\n <option value=\"\">Selecciona<\/option>\n <option value=\"1\">1 persona<\/option>\n <option value=\"2\">2 personas<\/option>\n <option value=\"3-5\">3 - 5 personas<\/option>\n <option value=\"6-10\">6 - 10 personas<\/option>\n <option value=\"10+\">Mas de 10<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Hospedaje preferido<\/label>\n <select name=\"hospedaje_pref\" class=\"k-popup-control\">\n <option value=\"\">Cualquiera<\/option>\n <option value=\"3estrellas\">3 estrellas<\/option>\n <option value=\"4estrellas\">4 estrellas<\/option>\n <option value=\"5estrellas\">5 estrellas \/ Lujo<\/option>\n <option value=\"boutique\">Boutique<\/option>\n <option value=\"all-inclusive\">Todo incluido<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-row\">\n <div class=\"k-popup-form-group\">\n <label>Presupuesto aproximado (MXN)<\/label>\n <select name=\"presupuesto\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"10-30\">$10,000 - $30,000<\/option>\n <option value=\"30-60\">$30,000 - $60,000<\/option>\n <option value=\"60-100\">$60,000 - $100,000<\/option>\n <option value=\"100+\">Mas de $100,000<\/option>\n <\/select>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Como nos conociste?<\/label>\n <select name=\"como_nos_conociste\" class=\"k-popup-control\">\n <option value=\"\">Selecciona<\/option>\n <option value=\"google\">Google<\/option>\n <option value=\"redes\">Redes sociales<\/option>\n <option value=\"recomendacion\">Recomendacion<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"k-popup-form-group\">\n <label>Que necesitas? Cuentanos los detalles<\/label>\n <textarea name=\"detalles\" class=\"k-popup-control\" rows=\"3\" placeholder=\"Vuelos, hotel, tours, seguro... Celebras algo especial?\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"k-popup-submit\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar cotizacion\n <\/button>\n <\/form>\n\n <div class=\"k-popup-success\" id=\"successCotizar\">\n <i class=\"fas fa-check\"><\/i>\n <h3>Cotizacion enviada!<\/h3>\n <p>Nos pondremos en contacto contigo en menos de 24 horas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-popup-overlay\" id=\"popupContacto\" onclick=\"if(event.target===this) closePopup('popupContacto');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-popup\" style=\"max-width:420px;\">\n <button class=\"k-popup-close\" onclick=\"closePopup('popupContacto');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-popup-header\">\n <i class=\"fas fa-headset\"><\/i>\n <h3 id=\"contacto-title\">Contactanos<\/h3>\n <p>Elige como quieres comunicarte con nosotros.<\/p>\n <\/div>\n <div class=\"k-popup-body\">\n <div class=\"k-contact-grid\">\n <a href=\"tel:+523315509681\" class=\"k-contact-item\" aria-label=\"Llamar\">\n <i class=\"fas fa-phone\"><\/i>\n <h4>Llamar<\/h4>\n <span>+52 33 1550 9681<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/5213315509681\" target=\"_blank\" class=\"k-contact-item\" rel=\"noopener\" aria-label=\"WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <h4>WhatsApp<\/h4>\n <span>+52 33 1550 9681<\/span>\n <\/a>\n <a href=\"mailto:hola@koyote.com.mx\" class=\"k-contact-item\" aria-label=\"Email\">\n <i class=\"fas fa-envelope\"><\/i>\n <h4>Email<\/h4>\n <span>hola@koyote.com.mx<\/span>\n <\/a>\n <div class=\"k-contact-item\" onclick=\"openPopup('popupCotizar'); closePopup('popupContacto');\" role=\"button\" tabindex=\"0\" aria-label=\"Formulario\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <h4>Formulario<\/h4>\n <span>Cotiza tu viaje<\/span>\n <\/div>\n <\/div>\n <div style=\"text-align:center; padding-top:16px; border-top:1px solid rgba(0,0,0,0.06); margin-top:8px;\">\n <p style=\"font-size:0.85rem; color:var(--text-muted);\">\n <i class=\"fas fa-map-marker-alt\" style=\"color:var(--pink); margin-right:6px;\"><\/i>\n Aquiles Serdan 102, Santa Anita<br>Tlaquepaque, Jalisco, Mexico\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-camino-popup-overlay\" id=\"popupCamino\" onclick=\"if(event.target===this) closeCaminoPopup();\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-camino-popup\">\n <button class=\"k-camino-popup-close\" onclick=\"closeCaminoPopup();\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <div class=\"k-camino-popup-header\">\n <h2 id=\"camino-title\">Elige tu <em>Camino<\/em><\/h2>\n <p>Cuatro rutas legendarias que terminan en la Plaza del Obradoiro. Todos incluyen vuelo desde Guadalajara, guia hispanohablante, hospedaje rural y Compostela oficial.<\/p>\n <div class=\"k-divider\"><\/div>\n <\/div>\n <div class=\"k-camino-routes\">\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('frances')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/3-1.png\" alt=\"Camino Frances\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Mas popular<\/span>\n <h3>Camino Frances<\/h3>\n <p>La ruta clasica. Desde Sarria o Leon, atraviesa pueblos medievales, vinedos y el emblematico Monte do Gozo.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 5-7 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Moderada<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('portugues')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/4-1.png\" alt=\"Camino Portugues\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Mas verde<\/span>\n <h3>Camino Portugues<\/h3>\n <p>Desde Tui o Porto, bordea rios, bosques de eucalipto y pazos portugueses. Menos concurrido.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 4-6 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Facil-Moderada<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('norte')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/5.png\" alt=\"Camino del Norte\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Costa<\/span>\n <h3>Camino del Norte<\/h3>\n <p>La ruta del Cantabrico. Acantilados, playas salvajes, pintxos vascos y pueblos marineros.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 6-8 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Alta<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <article class=\"k-camino-route\" onclick=\"selectCaminoRoute('primitivo')\" role=\"button\" tabindex=\"0\">\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/6.png\" alt=\"Camino Primitivo\" loading=\"lazy\">\n <div class=\"k-camino-route-overlay\">\n <span class=\"k-camino-route-tag\">Original<\/span>\n <h3>Camino Primitivo<\/h3>\n <p>El primer camino de la historia. Desde Oviedo, cruza los Picos de Europa con paisajes montanosos.<\/p>\n <div class=\"k-camino-route-meta\">\n <span><i class=\"fas fa-walking\"><\/i> 5-6 dias<\/span>\n <span><i class=\"fas fa-signal\"><\/i> Alta<\/span>\n <\/div>\n <span class=\"k-camino-route-btn\">Cotizar <i class=\"fas fa-arrow-right\"><\/i><\/span>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-acueducto\" onclick=\"if(event.target===this) closeHotelPopup('acueducto');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('acueducto');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/21.png\" alt=\"WorldHotels Acueducto\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>WorldHotels Acueducto Guadalajara<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Av. Acueducto 4550, Zona Andares, Guadalajara, Jalisco<\/div>\n <p class=\"k-hotel-popup-desc\">Hotel de lujo en la exclusiva zona de Andares. Cuenta con 108 habitaciones, rooftop dining con vistas panor\u00e1micas, alberca al aire libre y restaurante gourmet. Pet friendly.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> Alberca al aire libre<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante rooftop<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-paw\"><\/i> Pet friendly<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-concierge-bell\"><\/i> Servicio a cuartos<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+528007727081\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'WorldHotels Acueducto'); closeHotelPopup('acueducto');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-mendoza\" onclick=\"if(event.target===this) closeHotelPopup('mendoza');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('mendoza');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/22.png\" alt=\"Hotel de Mendoza\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel de Mendoza<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Venustiano Carranza 16, Centro Hist\u00f3rico, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Icono colonial con 104 habitaciones y suites. Decoraci\u00f3n mexicana tradicional, alberca techada y al aire libre, jacuzzi y el reconocido restaurante La Forja. A pasos de la Catedral y Teatro Degollado.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> 2 albercas<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-hot-tub\"><\/i> Jacuzzi<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante La Forja<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523339425151\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel de Mendoza'); closeHotelPopup('mendoza');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-maestranza\" onclick=\"if(event.target===this) closeHotelPopup('maestranza');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('maestranza');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/23.png\" alt=\"Hotel Real Maestranza\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Real Maestranza<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Francisco I. Madero 161, Centro, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Ubicado a 3 minutos de la Catedral. 78 habitaciones modernas, galer\u00eda de arte, gimnasio, restaurante y bar. Wi-Fi y estacionamiento gratis. Ideal para viajes de negocios y turismo.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento gratis<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante y bar<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-palette\"><\/i> Galer\u00eda de arte<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-briefcase\"><\/i> Centro de negocios<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336158800\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Real Maestranza'); closeHotelPopup('maestranza');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-eklectic\" onclick=\"if(event.target===this) closeHotelPopup('eklectic');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('eklectic');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/24.png\" alt=\"Hotel Boutique Ekl\u00e9ctic\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Boutique Ekl\u00e9ctic<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Av. La Paz 2040, Colonia Lafayette, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Boutique \u00fanico en la zona Lafayette. Dise\u00f1o ecl\u00e9ctico, habitaciones insonorizadas con balc\u00f3n, terraza privada y restaurante mexicano con vistas. A 13 min de Chapultepec. Adults only.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wind\"><\/i> Aire acondicionado<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-volume-mute\"><\/i> Habitaciones insonorizadas<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante mexicano<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-sun\"><\/i> Terraza y balc\u00f3n<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-spa\"><\/i> Steam room<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336158800\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Boutique Eklektic'); closeHotelPopup('eklectic');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"k-hotel-popup-overlay\" id=\"popupHotel-compostela\" onclick=\"if(event.target===this) closeHotelPopup('compostela');\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"k-hotel-popup\">\n <button class=\"k-hotel-popup-close\" onclick=\"closeHotelPopup('compostela');\" aria-label=\"Cerrar\"><i class=\"fas fa-times\"><\/i><\/button>\n <img decoding=\"async\" src=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/25.png\" alt=\"Hotel Santiago de Compostela\" class=\"k-hotel-popup-img\" loading=\"lazy\">\n <div class=\"k-hotel-popup-body\">\n <div class=\"k-hotel-popup-header\">\n <h3>Hotel Santiago de Compostela<\/h3>\n <div class=\"k-hotel-popup-stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\n <\/div>\n <div class=\"k-hotel-popup-address\"><i class=\"fas fa-map-marker-alt\"><\/i> Calle Col\u00f3n 272-A, Centro Hist\u00f3rico, Guadalajara<\/div>\n <p class=\"k-hotel-popup-desc\">Edificio hist\u00f3rico del siglo XIX frente al Templo de Aranzaz\u00fa (Los dos Templos). 95 habitaciones, alberca en rooftop con vistas a la ciudad, piano en vivo por las noches, gimnasio y restaurante. Estacionamiento seguro.<\/p>\n <div class=\"k-hotel-popup-amenities\">\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-swimming-pool\"><\/i> Alberca rooftop<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-dumbbell\"><\/i> Gimnasio<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-music\"><\/i> Piano en vivo<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-utensils\"><\/i> Restaurante y bar<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-car\"><\/i> Estacionamiento<\/div>\n <div class=\"k-hotel-popup-amenity\"><i class=\"fas fa-wifi\"><\/i> Wi-Fi gratis<\/div>\n <\/div>\n <div class=\"k-hotel-popup-actions\">\n <a href=\"tel:+523336138880\" class=\"k-hotel-popup-btn k-hotel-popup-btn-primary\"><i class=\"fas fa-phone\"><\/i> Llamar<\/a>\n <button class=\"k-hotel-popup-btn k-hotel-popup-btn-outline\" onclick=\"openPopupWithHotel('popupCotizar', 'Hotel Santiago de Compostela'); closeHotelPopup('compostela');\"><i class=\"fas fa-paper-plane\"><\/i> Cotizar hospedaje<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ HERO SLIDER\n const heroSlides = document.querySelectorAll('.k-hero-slide');\n const heroHeading = document.getElementById('heroHeading');\n const heroDotsWrap = document.getElementById('heroDots');\n let heroIndex = 0, heroTimer;\n\n heroSlides.forEach((slide, i) => {\n const url = slide.style.backgroundImage.slice(5, -2);\n if (url) { const img = new Image(); img.src = url; }\n const dot = document.createElement('button');\n dot.className = 'k-hero-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Ir a la imagen ' + (i + 1));\n dot.addEventListener('click', () => heroGoTo(i));\n heroDotsWrap.appendChild(dot);\n });\n const heroDots = heroDotsWrap.querySelectorAll('.k-hero-dot');\n\n function heroGoTo(i) {\n heroSlides[heroIndex].classList.remove('active');\n heroDots[heroIndex].classList.remove('active');\n heroIndex = (i + heroSlides.length) % heroSlides.length;\n heroSlides[heroIndex].classList.add('active');\n heroDots[heroIndex].classList.add('active');\n heroHeading.classList.toggle('k-hidden', heroIndex !== 0);\n heroRestart();\n }\n function heroNext() { heroGoTo(heroIndex + 1); }\n function heroPrev() { heroGoTo(heroIndex - 1); }\n function heroRestart() {\n clearInterval(heroTimer);\n heroTimer = setInterval(heroNext, 6500);\n }\n heroRestart();\n\n \/\/ HEADER SCROLL\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) header.classList.add('scrolled');\n else header.classList.remove('scrolled');\n });\n\n \/\/ MEN\u00da HAMBURGUESA\n const menuBtn = document.getElementById('menuBtn');\n const navOverlay = document.getElementById('navOverlay');\n\n menuBtn.addEventListener('click', () => {\n menuBtn.classList.toggle('active');\n navOverlay.classList.toggle('active');\n document.body.style.overflow = navOverlay.classList.contains('active') ? 'hidden' : '';\n });\n\n function closeMenu() {\n menuBtn.classList.remove('active');\n navOverlay.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closeMenu();\n document.querySelectorAll('.k-popup-overlay.active, .k-camino-popup-overlay.active, .k-hotel-popup-overlay.active').forEach(p => p.classList.remove('active'));\n document.body.style.overflow = '';\n }\n });\n\n navOverlay.addEventListener('click', (e) => {\n if (e.target === navOverlay) closeMenu();\n });\n\n \/\/ POPUPS\n function openPopup(id) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n }\n function closePopup(id) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n\n function openServicePopup(serviceType) {\n openPopup('popupCotizar');\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n setTimeout(() => {\n const tab = document.querySelector('.k-popup-tab[data-tab=\"' + serviceType + '\"]');\n if (tab) setPopupTab(tab, serviceType);\n else {\n const generalTab = document.querySelector('.k-popup-tab[data-tab=\"general\"]');\n if (generalTab) setPopupTab(generalTab, 'general');\n }\n }, 100);\n }\n\n function setPopupTab(btn, type) {\n document.querySelectorAll('.k-popup-tab').forEach(t => t.classList.remove('active'));\n btn.classList.add('active');\n ['vuelos', 'hospedaje', 'nacional', 'internacional', 'crucero', 'disney', 'camino', 'lgbt'].forEach(t => {\n const el = document.getElementById('field-' + t);\n if (el) el.style.display = 'none';\n });\n if (type !== 'general') {\n const el = document.getElementById('field-' + type);\n if (el) el.style.display = 'block';\n }\n }\n\n \/\/ CAMINO\n function openCaminoPopup() {\n const popup = document.getElementById('popupCamino');\n if (popup) { popup.classList.add('active'); document.body.style.overflow = 'hidden'; }\n }\n function closeCaminoPopup() {\n const popup = document.getElementById('popupCamino');\n if (popup) { popup.classList.remove('active'); document.body.style.overflow = ''; }\n }\n function selectCaminoRoute(routeValue) {\n closeCaminoPopup();\n setTimeout(() => {\n openPopup('popupCotizar');\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n const caminoTab = document.querySelector('.k-popup-tab[data-tab=\"camino\"]');\n if (caminoTab) setPopupTab(caminoTab, 'camino');\n setTimeout(() => {\n const routeSelect = document.querySelector('#field-camino select[name=\"ruta_camino\"]');\n if (routeSelect) { routeSelect.value = routeValue; routeSelect.dispatchEvent(new Event('change')); }\n }, 150);\n }, 300);\n }\n\n \/\/ SMOOTH SCROLL\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const target = document.querySelector(this.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n });\n });\n\n \/\/ SCROLL REVEAL\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n revealObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n document.querySelectorAll('.reveal, .reveal-scale').forEach(el => revealObserver.observe(el));\n\n \/\/ ===== HOTEL CAROUSEL - REPARADO =====\n const hotelsCarousel = document.getElementById('hotelsCarousel');\n const hotelDotsContainer = document.getElementById('hotelDots');\n let hotelCurrentPage = 0;\n\n function getVisibleHotels() {\n const width = window.innerWidth;\n if (width <= 480) return 1;\n if (width <= 768) return 2;\n if (width <= 1200) return 3;\n return 4;\n }\n\n function getTotalPages() {\n if (!hotelsCarousel) return 0;\n const cards = hotelsCarousel.querySelectorAll('.k-hotel-card');\n const visible = getVisibleHotels();\n return Math.max(1, Math.ceil(cards.length \/ visible));\n }\n\n function buildHotelDots() {\n if (!hotelDotsContainer) return;\n hotelDotsContainer.innerHTML = '';\n const totalPages = getTotalPages();\n for (let i = 0; i < totalPages; i++) {\n const dot = document.createElement('button');\n dot.className = 'k-hotel-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Pagina ' + (i + 1));\n dot.addEventListener('click', () => goToHotelPage(i));\n hotelDotsContainer.appendChild(dot);\n }\n }\n\n function updateHotelDots() {\n if (!hotelDotsContainer) return;\n const dots = hotelDotsContainer.querySelectorAll('.k-hotel-dot');\n dots.forEach((dot, i) => dot.classList.toggle('active', i === hotelCurrentPage));\n }\n\n function getScrollAmount() {\n if (!hotelsCarousel) return 0;\n const visible = getVisibleHotels();\n const carouselWidth = hotelsCarousel.clientWidth;\n return carouselWidth;\n }\n\n function scrollHotels(direction) {\n if (!hotelsCarousel) return;\n const totalPages = getTotalPages();\n hotelCurrentPage += direction;\n if (hotelCurrentPage < 0) hotelCurrentPage = 0;\n if (hotelCurrentPage >= totalPages) hotelCurrentPage = totalPages - 1;\n \n const amount = getScrollAmount() * hotelCurrentPage;\n hotelsCarousel.scrollTo({ left: amount, behavior: 'smooth' });\n updateHotelDots();\n }\n\n function goToHotelPage(page) {\n if (!hotelsCarousel) return;\n const totalPages = getTotalPages();\n hotelCurrentPage = Math.max(0, Math.min(page, totalPages - 1));\n const amount = getScrollAmount() * hotelCurrentPage;\n hotelsCarousel.scrollTo({ left: amount, behavior: 'smooth' });\n updateHotelDots();\n }\n\n \/\/ Rebuild dots on resize\n let resizeTimer;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(() => {\n hotelCurrentPage = 0;\n if (hotelsCarousel) hotelsCarousel.scrollTo({ left: 0, behavior: 'auto' });\n buildHotelDots();\n }, 250);\n });\n\n \/\/ Init hotel carousel\n if (hotelsCarousel) {\n buildHotelDots();\n }\n\n \/\/ HOTEL POPUPS\n function openHotelPopup(hotel) {\n const popup = document.getElementById('popupHotel-' + hotel);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n }\n function closeHotelPopup(hotel) {\n const popup = document.getElementById('popupHotel-' + hotel);\n if (popup) {\n popup.classList.remove('active');\n document.body.style.overflow = '';\n }\n }\n\n \/\/ OPEN POPUP WITH PRESELECTED HOTEL\n function openPopupWithHotel(id, hotelName) {\n const popup = document.getElementById(id);\n if (popup) {\n popup.classList.add('active');\n document.body.style.overflow = 'hidden';\n document.getElementById('formCotizar').style.display = 'block';\n document.getElementById('successCotizar').style.display = 'none';\n const hotelSelect = document.getElementById('hotelInteresSelect');\n if (hotelSelect) {\n hotelSelect.value = hotelName;\n hotelSelect.style.borderColor = 'var(--pink)';\n hotelSelect.style.boxShadow = '0 0 0 4px rgba(216,3,90,0.07)';\n setTimeout(() => {\n hotelSelect.style.borderColor = '';\n hotelSelect.style.boxShadow = '';\n }, 1500);\n }\n const generalTab = document.querySelector('.k-popup-tab[data-tab=\"general\"]');\n if (generalTab) setPopupTab(generalTab, 'general');\n }\n }\n\n \/\/ KEYBOARD SUPPORT\n document.querySelectorAll('.k-bento-item, .k-destino-h, .k-especial-card, .k-camino-route, .k-hotel-card').forEach(el => {\n el.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); el.click(); }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]<\/p>\n","protected":false},"author":1,"featured_media":187,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Home - Koyote | Agencia de Viajes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/koyote.com.mx\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Koyote | Agencia de Viajes\" \/>\n<meta property=\"og:description\" content=\"Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/koyote.com.mx\/\" \/>\n<meta property=\"og:site_name\" content=\"Koyote | Agencia de Viajes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T18:10:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1585\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"54 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/koyote.com.mx\/\",\"url\":\"https:\/\/koyote.com.mx\/\",\"name\":\"Home - Koyote | Agencia de Viajes\",\"isPartOf\":{\"@id\":\"https:\/\/koyote.com.mx\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"datePublished\":\"2026-08-18T20:16:43+00:00\",\"dateModified\":\"2026-08-20T18:10:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/koyote.com.mx\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/koyote.com.mx\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/koyote.com.mx\/#primaryimage\",\"url\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"contentUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg\",\"width\":2560,\"height\":1585},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/koyote.com.mx\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/koyote.com.mx\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/koyote.com.mx\/#website\",\"url\":\"https:\/\/koyote.com.mx\/\",\"name\":\"Koyote | Agencia de Viajes\",\"description\":\"Adventure is Calling \",\"publisher\":{\"@id\":\"https:\/\/koyote.com.mx\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/koyote.com.mx\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/koyote.com.mx\/#organization\",\"name\":\"Koyote | Agencia de Viajes\",\"url\":\"https:\/\/koyote.com.mx\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png\",\"contentUrl\":\"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png\",\"width\":1080,\"height\":1080,\"caption\":\"Koyote | Agencia de Viajes\"},\"image\":{\"@id\":\"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - Koyote | Agencia de Viajes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/koyote.com.mx\/","og_locale":"es_MX","og_type":"article","og_title":"Home - Koyote | Agencia de Viajes","og_description":"Koyote Viajes | Agencia de Viajes en Guadalajara \u2014 Vuelos, Cruceros, Disney & Camino de Santiago Contactar Cotizar Adventureis Calling Desde Guadalajara hasta el mundo. Inicio Servicios Destinos Cruceros & Disney Camino de Santiago Hoteles Aliados \u00bfNecesitas ayuda? hola@koyote.com.mx Siguenos Agencia de Viajes Tu proxima aventuraempieza aqui Todo desde Guadalajara, Jalisco. Descubre Vuelos Nacionales Vuelos […]","og_url":"https:\/\/koyote.com.mx\/","og_site_name":"Koyote | Agencia de Viajes","article_modified_time":"2026-08-20T18:10:04+00:00","og_image":[{"width":2560,"height":1585,"url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"54 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/koyote.com.mx\/","url":"https:\/\/koyote.com.mx\/","name":"Home - Koyote | Agencia de Viajes","isPartOf":{"@id":"https:\/\/koyote.com.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/koyote.com.mx\/#primaryimage"},"image":{"@id":"https:\/\/koyote.com.mx\/#primaryimage"},"thumbnailUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","datePublished":"2026-08-18T20:16:43+00:00","dateModified":"2026-08-20T18:10:04+00:00","breadcrumb":{"@id":"https:\/\/koyote.com.mx\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/koyote.com.mx\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/koyote.com.mx\/#primaryimage","url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","contentUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/mio-4-scaled.jpg","width":2560,"height":1585},{"@type":"BreadcrumbList","@id":"https:\/\/koyote.com.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/koyote.com.mx\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/koyote.com.mx\/#website","url":"https:\/\/koyote.com.mx\/","name":"Koyote | Agencia de Viajes","description":"Adventure is Calling ","publisher":{"@id":"https:\/\/koyote.com.mx\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/koyote.com.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/koyote.com.mx\/#organization","name":"Koyote | Agencia de Viajes","url":"https:\/\/koyote.com.mx\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/","url":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png","contentUrl":"https:\/\/koyote.com.mx\/wp-content\/uploads\/2026\/08\/cropped-Ficha-2026-08-18T142140.347.png","width":1080,"height":1080,"caption":"Koyote | Agencia de Viajes"},"image":{"@id":"https:\/\/koyote.com.mx\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":79,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/koyote.com.mx\/index.php?rest_route=\/wp\/v2\/media\/187"}],"wp:attachment":[{"href":"https:\/\/koyote.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}