{"id":10151,"date":"2026-02-26T11:24:27","date_gmt":"2026-02-26T16:24:27","guid":{"rendered":"https:\/\/cusconavelagency.com\/?page_id=10151"},"modified":"2026-02-26T11:24:28","modified_gmt":"2026-02-26T16:24:28","slug":"que-circuito-elegir-en-machu-picchu-rutas-y-mapas","status":"publish","type":"page","link":"https:\/\/cusconavelagency.com\/en\/que-circuito-elegir-en-machu-picchu-rutas-y-mapas\/","title":{"rendered":"\u00bfQu\u00e9 Circuito Elegir en Machu Picchu? Rutas y Mapas"},"content":{"rendered":"\n<div class=\"section-wrapper\" data-id=\"s4LaPD\"><section class=\"wp-block-gutenverse-section guten-element guten-section guten-s4LaPD layout-boxed align-stretch\"><div class=\"guten-background-overlay\"><\/div><div class=\"guten-container guten-column-gap-default\">\n<div class=\"wp-block-gutenverse-column guten-element guten-column guten-SHmO9k\"><div class=\"guten-column-wrapper\" data-id=\"SHmO9k\">\n<h2 class=\"wp-block-gutenverse-heading guten-element guten-EyoWIh\">Circuitos y Rutas de Visita a Machupicchu<\/h2>\n\n\n\n<div class=\"guten-element guten-icon-list guten-zy92b3\"><div class=\" list-wrapper inline-icon-list\">\n<div class=\"guten-element guten-icon-list-item guten-NUQU6H\"><div class=\"list-divider\"><\/div><a id=\"guten-NUQU6H\" href=\"https:\/\/cusconavelagency.com\/\"><span class=\"list-text no-icon\">Inicio<\/span><\/a><\/div>\n\n\n\n<div class=\"guten-element guten-icon-list-item guten-P9Zx4Q\"><div class=\"list-divider\"><\/div><a id=\"guten-P9Zx4Q\" href=\"https:\/\/cusconavelagency.com\/nosotros\/\"><i class=\"fas fa-chevron-right\"><\/i><span class=\"list-text \">Circuitos y Rutas de Visita a Machupicchu<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/section><\/div>\n\n\n<style>.kb-row-layout-id10151_9921aa-44 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10151_9921aa-44 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10151_9921aa-44 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10151_9921aa-44 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10151_9921aa-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10151_9921aa-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10151_9921aa-44 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col{display:flex;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col,.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col{flex-direction:column;align-items:center;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10151_79f9a6-a2{position:relative;}@media all and (max-width: 1024px){.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}@media all and (max-width: 767px){.kadence-column10151_79f9a6-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10151_79f9a6-a2\"><div class=\"kt-inside-inner-col\">\n<h1>\u00bfQu\u00e9 Circuito Elegir en Machu Picchu? Rutas y Mapas<\/h1>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<style>\n    .cna-info-wrapper {\n        max-width: 1000px;\n        margin: 0 auto 30px auto;\n        font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 20px;\n        --primary: #FF6B35;\n        --secondary: #0984e3;\n        --danger: #e74c3c;\n        --premium: #1abc9c;\n        --text-dark: #2d3436;\n        --bg-light: #ffffff;\n    }\n\n    .cna-info-card {\n        background: var(--bg-light);\n        border-radius: 12px;\n        padding: 25px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        border: 1px solid #edf2f7;\n        position: relative;\n        overflow: hidden;\n        transition: transform 0.2s;\n    }\n\n    .cna-info-card:hover {\n        transform: translateY(-3px);\n    }\n\n    .cna-info-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n    }\n\n    .cna-card-instructions::before { background: linear-gradient(90deg, var(--secondary), #74b9ff); }\n    .cna-card-recommendations::before { background: linear-gradient(90deg, var(--primary), #F7931E); }\n    .cna-card-pains::before { background: linear-gradient(90deg, var(--danger), #ff7675); }\n    .cna-card-premium::before { background: linear-gradient(90deg, var(--premium), #2ecc71); }\n\n    .cna-info-title {\n        font-size: 1.15rem;\n        font-weight: 700;\n        color: var(--text-dark);\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .cna-info-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .cna-info-list li {\n        color: #4a5568;\n        font-size: 0.95rem;\n        margin-bottom: 12px;\n        padding-left: 28px;\n        position: relative;\n        line-height: 1.5;\n    }\n\n    .cna-info-list li:last-child { margin-bottom: 0; }\n    .cna-info-list strong { color: var(--text-dark); }\n\n    \/* Iconos din\u00e1micos *\/\n    .cna-card-instructions .cna-info-list li::before { content: '\ud83d\udc49'; position: absolute; left: 0; top: 0; }\n    .cna-card-recommendations .cna-info-list li::before { content: '\u2705'; position: absolute; left: 0; top: 0; }\n    .cna-card-pains .cna-info-list li::before { content: '\u26a0\ufe0f'; position: absolute; left: 0; top: 0; }\n    .cna-card-premium .cna-info-list li::before { content: '\ud83d\udc8e'; position: absolute; left: 0; top: 0; }\n<\/style>\n\n<div class=\"cna-info-wrapper\">\n    <div class=\"cna-info-card cna-card-instructions\">\n        <div class=\"cna-info-title\"><span>\ud83e\udded<\/span> \u00bfC\u00f3mo usar esta gu\u00eda?<\/div>\n        <ul class=\"cna-info-list\">\n            <li><strong>Explora los circuitos:<\/strong> Navega por las opciones clasificadas por nivel y tem\u00e1tica.<\/li>\n            <li><strong>Visualiza tu mapa:<\/strong> Haz clic en cualquier ruta para ampliar los detalles al instante.<\/li>\n            <li><strong>Guarda la ruta:<\/strong> Toma una captura del mapa. La se\u00f1al en la monta\u00f1a puede ser inestable.<\/li>\n        <\/ul>\n    <\/div>\n\n    <div class=\"cna-info-card cna-card-recommendations\">\n        <div class=\"cna-info-title\"><span>\ud83c\udf92<\/span> Tips para tu aventura<\/div>\n        <ul class=\"cna-info-list\">\n            <li><strong>Equipamiento clave:<\/strong> Calzado de trekking y vestimenta en capas. El clima cambia r\u00e1pido.<\/li>\n            <li><strong>Aclimataci\u00f3n:<\/strong> Mantente hidratado, camina a tu ritmo y respeta la altura.<\/li>\n            <li><strong>Responsabilidad:<\/strong> Sigue el sendero marcado. Cuidar la ruta es tarea de todos.<\/li>\n        <\/ul>\n    <\/div>\n\n    <div class=\"cna-info-card cna-card-pains\">\n        <div class=\"cna-info-title\"><span>\ud83d\udee1\ufe0f<\/span> Viaja sin contratiempos<\/div>\n        <ul class=\"cna-info-list\">\n            <li><strong>Cero improvisaci\u00f3n:<\/strong> Evita perder tiempo valioso o terminar en rutas poco seguras por falta de informaci\u00f3n.<\/li>\n            <li><strong>El factor desgaste:<\/strong> Caminar de m\u00e1s o elegir la ruta equivocada agota tu energ\u00eda y arruina la experiencia.<\/li>\n            <li><strong>Tu seguridad no tiene precio:<\/strong> La monta\u00f1a es impredecible. Estar informado es tu mejor seguro de viaje.<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n\n\r\n    <style>\r\n        .cna-premium-wrapper { max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', sans-serif; --text-dark: #2d3436; }\r\n        .cna-p-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); margin-bottom: 40px; border: 1px solid #eaeaea; }\r\n        \r\n        \/* Banner Principal Interactivo *\/\r\n        .cna-p-hero { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; }\r\n        .cna-p-hero img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n        .cna-p-hero:hover img { transform: scale(1.05); }\r\n        .cna-p-hero::after { content: '\ud83d\udd0d Ampliar imagen'; position: absolute; top: 20px; right: 20px; background: rgba(0,0,0,0.6); color: white; padding: 8px 15px; border-radius: 20px; font-size: 0.85rem; backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.3s; }\r\n        .cna-p-hero:hover::after { opacity: 1; }\r\n        .cna-p-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%); padding: 30px 25px 20px; color: white; display: flex; justify-content: space-between; align-items: flex-end; }\r\n        .cna-p-info h2 { margin: 0 0 5px 0; font-size: 1.8rem; font-weight: 700; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }\r\n        .cna-p-info p { margin: 0; font-size: 1rem; opacity: 0.9; }\r\n\r\n        \/* Botones de Rutas *\/\r\n        .cna-p-routes-container { padding: 25px; background: #fafbfc; }\r\n        .cna-p-routes-title { font-size: 1.1rem; font-weight: 600; color: var(--text-dark); margin-bottom: 15px; display: flex; align-items: center; gap: 8px; }\r\n        .cna-p-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }\r\n        .cna-route-btn { background: #fff; border: 1px solid #e2e8f0; border-left: 4px solid var(--theme-color); border-radius: 8px; padding: 12px 10px; text-align: center; cursor: pointer; transition: all 0.2s ease; color: var(--text-dark); font-weight: 600; font-size: 0.95rem; display: flex; align-items: center; justify-content: center; gap: 8px; }\r\n        .cna-route-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0,0,0,0.06); background: #f8f9fa; }\r\n\r\n        \/* Lightbox con Zoom Avanzado *\/\r\n        .cna-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, 0.95); z-index: 999999; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; backdrop-filter: blur(5px); overflow: hidden; }\r\n        .cna-modal-overlay.cna-active { opacity: 1; visibility: visible; }\r\n        \r\n        .cna-modal-wrapper { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }\r\n        .cna-modal-wrapper img { max-width: 90%; max-height: 80vh; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); background: white; cursor: grab; transform-origin: center center; user-select: none; -webkit-user-drag: none; }\r\n        .cna-modal-wrapper img:active { cursor: grabbing; }\r\n\r\n        \/* Bot\u00f3n Cerrar \"X\" *\/\r\n        .cna-modal-close { position: fixed; top: 20px; right: 20px; width: 45px; height: 45px; background: #ff4757; color: white; border: 2px solid white; border-radius: 50%; font-size: 24px; font-weight: bold; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.4); z-index: 1000001; transition: transform 0.2s; padding-bottom: 3px; }\r\n        .cna-modal-close:hover { transform: scale(1.1); background: #ff6b81; }\r\n\r\n        \/* Contenedor de Controles y Tooltip *\/\r\n        .cna-zoom-area { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 12px; z-index: 1000001; }\r\n        \r\n        \/* P\u00edldora de ayuda (Instrucci\u00f3n visual) *\/\r\n        .cna-zoom-hint { background: rgba(0,0,0,0.7); color: white; padding: 6px 18px; border-radius: 20px; font-size: 0.85rem; letter-spacing: 0.5px; backdrop-filter: blur(4px); box-shadow: 0 4px 15px rgba(0,0,0,0.3); pointer-events: none; animation: pulseHint 2s infinite; border: 1px solid rgba(255,255,255,0.1); }\r\n        \r\n        @keyframes pulseHint {\r\n            0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.2); }\r\n            70% { box-shadow: 0 0 0 10px rgba(255,255,255,0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }\r\n        }\r\n\r\n        \/* Controles de Zoom Flotantes *\/\r\n        .cna-zoom-controls { background: rgba(255,255,255,0.95); padding: 8px 15px; border-radius: 30px; display: flex; gap: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.3); backdrop-filter: blur(4px); }\r\n        .cna-zoom-controls button { background: var(--text-dark); color: white; border: none; border-radius: 20px; width: 35px; height: 35px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.2s; display: flex; justify-content: center; align-items: center; }\r\n        .cna-zoom-controls button.reset { width: auto; padding: 0 15px; font-size: 14px; }\r\n        .cna-zoom-controls button:hover { background: #FF6B35; }\r\n\r\n        .cna-modal-title { position: absolute; bottom: 120px; color: white; font-size: 1.25rem; font-weight: 500; text-shadow: 1px 1px 5px rgba(0,0,0,0.8); pointer-events: none; text-align: center; width: 100%; }\r\n\r\n        @media (max-width: 768px) {\r\n            .cna-p-hero::after { display: none; }\r\n            .cna-modal-close { top: 15px; right: 15px; width: 40px; height: 40px; font-size: 20px; }\r\n            .cna-modal-wrapper img { max-width: 95%; max-height: 85vh; }\r\n            .cna-zoom-hint { font-size: 0.75rem; white-space: nowrap; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"cna-premium-wrapper\">\r\n                    <div class=\"cna-p-card\" style=\"--theme-color: #FF6B35;\">\r\n                \r\n                <div class=\"cna-p-hero cna-modal-trigger\" data-img=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-1.jpeg\" data-title=\"Circuito 1: Panor\u00e1mico - Vista Principal\" tabindex=\"0\" role=\"button\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-1.jpeg\" alt=\"Circuito 1: Panor\u00e1mico\" loading=\"lazy\">\r\n                    <div class=\"cna-p-overlay\">\r\n                        <div class=\"cna-p-info\">\r\n                            <h2>Circuito 1: Panor\u00e1mico<\/h2>\r\n                            <p>Las vistas m\u00e1s impresionantes para fotos inolvidables. (*) Disponible solo en Temporada Alta<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cna-p-routes-container\">\r\n                    <div class=\"cna-p-routes-title\">\ud83d\uddfa\ufe0f Ver mapas de rutas detalladas:<\/div>\r\n                    <div class=\"cna-p-grid\">\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-1A.webp\" data-title=\"Circuito 1: Panor\u00e1mico - Ruta 1-A: Ruta Monta\u00f1a Machupicchu\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 1-A: Ruta Monta\u00f1a Machupicchu<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-1B.webp\" data-title=\"Circuito 1: Panor\u00e1mico - Ruta 1-B: Ruta Terraza Superior\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 1-B: Ruta Terraza Superior<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-1C.webp\" data-title=\"Circuito 1: Panor\u00e1mico -  Ruta 1-C: Ruta Portada Intipunku (*)\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span> Ruta 1-C: Ruta Portada Intipunku (*)<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-1D.webp\" data-title=\"Circuito 1: Panor\u00e1mico - Ruta 1-D: Ruta Puente Inka (*)\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 1-D: Ruta Puente Inka (*)<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"cna-p-card\" style=\"--theme-color: #0984e3;\">\r\n                \r\n                <div class=\"cna-p-hero cna-modal-trigger\" data-img=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-2.jpeg\" data-title=\"Circuito 2: Machupicchu Cl\u00e1sico - Vista Principal\" tabindex=\"0\" role=\"button\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-2.jpeg\" alt=\"Circuito 2: Machupicchu Cl\u00e1sico\" loading=\"lazy\">\r\n                    <div class=\"cna-p-overlay\">\r\n                        <div class=\"cna-p-info\">\r\n                            <h2>Circuito 2: Machupicchu Cl\u00e1sico<\/h2>\r\n                            <p>Adrenalina y paisajes extremos para los m\u00e1s audaces.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cna-p-routes-container\">\r\n                    <div class=\"cna-p-routes-title\">\ud83d\uddfa\ufe0f Ver mapas de rutas detalladas:<\/div>\r\n                    <div class=\"cna-p-grid\">\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-2A.webp\" data-title=\"Circuito 2: Machupicchu Cl\u00e1sico - Ruta 2-A: Ruta dise\u00f1ada\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 2-A: Ruta dise\u00f1ada<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-2B.webp\" data-title=\"Circuito 2: Machupicchu Cl\u00e1sico - Ruta 2-B: Ruta Terraza Inferior\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 2-B: Ruta Terraza Inferior<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"cna-p-card\" style=\"--theme-color: #764ba2;\">\r\n                \r\n                <div class=\"cna-p-hero cna-modal-trigger\" data-img=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-3.jpeg\" data-title=\"Circuito 3: Machupicchu Realeza - Vista Principal\" tabindex=\"0\" role=\"button\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.machupicchu.gob.pe\/wp-content\/uploads\/2024\/07\/PANEL-DE-CIRCUITO-3.jpeg\" alt=\"Circuito 3: Machupicchu Realeza\" loading=\"lazy\">\r\n                    <div class=\"cna-p-overlay\">\r\n                        <div class=\"cna-p-info\">\r\n                            <h2>Circuito 3: Machupicchu Realeza<\/h2>\r\n                            <p>Conecta con la energ\u00eda ancestral en lugares sagrados. (*) Disponible solo en Temporada Alta<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cna-p-routes-container\">\r\n                    <div class=\"cna-p-routes-title\">\ud83d\uddfa\ufe0f Ver mapas de rutas detalladas:<\/div>\r\n                    <div class=\"cna-p-grid\">\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-3A.webp\" data-title=\"Circuito 3: Machupicchu Realeza - Ruta 3-A: Monta\u00f1a Waynapicchu\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 3-A: Monta\u00f1a Waynapicchu<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-3B.webp\" data-title=\"Circuito 3: Machupicchu Realeza - Ruta 3-B: Ruta dise\u00f1ada\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 3-B: Ruta dise\u00f1ada<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-3C.webp\" data-title=\"Circuito 3: Machupicchu Realeza - Ruta 3-C: Gran Caverna (*)\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 3-C: Gran Caverna (*)<\/span>\r\n                            <\/div>\r\n                                                    <div class=\"cna-route-btn cna-modal-trigger\" data-img=\"https:\/\/cusconavelagency.com\/wp-content\/uploads\/2026\/02\/ruta-3D.webp\" data-title=\"Circuito 3: Machupicchu Realeza - Ruta 3-D: Monta\u00f1a Waynapicchu (*)\" tabindex=\"0\" role=\"button\">\r\n                                <span><\/span>\r\n                                <span>Ruta 3-D: Monta\u00f1a Waynapicchu (*)<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <div id=\"cna-modal\" class=\"cna-modal-overlay\">\r\n        <button class=\"cna-modal-close\" aria-label=\"Cerrar modal\">\u00d7<\/button>\r\n        <div class=\"cna-modal-wrapper\" id=\"cna-modal-wrapper\">\r\n            <img decoding=\"async\" id=\"cna-modal-img\" src=\"\" alt=\"Vista Ampliada\">\r\n        <\/div>\r\n        <div id=\"cna-modal-title\" class=\"cna-modal-title\"><\/div>\r\n        \r\n        <div class=\"cna-zoom-area\">\r\n            <div class=\"cna-zoom-hint\">\ud83d\udc46 Haz zoom y arrastra la imagen para explorar<\/div>\r\n            <div class=\"cna-zoom-controls\">\r\n                <button id=\"cna-btn-out\" aria-label=\"Alejar\">-<\/button>\r\n                <button id=\"cna-btn-reset\" class=\"reset\">Restablecer<\/button>\r\n                <button id=\"cna-btn-in\" aria-label=\"Acercar\">+<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const modal = document.getElementById('cna-modal');\r\n            const wrapper = document.getElementById('cna-modal-wrapper');\r\n            const img = document.getElementById('cna-modal-img');\r\n            const title = document.getElementById('cna-modal-title');\r\n            \r\n            \/\/ Variables para Zoom y Pan\r\n            let scale = 1, panning = false, pointX = 0, pointY = 0, startX = 0, startY = 0;\r\n\r\n            function applyTransform() {\r\n                img.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`;\r\n            }\r\n\r\n            function resetZoom() {\r\n                scale = 1; pointX = 0; pointY = 0;\r\n                applyTransform();\r\n            }\r\n\r\n            function setZoom(factor) {\r\n                scale *= factor;\r\n                scale = Math.max(1, Math.min(scale, 5)); \/\/ L\u00edmite de Zoom: 1x a 5x\r\n                if (scale === 1) { resetZoom(); } else { applyTransform(); }\r\n            }\r\n\r\n            \/\/ --- ABRIR Y CERRAR MODAL ---\r\n            document.querySelectorAll('.cna-modal-trigger').forEach(trigger => {\r\n                trigger.addEventListener('click', function() {\r\n                    resetZoom();\r\n                    img.src = this.getAttribute('data-img');\r\n                    title.textContent = this.getAttribute('data-title');\r\n                    modal.classList.add('cna-active');\r\n                    document.body.style.overflow = 'hidden';\r\n                });\r\n            });\r\n\r\n            function closeModal() {\r\n                modal.classList.remove('cna-active');\r\n                document.body.style.overflow = '';\r\n                setTimeout(() => { img.src = ''; resetZoom(); }, 300); \r\n            }\r\n\r\n            document.querySelector('.cna-modal-close').addEventListener('click', closeModal);\r\n            \r\n            \/\/ Cerrar al hacer click en el fondo oscuro\r\n            wrapper.addEventListener('mousedown', e => { if (e.target === wrapper) closeModal(); });\r\n\r\n            \/\/ --- CONTROLES DE ZOOM DE BOTONES ---\r\n            document.getElementById('cna-btn-in').onclick = () => setZoom(1.3);\r\n            document.getElementById('cna-btn-out').onclick = () => setZoom(1 \/ 1.3);\r\n            document.getElementById('cna-btn-reset').onclick = resetZoom;\r\n\r\n            \/\/ --- ZOOM CON RUEDA DEL RAT\u00d3N ---\r\n            wrapper.addEventListener('wheel', e => {\r\n                if (!modal.classList.contains('cna-active')) return;\r\n                e.preventDefault();\r\n                const delta = Math.sign(e.wheelDelta || -e.deltaY);\r\n                setZoom(delta > 0 ? 1.15 : 1 \/ 1.15);\r\n            }, { passive: false });\r\n\r\n            \/\/ --- L\u00d3GICA DE ARRASTRE (PAN) MOUSE ---\r\n            img.onmousedown = function(e) {\r\n                e.preventDefault();\r\n                startX = e.clientX - pointX; startY = e.clientY - pointY;\r\n                panning = true;\r\n            };\r\n            window.onmouseup = () => { panning = false; };\r\n            window.onmousemove = function(e) {\r\n                if (!panning || scale === 1) return; \/\/ Solo arrastra si hay zoom\r\n                e.preventDefault();\r\n                pointX = e.clientX - startX; pointY = e.clientY - startY;\r\n                applyTransform();\r\n            };\r\n\r\n            \/\/ --- L\u00d3GICA DE ARRASTRE (PAN) T\u00c1CTIL M\u00d3VIL ---\r\n            img.addEventListener('touchstart', function(e) {\r\n                if (e.touches.length === 1) {\r\n                    startX = e.touches[0].clientX - pointX; startY = e.touches[0].clientY - pointY;\r\n                    panning = true;\r\n                }\r\n            }, {passive: false});\r\n            \r\n            img.addEventListener('touchmove', function(e) {\r\n                if (!panning || e.touches.length !== 1 || scale === 1) return;\r\n                e.preventDefault(); \r\n                pointX = e.touches[0].clientX - startX; pointY = e.touches[0].clientY - startY;\r\n                applyTransform();\r\n            }, {passive: false});\r\n            \r\n            img.addEventListener('touchend', () => { panning = false; });\r\n        });\r\n    <\/script>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udded \u00bfC\u00f3mo usar esta gu\u00eda? Explora los circuitos: Navega por las opciones clasificadas por nivel y tem\u00e1tica. Visualiza tu mapa: Haz clic en cualquier ruta para ampliar los detalles al instante. Guarda la ruta: Toma una captura del mapa. La se\u00f1al en la monta\u00f1a puede ser inestable. \ud83c\udf92 Tips para tu aventura Equipamiento clave: Calzado&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-10151","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/pages\/10151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/comments?post=10151"}],"version-history":[{"count":14,"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/pages\/10151\/revisions"}],"predecessor-version":[{"id":10177,"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/pages\/10151\/revisions\/10177"}],"wp:attachment":[{"href":"https:\/\/cusconavelagency.com\/en\/wp-json\/wp\/v2\/media?parent=10151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}