@section('title', 'Atlas Turístico de México | The World's 50 Best Restaurants')

@section('content')


<style>

/* ===========================
   MAPA
=========================== */

#map {
    width: 100%;
    height: 75vh;
    margin-top: 70px;
}

.custom-marker {
    font-size: 30px;
    color: #0066ff;
}

/* ===========================
   ELIMINAR MODALES VIEJOS (NO USAR)
=========================== */

.modal-custom,
.modal-content-custom {
    display: none !important;
}

/* ============================================================
   FIX DEFINITIVO DE Z-INDEX PARA MODAL SOBRE LEAFLET + BOOTSTRAP
   (ESTO SOLUCIONA EL FONDO GRIS Y EL MODAL DETRÁS DEL BACKDROP)
============================================================ */

.modal { z-index:200000 !important; }
.modal-backdrop {
    z-index:0 !important;
    background:rgba(0,0,0,.6) !important;
}

#modalAtractivoEstado .modal-dialog {
    z-index:0 !important;
    position: relative;
    max-width: 600px !important;
    margin-top: 40px;
}

#modalAtractivoEstado .modal-content {
    z-index:0 !important;
    position: relative;
}


/* ===========================
   ESTILOS DEL MODAL ATLAS
=========================== */

.atlas-modal-card {
    border-radius: 22px !important;
    padding: 35px 40px !important;
    border: none !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.25);
}

/* Logo del modal */
.atlas-modal-logo {
    width: 210px;
}

/* Título */
.atlas-modal-title {
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

/* Descripción */
.atlas-modal-desc {
    font-size: 16px;
    color: #555;
    text-align: justify;
    line-height: 1.55;
}

/* Ver más */
.vermas-btn {
    font-size: 15px;
    color: #0066cc;
    cursor: pointer;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}
.vermas-btn:hover {
    text-decoration: underline;
}

/* Enlace fuente — evitar que se salga del contenedor */
.atlas-modal-link {
    word-break: break-all;
    overflow-wrap: break-word;
    text-align: center;
    margin-bottom: 15px;
}
.atlas-modal-link a {
    color: #A20043;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.atlas-modal-link a:hover {
    text-decoration: underline;
}

/* Botón Google Maps */
.atlas-modal-btn {
    background: #A20043;
    color: #fff !important;
    padding: 14px 35px;
    font-size: 18px;
    border-radius: 40px;
    display: inline-block;
    text-decoration: none !important;
    margin-top: 10px;
}
.atlas-modal-btn:hover {
    background: #7a0032;
}

/* Botón X */
#modalAtractivoEstado .btn-close {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 32px;
    height: 32px;
    opacity: 1 !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
}
#modalAtractivoEstado .btn-close::after {
    content: "×";
    font-size: 34px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}
#modalAtractivoEstado .btn-close:hover::after {
    color: #000;
}

/* =======================================================
   OPTIMIZACIÓN DEL MODAL PARA PANTALLAS DE TELÉFONO (MÓVIL)
========================================================= */
@media (max-width: 480px) {

    /* Contenedor principal del modal */
    #modalAtractivoEstado .modal-dialog {
        max-width: 92% !important;
        margin: 20px auto !important;
        padding: 0 !important;
    }

    /* Tarjeta del modal */
    #modalAtractivoEstado .modal-content {
        padding: 25px 22px !important;
        border-radius: 18px !important;
    }

    /* Logo más pequeño */
    .atlas-modal-logo {
        width: 150px !important;
        margin-bottom: 10px;
    }

    /* Título más compacto */
    .atlas-modal-title {
        font-size: 22px !important;
        margin-bottom: 12px !important;
    }

    /* Descripción más legible */
    .atlas-modal-desc {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    /* Botón "Ver más" */
    .vermas-btn {
        font-size: 14px !important;
        margin-top: 6px !important;
    }

    /* Enlace externo */
    .atlas-modal-link {
        font-size: 14px !important;
        margin-top: 5px !important;
    }

    .atlas-modal-link a {
        font-size: 14px !important;
        word-break: break-all;
    }

    /* Botón de Google Maps */
    .atlas-modal-btn {
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
        border-radius: 35px !important;
        margin-top: 15px !important;
    }

    /* Botón X más pequeño */
    #modalAtractivoEstado .btn-close {
        top: 12px !important;
        right: 12px !important;
        width: 26px !important;
        height: 26px !important;
    }

    #modalAtractivoEstado .btn-close::after {
        font-size: 28px !important;
        line-height: 26px !important;
    }
}

.link-oficial{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:600;
    color:#0066cc;
    text-decoration:none;
}

.link-oficial:hover{
    text-decoration:underline;
}

</style>



<!-- ======================= MAPA ======================= -->
<div id="map"></div>


      <!-- MODAL DE PLAYAS INCLUYENTES — ESTILO ESTADOS -->

<div class="modal fade" id="modalAtractivoEstado" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered atlas-modal-dialog">
        <div class="modal-content atlas-modal-card">

            <!-- Botón X -->
            <button type="button" class="btn-close atlas-modal-close" 
                data-bs-dismiss="modal" aria-label="Close"></button>

            <div class="modal-body text-center">

                <!-- Logo -->
                <img src="https://www.atlasturistico.sectur.gob.mx/img/logo.png" class="atlas-modal-logo mb-3">

                <!-- TÍTULO -->
                <h2 id="modalAtractivoTitulo" class="atlas-modal-title"></h2>

                <!-- DESCRIPCIÓN -->
                <p id="modalAtractivoDescripcion" class="atlas-modal-desc"></p>

                <!-- VER MÁS -->
                <div id="modalAtractivoVerMas" 
                     class="vermas-btn"
                     style="display:none;">
                </div>

                <!-- FUENTE -->
                <div id="modalAtractivoLink" 
                     class="atlas-modal-link mb-3">
                </div>

                <!-- GOOGLE MAPS -->
                <a id="btnAtractivoMaps" 
                   href="#" target="_blank" 
                   class="atlas-modal-btn">
                   Traza tu ruta en Google Maps
                </a>

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


<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />

<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

<!-- ====== ARCHIVO JS ====== -->
<script src="/js/theWorlds50BestRestaurant.js"></script>

@endsection


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="ATLAS TURISTICO DE MÉXICO">
    <meta name="author" content="Atlas Turístico de México">
    <title>
      
          </title>

    <link rel="icon" type="image/png" href="https://www.atlasturistico.sectur.gob.mx/img/logo.png">
    <meta name="google-site-verification" content="H39MNUapLZe7kxImzJ2FUYp0MGPzwNVs8B4aubeaW2c" />

    <meta property="og:locale" content="es_MX" />
    <meta property="og:type" content="Sitio electrónico" />
    <meta property="og:title" content="Atlas Turístico de México" />
    <meta property="og:image" content="https://www.atlasturistico.sectur.gob.mx/img/logo.png">
    <meta property="og:description"
        content="El Atlas Turístico de México es el registro sistemático de carácter público de todos los bienes, recursos naturales y culturales que puedan constituirse en atractivos turísticos nacionales, sitios de interés y en general todas aquellas zonas y áreas territoriales de desarrollo Turístico." />
    <meta property="og:url" content="https://atlasturistico.sectur.gob.mx/" />
    <meta property="og:site_name" content="Atlas Turístico de México" />

    <!--Para facebook-->
    <meta property="og:image:secure_url" content="https://www.atlasturistico.sectur.gob.mx/img/logo.png">
    <meta property="og:image:width" content="296" />
    <meta property="og:image:height" content="45" />
    <meta property="og:image:alt" content="Visualizador Turístico" />

    <!--Para twitter-->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@ATM" />
    <meta name="twitter:description"
        content="El Atlas Turístico de México es el registro sistemático de carácter público de todos los bienes, recursos naturales y culturales que puedan constituirse en atractivos turísticos nacionales, sitios de interés y en general todas aquellas zonas y áreas territoriales de desarrollo Turístico." />
    <meta name="twitter:title" content="Visualizador Turístico" />
    <meta name="twitter:image" content="https://www.atlasturistico.sectur.gob.mx/img/logo.png">

    <!--Para mensajería-->
    <meta property="og:image:secure_url" content="https://www.atlasturistico.sectur.gob.mx/img/logo.png">
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="296" />
    <meta property="og:image:height" content="45" />

    <!-- Favicons-->
    <link rel="shortcut icon" href="https://www.atlasturistico.sectur.gob.mx/img/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" type="image/x-icon" href="https://www.atlasturistico.sectur.gob.mx/img/apple-touch-icon-57x57-precompose.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72"
        href="https://www.atlasturistico.sectur.gob.mx/img/apple-touch-icon-72x72-precomposed.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114"
        href="https://www.atlasturistico.sectur.gob.mx/img/apple-touch-icon-114x114-precomposed.png">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144"
        href="https://www.atlasturistico.sectur.gob.mx/img/apple-touch-icon-144x144-precomposed.png">

    <!-- GOOGLE WEB FONT -->
    <link
        href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Montserrat:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">

    <!-- COMMON CSS -->
    <link href="https://www.atlasturistico.sectur.gob.mx/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://www.atlasturistico.sectur.gob.mx/css/style.css" rel="stylesheet">
    <link href="https://www.atlasturistico.sectur.gob.mx/css/vendors.css" rel="stylesheet">

    <!-- REVOLUTION SLIDER CSS -->
    <link rel="stylesheet" type="text/css" href="https://www.atlasturistico.sectur.gob.mx/css/rev-slider-files/fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="https://www.atlasturistico.sectur.gob.mx/css/rev-slider-files/css/settings.css">
    <link rel="stylesheet" type="text/css" href="https://www.atlasturistico.sectur.gob.mx/css/rev-slider-files/css/layers.css">
    <link rel="stylesheet" type="text/css" href="https://www.atlasturistico.sectur.gob.mx/css/rev-slider-files/css/navigation.css">

    <!-- CUSTOM CSS -->
         

    <link href="https://www.atlasturistico.sectur.gob.mx/css/custom.css" rel="stylesheet">

    <style>
    /* ============================
       NUEVO BOTÓN FUTBOL
    ============================ */
    .futbol-tab {
        position: fixed;
        bottom: 150px;
        right: 25px;
        z-index: 100000 !important;
        background: transparent;
        padding: 0;
    }

    .futbol-tab img {
        height: 65px;
        border-radius: 14px;
        box-shadow: 0 6px 14px rgba(0,0,0,0.15);
        transition: all 0.25s ease;
    }

    .futbol-tab img:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 18px rgba(0,0,0,0.22);
    }

    /* BOTÓN HOME GLOBAL (centrado como en mapas de estados) */
    .btn-global-home {
        position: fixed;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
        background: #ffffff;
        padding: 10px 12px;
        border-radius: 12px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.25);
        cursor: pointer;
        z-index: 99999;
        transition: 0.2s ease-in-out;
    }

    .btn-global-home:hover {
        transform: translateY(-50%) scale(1.06);
    }

    .btn-global-home img {
        width: 42px;
        height: auto;
    }

    /* Móvil */
    @media (max-width: 768px) {
        .btn-global-home {
            right: 10px;
            top: 55%;
            padding: 7px 8px;
        }
        .btn-global-home img {
            width: 42px;
        }
    }

    /* ✅ IMPORTANTE:
       Se removió el padding-top global en <main> porque provoca
       una franja blanca/espacio extra sobre el contenido (mapas). */
    </style>

    <!-- CUSTOM js -->
    <script src="https://www.atlasturistico.sectur.gob.mx/js/include.js" defer></script>

</head>

<body>

  <div id="preloader">
      <div class="sk-spinner sk-spinner-wave">
          <div class="sk-rect1"></div>
          <div class="sk-rect2"></div>
          <div class="sk-rect3"></div>
          <div class="sk-rect4"></div>
          <div class="sk-rect5"></div>
      </div>
  </div>
  <!-- End Preload -->

  <div class="layer"></div>
  <!-- Mobile menu overlay mask -->

  <!-- Header================================================== -->
  <header>
      <style>
.lang-switch{
  display:inline-flex;
  align-items:center;
  font-weight:700;
  text-decoration:none;
  color: inherit;
}

.lang-switch .sep{ opacity:.5; margin: 0 6px; }

.lang-switch span{ opacity:.55; }
.lang-switch span.active{ opacity:1; text-decoration:underline; }

/* Para separarlo del último item del menú (RNT) */
.language-item{ margin-left: 18px; }

/* Empuja el item al extremo derecho del UL (si el UL es flex) */
.main-menu > ul{
  display: flex;
  align-items: center;
}

.main-menu > ul > li.push-right{
  margin-left: auto !important;
}

.language-item{
  padding-left: 14px;
}

</style>

<div class="container">
    <div class="row">
        <div class="col-4">
            <div id="logo">
<a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico"
   >
    <img src="https://www.atlasturistico.sectur.gob.mx/img/logo-sectur-b.png" width="250" height="auto"
         alt="Atlas Turistico de México" class="logo_normal">
</a>

                <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico">
                    <img src="https://www.atlasturistico.sectur.gob.mx/img/logo-sectur-n.png" width="250" height="auto" alt="Atlas Turistico de México" class="logo_sticky">
                </a>

                            </div>
        </div>




        <!-- Cargar el menú desde menu -->
        <nav class="col-8">
            <a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);">
                <span>Menu mobile</span>
            </a>



            <div class="main-menu">
                <div id="header_menu">
                    <img src="https://www.atlasturistico.sectur.gob.mx/img/logo.png" width="160" height="auto" alt="Atlas Turistico de México">
                </div>

                <a href="#" class="open_close" id="close_in">
                    <i class="icon_set_1_icon-77"></i>
                </a>

                <ul>
                    <li class="submenu align-middle">
                        <a href="javascript:void(0);" class="show-submenu">Atractivos Turisticos <i class="icon-down-open-mini"></i></a>
                        <ul>
                            <li class="third-level"><a href="javascript:void(0);">Turismo Cultural</a>
                                <ul>
                                    <li class="third-level"><a href="javascript:void(0);">Patrimonio Mundial</a>
                                        <ul>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/sitios-patrimonio">Sitios Patrimonio</a></li>
                                        </ul>
                                    </li>
                                    <li class="third-level"><a href="javascript:void(0);">Tesoros de México</a>
                                        <ul>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/tesoros-de-mexico-hoteles">Hoteles</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/tesoros-de-mexico-restaurantes">Restaurantes</a></li>
                                        </ul>
                                    </li>
                                    <li class="third-level"><a href="javascript:void(0);">Zonas Arqueológicas</a>
                                        <ul>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/zonasArqueologicas">Zonas Arqueológicas</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/zonasArqueologicasDiscapacidad">Zonas Arqueológicas con <br />Accesibilidad a Discapacidad</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/galeriasArte">Galerías de Arte</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/museos">Museos</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/teatros">Teatros</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/haciendas-abiertas-publico">Haciendas Abiertas al Público</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Turismo de Salud y Bienestar</a>
                                <ul>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/spas">Spas</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Turismo Deportivo</a>
                                <ul>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/marinas">Marinas</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Turismo de Sol y Playa</a>
                                <ul>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/cipFonatur">CIP FONATUR</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/destinosPlaya">Destinos de Playa</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/playasCertificadasBlueFlag">Playas Certificadas Blue Flag</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/playasIncluyentes">Playas Incluyentes</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Turismo de Naturaleza</a>
                                <ul>
                                    <li class="third-level"><a href="javascript:void(0);">Biodiversidad</a>
                                        <ul>
                                            <li>
                                                <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/zonasNaturalesProtegidasVocacionTuristica">Áreas Naturales Protegidas<br />con Vocación Turística</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Turismo Gastronómico</a>
                                <ul>
                                    <li class="third-level"><a href="javascript:void(0);">Guía Michelin</a>
                                        <ul>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/estrellaMichelin1">1 Estrella Michelin</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/estrellaMichelin2">2 Estrella Michelin</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/bibGourmand">Bib Gourmand</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/estrellaVerde">Estrella Verde</a></li>
                                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/recomendacionesMichelin">Recomendaciones Michelin</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/theLatinoamerican50BestRestaurant">The Latinoamerican 50 <br />Best Restaurant</a></li>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/theWorlds50BestRestaurant">The Worlds 50 Best Restaurant</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="javascript:void(0);">Sedes Mundialistas 2026</a>
                                <ul>
                                    <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/estadios">Estadios</a></li>
                                </ul>
                            </li>

                            <li class="third-level"><a href="">Rutas Turísticas</a>
                                <ul>
                                    <li class="rutas-completas"><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rutasReligiosas">Rutas Religiosas</a></li>
                                    
                                    <li><a href="/dev/v1/rutas-mundialistas" class="tituloSedes">>Rutas del Aficionado</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    <li class="align-middle">
                        <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico">Estados</a>
                    </li>

                    <li class="align-middle">
                        <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/pueblosMagicos">Pueblos <br />Mágicos</a>
                    </li>

                    <li class="third-level">
                        <a href="javascript:void(0);">Proyectos <br />Estratégicos</a>
                        <ul>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rutaTrenMaya">Ruta Tren Maya</a></li>
                        </ul>
                    </li>

                    <li class="submenu align-middle">
                        <a href="javascript:void(0);" class="show-submenu">Prestadores de Servicios <br />Turísticos en el RNT <i class="icon-down-open-mini"></i></a>
                        <ul>
                            <!-- <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntAgenciasViajes">Agencia de viajes</a></li> -->
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntAgenciaIntegradoraServicios">Agencia integradora de servicios</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntAlimentosBebidas">Alimentos y bebidas</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntArrendadoraAutos">Arrendadora de autos</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rnt-balneario-parque-acuatico">Balneario y parque acuático</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntCampoGolf">Campo de golf</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntGuardavidaSalvavida">Guardavida/salvavida</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntGuiaTuristas">Guía de turistas</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntOperadoraAventuraNaturaleza">Operadora de aventura/naturaleza</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntOperadoraBuceo">Operadora de buceo</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rnt-operadora-de-marina-turistica">Operadora de marina turística</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntParqueTematico">Parque temático</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntSpa">Spa</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntTiemposCompartidos">Tiempos compartidos</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntTourOperador">Tour operador</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntTransportadoraTuristica">Transportadora turística</a></li>
                            <li><a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/rntVueloGloboAerostatico">Vuelo en globo aerostático</a></li>
                        </ul>
                    </li>

                    <!-- ✅ AQUÍ VA EL SWITCH: al final del UL -->
<li class="align-middle language-item push-right">
    <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/atractivos-turisticos/theWorlds50BestRestaurant" class="lang-switch">
        <span class="">ESP</span>
        <span class="sep">|</span>
        <span class="active">ENG</span>
    </a>
</li>

                </ul>
            </div><!-- End main-menu -->
        </nav>
    </div>
</div>
  </header>
  <!-- End Header -->

  <main>
        </main>
  <!-- End main -->

  <footer class="revealed">
      <div class="container">
          <div class="row">
              <div class="col-md-3">
                  <style>
                      .logosFooter{
                          display: block;
                          width: 40%;
                      }
                  </style>
                  <img src="https://framework-gb.cdn.gob.mx/gobmx/img/logo_blanco.svg" class="logosFooter mb-5" width="100px" alt="">
                  <a href="https://visitmexico.com/" target="_blank"><img src="https://visitmexico.com/gmx_assets/front__gmx_sep__images__gmx_sep__visitmexico__gmx_dot__png" class="logosFooter mt-5" alt=""></a>
              </div>
              <div class="col-md-3">
                  <h3>Necesitas Ayuda?</h3>
                  <ul>
                      <li>
                          <a href="/AtlasTuristico/pdf/temas_es.pdf">Ayuda</a>
                      </li>
                      <li>
                          <a href="https://www.atlasturistico.sectur.gob.mx/AtlasTuristico/actualizaciones">Actualizaciones</a>
                      </li>
                  </ul>
              </div>
              <div class="col-md-3">
                  <h3>SECTUR</h3>
                  <ul>
                      <li><a href="https://atlasturistico.sectur.gob.mx/AtlasTuristico/">Atlas Turistico de México</a></li>
                      <li><a href="#">Preguntas Frecuentes</a></li>
                      <li><a href="https://atlasturistico.sectur.gob.mx/AtlasTuristico/politicas.do?lang=es" target="_blank">Terminos y Condiciones</a></li>
                  </ul>
              </div>

              <div class="col-md-2">
                  <h3>Sitios</h3>
                  <div>
                      <div style="padding: 5px;">
                          <a href="https://www.gob.mx/sectur" target="_blank"><img src="https://www.atlasturistico.sectur.gob.mx/img/Horizontal_Turismo_final_blanco.png" width="50%" alt=""></a>
                      </div>
                      <div style="padding: 5px;">
                          <a href="https://datatur.sectur.gob.mx/SitePages/Inicio.aspx" target="_blank"><img src="https://www.atlasturistico.sectur.gob.mx/img/Logo-Datatur-blanco.png" alt="" width="50%"></a>
                      </div>
                      <div style="padding: 5px;">
                          <a href="https://rnt.sectur.gob.mx/" target="_blank"><img src="https://www.atlasturistico.sectur.gob.mx/img/log-rnt.png" alt="" style="width: 25%;height: auto;"></a>
                      </div>
                  </div>
              </div>
          </div><!-- End row -->
          <div class="row">
              <div class="col-md-12">
                  <div id="social_footer">
                      <ul></ul>
                      <p>SECRETARÍA DE TURISMO, MÉXICO - DERECHOS RESERVADOS v1 © 2025 - <a href="/AtlasTuristico/politicas.do?lang=es">CONDICIONES DE PRIVACIDAD</a><br/>
                      Presidente Masaryk 172, Col. Bosques de Chapultepec, Del. Miguel Hidalgo, C.P. 11580, CDMX</p>
                  </div>
              </div>
          </div><!-- End row -->
      </div><!-- End container -->
  </footer>
  <!-- End footer -->

  <a href="https://visitmexico.com"
      class="visitmexico-tab position-fixed bottom-0 end-0 mb-5 me-3 bg-white rounded shadow p-2 d-inline-block"
      target="_blank"
      aria-label="Ir a VisitMexico.com">
      <img src="https://visitmexico.com/gmx_assets/front__gmx_sep__images__gmx_sep__logo__gmx_dot__png"
          alt="Visit Mexico"
          class="visitmexico-img">
  </a>

  
        
      <div class="btn-global-home" onclick="window.location='https://www.atlasturistico.sectur.gob.mx/atlas/nuevo-mapa-estados'">
          <img src="https://www.atlasturistico.sectur.gob.mx/img/wired-gradient-63-home-hover-partial-roll.gif" alt="Home">
      </div>
  

  <div id="toTop"></div><!-- Back to top button -->

  <!-- Common scripts -->
  <script src="https://www.atlasturistico.sectur.gob.mx/js/jquery-3.7.1.min.js"></script>
  <script src="https://www.atlasturistico.sectur.gob.mx/js/common_scripts_min.js"></script>
  <script src="https://www.atlasturistico.sectur.gob.mx/js/functions.js"></script>

  <!-- Map -->
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7cuy8QwVhkCOqSUqqgYpy_x5Cwmr3Ev8"></script>
  
  <script>
  document.addEventListener("DOMContentLoaded", function () {

      const path = window.location.pathname;

      // Normalizamos por si hay trailing slash
      const cleanPath = path.replace(/\/$/, "");

      // Rutas donde NO debe aparecer el botón Home global
      const rutasExcluidas = [
          "/AtlasTuristico",
          "/AtlasTuristico/mapa-estados",
          "/",
      ];

      // Ocultar si coincide EXACTAMENTE o empieza con /AtlasTuristico/estados/
      const esMapaEstado = cleanPath.startsWith("/AtlasTuristico/estados/");
      const esRutaExcluida = rutasExcluidas.includes(cleanPath);

      if (esMapaEstado || esRutaExcluida) {
          const btn = document.querySelector(".btn-global-home");
          if (btn) btn.style.display = "none";
      }
  });
  </script>

</body>

</html>