

<script>

    window.siteConfig = {"taxonomia":{"singular":"zona de cruising","plural":"zonas de cruising","pluralLarga":"zonas de cruising y de encuentros gay"},"orientacionLarga":"gays buscando encuentros cruising","eslogan":"Gay spots y lugares dónde practicar cruising","dominio":"cruisingmap.com"};

    // Agrego los valores de php a este script para tenerlo disponible archivos .js 
    // Para implementarlo se meteria asi: ${window.datingUrlMispicaderos}
    window.datingName = 'Encuentros Cruisingmap';
    window.datingUrl = 'https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlCruisingmap = 'https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlSwingerplaces = 'https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlTrovacamporella = 'https://dating.trovacamporella.com';
    window.datingUrlPlacesforlove = 'https://dating.placesforlove.com';
    window.datingUrlMispicaderos = 'https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';

    window.OrientacionCorta = 'gays';
    window.OrientacionLarga = 'gays buscando encuentros cruising';
    window.taxonomiaOrientacionSingular = 'zona de cruising';
    window.OrientacionLarga = 'gays buscando encuentros cruising';
    // Declarar 'pagina' globalmente para que custom.js y otros scripts puedan usarla sin ReferenceError
    window.pagina = 'categoria';
    var pagina = 'categoria';


</script><!doctype html>
        <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
    <!-- header -->
        <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">

    <!-- Base href para resolver paths relativos correctamente -->
    <base href="//cruisingmap.com/" />

    <!-- colores segun dominio -->
        <meta name="theme-color" content="#d01c97"><!-- Chrome -->
    <meta name="msapplication-navbutton-color" content="#d01c97"><!-- Windows Phone -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#d01c97"><!-- iOS Safari -->

    <link rel="shortcut icon" href="/favicon-cruisingmap.ico" type="image/x-icon">
    <link rel="icon" href="/favicon-cruisingmap.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon-cruisingmap.ico" type="image/x-icon" />
        <link rel="apple-touch-icon-precomposed" type="image/png" href="/icono-cruisingmap-200.png" sizes="200x200">
    <meta name="author" content="CruisingMap">

    

    <meta name="description" id="metaDescription" content="La mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 que buscan total privacidad, seguridad y comodidad. Reserva una habitación de motel por horas o noche completa. Ideal para encuentros discretos sin preocupaciones. ¡La solución perfecta y legal!Pros: 100% PRIVADO, SEGURO Y LEGAL, comodidad (cama, baño), sin riesgo de multas ni mirones.Contras: Cuesta dinero (pero lo vale).">

    <meta name="keywords"
        content="mapa, picaderos, sexcondites, zonas de cruising, clubs swingers,sexo, follar, coche, motel, encuentros, citas, swingers, tríos, LGTBI, BDSM, parejas liberales, encuentros 50, ,,,zona de cruising,&lt;strong&gt;Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测&lt;/strong&gt;&lt;p class=&#039;small mt-2&#039;&gt;&lt;i&gt;La Opción Segura, Legal y Privada&lt;/i&gt;,cruisingmap.com">

    <link rel="image_src" id="metaImg" href="og:image" content="https://maps.geoapify.com/v1/staticmap?style=osm-carto&width=600&height=400&center=lonlat:,&zoom=14&marker=lonlat:,;color:%231283b6;size:42&scaleFactor=2&apiKey=c874ac983a394949a860b21d90cc7a4a" />
    <meta property="og:title" content="Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 La Opción Segura, Legal y Privada  - CruisingMap - Categorias">
    <meta property="og:description" content="La mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 que buscan total privacidad, seguridad y comodidad. Reserva una habitación de motel por horas o noche completa. Ideal para encuentros discretos sin preocupaciones. ¡La solución perfecta y legal!Pros: 100% PRIVADO, SEGURO Y LEGAL, comodidad (cama, baño), sin riesgo de multas ni mirones.Contras: Cuesta dinero (pero lo vale).">
            <meta property="og:image" content="https://cruisingmap.com/assets/img/icono-cruisingmap-1024.png">
        <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="600">
    <meta property="og:image:height" content="450">
    <meta property="og:url" content="https://cruisingmap.com">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://maps.geoapify.com/v1/staticmap?style=osm-carto&width=600&height=400&center=lonlat:,&zoom=14&marker=lonlat:,;color:%231283b6;size:42&scaleFactor=2&apiKey=c874ac983a394949a860b21d90cc7a4a">
    <meta name="twitter:title" content="Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 La Opción Segura, Legal y Privada  - CruisingMap - Categorias">
    <meta name="twitter:description" content="La mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 que buscan total privacidad, seguridad y comodidad. Reserva una habitación de motel por horas o noche completa. Ideal para encuentros discretos sin preocupaciones. ¡La solución perfecta y legal!Pros: 100% PRIVADO, SEGURO Y LEGAL, comodidad (cama, baño), sin riesgo de multas ni mirones.Contras: Cuesta dinero (pero lo vale).">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon" href="https://cruisingmap.com/assets/img/icono-cruisingmap-1024.png">

    <!-- Precargar recursos críticos -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    
    <meta name="revisit-after" content="7 days">


            <link rel="canonical" href="https://cruisingmap.com/categoria?add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B&amp;tipo=Motel">
    
        <title>Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 La Opción Segura, Legal y Privada  - CruisingMap - Categorias</title>

    <!--ETIQUETA META PARA INDEXACION EN BING-->
    <meta name="msvalidate.01" content="E12642C1CF960626671A92EFBBF9F3AB" />

    <!-- MANIFEST PWA segun dominio -->
            <link rel="manifest" href="manifest-cruisingmap.json">
    
    <!--SW PARA PWA (codigo para el button en _footer.php)-->
        <script>
        if ('serviceWorker' in navigator) {
            // Al cargar la ventana, registramos el Service Worker
            window.addEventListener('load', function () {
                navigator.serviceWorker.register('/pwabuilder-sw.js', {
                    scope: '/'
                }).then(function (reg) {
                    console.log('[PWA] Service worker registrado correctamente. Scope:', reg.scope);
                }).catch(function (error) {
                    console.error('[PWA] Fallo al registrar el Service worker:', error);
                });
            });
        }
    </script>


    <!-- GOOGLE ANALITYCS NUEVO CON TRACKER DE PWA -->
    <!-- Google tag (gtag.js) - GA 4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NJBN4CESZ3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-NJBN4CESZ3');

        // Trackear instalación de PWA
        window.addEventListener('appinstalled', (event) => {
            gtag('event', 'pwa_install', {
                event_category: 'PWA',
                event_label: 'Instalación completada'
            });
        });
    </script>

    

    <!-- Hotjar Tracking Code for TOADAS LAS PAGINAS (PENDIENTE: cruisingmap, trovacamporella) -->
    <script>
        (function (h, o, t, j, a, r) {
            h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
            //h._hjSettings={hjid:5311274,hjsv:6};
            h._hjSettings = {
                hjid:130589, hjsv: 6
            };
            a = o.getElementsByTagName('head')[0];
            r = o.createElement('script'); r.async = 1;
            r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
            a.appendChild(r);
        })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>

    <!-- Cookie Consent by FreePrivacyPolicy.com https://www.FreePrivacyPolicy.com -->
    <script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.2.0/cookie-consent.js"
        charset="UTF-8"></script>
    <script type="text/javascript" charset="UTF-8">
        document.addEventListener('DOMContentLoaded', function () {
            cookieconsent.run({ "notice_banner_type": "simple", "consent_type": "express", "palette": "dark", "language": "es", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "page_refresh_confirmation_buttons": false, "website_privacy_policy_url": "aviso-legal.php" });
        });
    </script>

    <noscript>Cookie Consent by <a href="https://www.freeprivacypolicy.com/">Free Privacy Policy
            Generator</a></noscript>
    <!-- End Cookie Consent by FreePrivacyPolicy.com https://www.FreePrivacyPolicy.com -->




    <!--ANALITYCS DE METRICOOL-->
    <script>
        function loadScript(a) { var b = document.getElementsByTagName("head")[0], c = document.createElement("script"); c.type = "text/javascript", c.src = "https://tracker.metricool.com/resources/be.js", c.onreadystatechange = a, c.onload = a, b.appendChild(c) } loadScript(function () {
            beTracker.t({
                hash: "" })
        });
    </script>

    <!-- SCRIPT DE COMMENTICS -->
    <script src="https://cruisingmap.com/comments/embed.js"></script>



    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
<!--<link rel="stylesheet" href="assets/font-awesome/css/all.min.css">  FONTAWESOME LOCAL NO FUNCIONA EN ANDROID-->
<link rel="stylesheet" href="/assets/fontastic/styles.css">
<link rel="stylesheet" href="/assets/css/jquery.scrollbar.css">
<link rel="stylesheet" href="/assets/css/leaflet.css">
<!-- SE SUELE CAER <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />-->
<link rel="stylesheet" href="/assets/css/Control.Geocoder.css" />
<!-- bootstrap-select CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- rating CSS -->
<!-- <link rel="stylesheet" type="text/css" href="rating/rating.css" />-->
<link rel="stylesheet" href="/assets/css/style.css">
    <!-- Structured Data para SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "CruisingMap",
      "url": "https://cruisingmap.com",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://cruisingmap.com/map?add={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "description": "La mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 que buscan total privacidad, seguridad y comodidad. Reserva una habitación de motel por horas o noche completa. Ideal para encuentros discretos sin preocupaciones. ¡La solución perfecta y legal!Pros: 100% PRIVADO, SEGURO Y LEGAL, comodidad (cama, baño), sin riesgo de multas ni mirones.Contras: Cuesta dinero (pero lo vale)."
    }
    </script>

</head>

<body class=" cruisingmap categoria">
    <input type="hidden" id="input_localidadObtenidaOnMove" name="input_localidadObtenidaOnMove">
    <input type="hidden" id="input_provinciaObtenidaOnMove" name="input_provinciaObtenidaOnMove">
    <input type="hidden" id="input_comunidadObtenidaOnMove" name="input_comunidadObtenidaOnMove">
    <input type="hidden" id="input_paisObtenidaOnMove" name="input_paisObtenidaOnMove">


    <header id="ts-header" class="fixed-top">
        <style>
    /* Custom CSS for Megamenu */
    .megamenu {
        position: static !important;
    }

    .megamenu .dropdown-menu {
        width: 100%;
        border: none;
        border-radius: 5px;
        margin-top: 0;
        padding: 0;
        overflow: hidden;
    }

    #ts-primary-navigation-megamenu {
        position: fixed;
        height: 70px;
        width: 100%;
        top: 0px;
        z-index: -1;
    }

    /* Desktop styles - HOVER BEHAVIOR */
    @media (min-width: 992px) {
        .navbar-nav {
            align-items: center;
        }

        .dropdown-menu {
            box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
            display: none;
        }

        /* Show dropdown on hover */
        .navbar-nav .dropdown:hover .dropdown-menu {
            display: block;
        }

        /* Add transition for smoother appearance */
        .navbar-nav .dropdown-menu {
            transition: all 0.2s ease;
            opacity: 0;
            visibility: hidden;
            display: block;
            /*margin-top: 10px;*/
        }

        .navbar-nav .dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            margin-top: 0;
        }

        /* cambios para centrar menu */
        .navbar-expand-lg .navbar-collapse {
            justify-content: space-between;
        }

        .navbar.navbar-expand-lg ul.navbar-nav {
            margin: 0 auto;
        }
    }

    /* Mobile menu styles */
    @media (max-width: 991.98px) {

        /* Important: Override Bootstrap's default behavior */
        .navbar-collapse {
            display: block !important;
            position: fixed;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: 1050;
            background-color: #fff;
            transition: all 0.3s ease;
            overflow-y: auto;
            padding: 1rem;
            opacity: 0;
            visibility: hidden;
        }

        .navbar-collapse.mobile-open {
            top: 60px;
            opacity: 1;
            visibility: visible;
            padding-bottom: 40px;
        }

        .mobile-menu-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background-color: rgba(0,0,0,0.5);*/
            z-index: 1040;
        }

        .mobile-menu-overlay.show {
            display: block;
        }

        .dropdown-menu {
            border: none;
            padding: 0 1rem;
            position: static !important;
            float: none;
            width: 100%;
            transform: none !important;
            display: none;
        }

        .megamenu .dropdown-toggle::after {
            margin-left: auto;
        }

        .navbar-nav .nav-item {
            width: 100%;
        }

        ul.navbar-nav>.nav-item>.nav-link {
            padding: 0.4em;
            font-size: 1.2em;
            gap: 1em;
            display: flex;
            align-items: center;
        }

        .close-mobile-menu {
            position: fixed;
            top: 15px;
            right: 15px;
            font-size: 1.5rem;
            cursor: pointer;
            z-index: 1060;
            background: #fff;
            border-radius: 50px;
            padding: 5px;
            color: var(--blue);
        }

        /* Override Bootstrap's collapse animation */
        .collapsing {
            -webkit-transition: none;
            transition: none;
            display: none;
        }
    }

    /* Menu item styles */
    .megamenu-heading {
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
    }

    .megamenu-list {
        list-style: none;
        padding-left: 0;
    }

    .megamenu-list li {
        padding: 5px 0;
    }

    .megamenu-list li a {
        color: #666;
        text-decoration: none;
        transition: color 0.2s;
    }

    .megamenu-list li a:hover {
        color: #007bff;
    }



    /* Featured content */
    .featured-content {
        background-color: #f8f9fa;
        padding: 15px;
        border-radius: 5px;
    }

    .featured-content img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    /* Fix for body when menu is open */
    body.menu-open {
        overflow: hidden;
    }
</style>


<nav class="navbar navbar-expand-lg navbar-dark navbar-light_____ bg-light____ navbar-header-ellipsis">


    <!--Brand Logo-->
    <a class="navbar-brand" href="/">
                <img src="/assets/img/logos/cruisingmap-white.svg" alt="CruisingMap">

        <h1 class="titulo-header-pagina notranslate__">Gay spots y lugares dónde practicar cruising</h1>
    </a>
    <a class="enlaceColabora navbar-toggler border-0 p-0 d-flex  d-md-none" href="colabora">
        <i class="bi bi-plus-lg"></i>
    </a>
    <button class="navbar-toggler text-light____ border-0 p-0" type="button" id="mobileMenuToggle">
        <i class="icon-navicon fa-lg"></i>
    </button>
    




    <!-- Remove collapse class to prevent Bootstrap's default behavior -->
    <div class="navbar-collapse" id="navbarContent">
        <span class="close-mobile-menu d-lg-none"><i class="icon-close-round"></i></span>

        <ul class="navbar-nav mt-sm-0 mr-auto">

            
                            <li class="buscador-home d-flex d-sm-none">
                    

<div class="search-container">
    <i class="bi bi-search search-icon"></i>
    <input
        type="text"
        id="searchInput"
        class="searchInput-home"
        placeholder="Empieza a escribir… (Ej: Barcelona)"
        autocomplete="off"
    >
</div>

<div class="suggestions-container">
    <ul id="suggestions" class="suggestions">
    </ul>
</div>

<div id="loading"><i class="fas fa-circle-notch fa-spin"></i> Buscando...</div>
                </li>
            
            <li class="nav-item dropdown megamenu d-flex d-sm-none">
                <a class="nav-link" href="colabora">
                    <i class="bi bi-plus-circle"></i>Añadir <span
                        class="notranslate">zonas de cruising</span>
                </a>
            </li>

            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button">
                    <i class="bi bi-sign-turn-slight-right"></i> En ruta
                </a>
                <div class="dropdown-menu p-3" aria-labelledby="aboutDropdown">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="featured-content_ ">
                                <a class="card" href="https://blablafuck.com/ruta" target="blank">
                                    <div class="card-body ">
                                        <div class="content text-dark">
                                            <h4>Crea una ruta con BlaBlaFuck</h4>
                                            <p>Introduce origen y destino y obtén una ruta optimizada con paradas
                                                ordenadas, con ubicación, características y valoraciones. Encuentra
                                                lugares seguros y discretos fácilmente.</p>
                                            <p class=" btn btn-block bg-white text-primary mt-2 pl-3 pr-3"
                                                style="display: inline-block;"><i
                                                    class="bi bi-sign-turn-slight-right"></i> Crear una ruta caliente
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="featured-content_ ">
                                <a class="card" href="https://blablafuck.com/ruta?mode=follow" target="blank">
                                    <div class="card-body ">
                                        <div class="content text-dark">
                                            <h4>Activa el radar de BlaBlaFuck</h4>
                                            <p>Activa el modo radar y encuentra los lugares más cercanos en tiempo real,
                                                ordenados por distancia y sin desvíos.</p>
                                            <p class=" btn btn-block bg-white text-primary mt-2 pl-3 pr-3"
                                                style="display: inline-block;"><i class="bi bi-radar"></i> Activar radar
                                                de picaderos</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>

            
            

            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="paisesDropdown" role="button">
                    <i class="bi bi-globe-americas"></i> Paises
                </a>
                <div class="dropdown-menu p-3" aria-labelledby="paisesDropdown" style="background:#f8f9fa;">
                    <div class="row gap-3">
                        <a class="btn font-weight-bold mb-1 border text-left" href="/pais/espana/">
    <i class="bi bi-geo-alt"></i> España <span class="badge badge-light float-right text-muted d-none">30.732</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/italia/">
    <i class="bi bi-geo-alt"></i> Italia <span class="badge badge-light float-right text-muted d-none">4.669</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/mexico/">
    <i class="bi bi-geo-alt"></i> México <span class="badge badge-light float-right text-muted d-none">2.028</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/portugal/">
    <i class="bi bi-geo-alt"></i> Portugal <span class="badge badge-light float-right text-muted d-none">1.600</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/colombia/">
    <i class="bi bi-geo-alt"></i> Colombia <span class="badge badge-light float-right text-muted d-none">988</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/argentina/">
    <i class="bi bi-geo-alt"></i> Argentina <span class="badge badge-light float-right text-muted d-none">664</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/chile/">
    <i class="bi bi-geo-alt"></i> Chile <span class="badge badge-light float-right text-muted d-none">542</span>
</a>
                <a class="btn font-weight-bold mb-1 border text-left" href="/pais/francia/">
    <i class="bi bi-geo-alt"></i> Francia <span class="badge badge-light float-right text-muted d-none">473</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/peru/">
    <i class="bi bi-geo-alt"></i> Peru <span class="badge badge-light float-right text-muted d-none">267</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/suiza/">
    <i class="bi bi-geo-alt"></i> Suiza <span class="badge badge-light float-right text-muted d-none">175</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/costa-rica/">
    <i class="bi bi-geo-alt"></i> Costa Rica <span class="badge badge-light float-right text-muted d-none">173</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/uruguay/">
    <i class="bi bi-geo-alt"></i> Uruguay <span class="badge badge-light float-right text-muted d-none">166</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/belgica/">
    <i class="bi bi-geo-alt"></i> Bélgica <span class="badge badge-light float-right text-muted d-none">142</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/ecuador/">
    <i class="bi bi-geo-alt"></i> Ecuador <span class="badge badge-light float-right text-muted d-none">124</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/brasil/">
    <i class="bi bi-geo-alt"></i> Brasil <span class="badge badge-light float-right text-muted d-none">117</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/estados-unidos-de-america/">
    <i class="bi bi-geo-alt"></i> Estados Unidos de América <span class="badge badge-light float-right text-muted d-none">105</span>
</a>
<a class="btn font-weight-bold mb-1 border text-left" href="/pais/panama/">
    <i class="bi bi-geo-alt"></i> Panamá <span class="badge badge-light float-right text-muted d-none">88</span>
</a>                    </div>
                </div>
            </li>




            <!-- Bloque tipos de lugares Megamenu -->
            


            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="favoritosDropdown" role="button">
                    <i class="bi bi-bag-heart"></i> Mis favoritos
                </a>
                <div class="dropdown-menu  p-3" aria-labelledby="favoritosDropdown">
                    <ul class="favorites__list" data-my-favorites data-my-favorites-empty="Sin favoritos aun.">
                    </ul>
                    <p><i>Guarda tus zonas de cruising preferidas haciendo click en el icono <i
                                class="bi bi-heart"></i> cuando veas uno que te guste.</i></p>
                </div>
            </li>

            <!-- Unete Megamenu -->
            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="uneteDropdown" role="button">
                    <i class="bi bi-people"></i> Únete
                </a>
                <div class="dropdown-menu" aria-labelledby="uneteDropdown">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="p-3">
                                <h6 class="megamenu-heading">
                                    <strong>Zonas de cruising</strong> y
                                    <strong>Gays buscando encuentros cruising</strong>. La combinación perfecta.
                                    ;)
                                </h6>
                                <p class="mb-2">En cruisingmap.com encontrarás
                                    zonas de cruising y si quieres conocer
                                    gays buscando encuentros cruising entra en la comunidad:
                                </p>
                                <ul class="list-unstyled lista-enlace-descripcion">
                <li>
                <a target="_blank" href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=submenuunetelista">
                    <h5>Encuentros Cruisingmap</h5>
                    <p>Una comunidad gay donde encontrar a tu chico ideal</p>
                </a>
            </li>
    </ul>                            </div>
                        </div>
                        <div class="col-md-6 d-none d-sm-block">
                            <script>
    function trackBannerEvent(data) {
        try {
            fetch("/intranet/banner-tracking/click.php", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(data)
            });
        } catch (e) { }
    }
</script>
<!-- Bloque del banner (fragmento sin etiquetas HTML globales) -->
        <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bannerhorizontal" onClick="trackBannerEvent({
                site: 'cruisingmap.com',
                page: '/categoria.php',
                banner: 'banner_horizontal',
                orientacion: 'gay',
                address: ''
                });            
               gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'tipo_banner': 'banner-horizontal',
                        'orientacion': 'gay'
                    });" target="_blank"
        class="contenedor-horizontal">
        <div class="banner banner-buscapecados-gay">
            <div class="logo">
                <img src="../assets/img/logos/encuentros-cruisingmap-logo.svg">
            </div>
            <div class="content">
                <span class="text">
                    Encuentros de cruising                </span>
                                    <span class="btn btn-light">
                        <i class="bi bi-search-heart fa-lg"></i>
                        <span class="btn-text">Buscar</span>
                    </span>
                            </div>
        </div>
    </a>

<!-- Bloque oculto de información adicional (si se requiere) -->
<div class="d-none">
    <span class="banner-localidad"></span>,
    <span class="banner-provincia"></span>,
    <span class="banner-comunidad"></span>,
    <span class="banner-pais"></span>
</div>                        </div>

                        <div class="col-md-3">
                            <a href="" data-toggle="modal" data-target="#modalUnete">
                                <img src="img/montaje-chat.jpg" class="img-fluid" alt="Chat de cruisingmap.com">
                            </a>
                        </div>
                    </div>
                </div>
            </li>



            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="blogDropdown" role="button">
                    <i class="bi bi-megaphone"></i> Blog
                </a>
                <div class="dropdown-menu" aria-labelledby="blogDropdown" style="background:#f8f9fa;">
                    
    <div class="blog-widget-menu rounded overflow-hidden mt-3 mt-md-0">
        <div class="p-3">
            <div class="d-flex flex-row flex-wrap" style="gap: 15px;">
                                    <div class="d-flex align-items-start menu-post-item">
                                                    <a href="/blog/trovacamporella-in-deabyday" class="flex-shrink-0 mr-3 overflow-hidden rounded shadow-sm"
                                style="display:block; width: 65px; height: 65px;">
                                <img src="blog/uploads/img_69fc6601903a0.png" alt="Trovacamporella in Deabyday"
                                    style="width: 100%; height: 100%; object-fit: cover;">
                            </a>
                        
                        <div class="flex-grow-1" style="min-width: 0;">
                            <a href="/blog/trovacamporella-in-deabyday"
                                class="text-dark font-weight-bold text-decoration-none d-block text-truncate mb-1"
                                style="font-size: 0.95rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.2;">
                                Trovacamporella in Deabyday                            </a>
                            <p class="text-muted smaller mb-1"
                                style="font-size: 0.82rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3;"
                                title="Approfondimento di nostra web">
                                Approfondimento di nostra web                            </p>
                            <small class="text-muted" style="font-size: 0.75rem;">
                                <i class="far fa-calendar-alt"></i>
                                07 May 2026                            </small>
                        </div>
                    </div>
                                    <div class="d-flex align-items-start menu-post-item">
                                                    <a href="/blog/internet-se-muere-pero-los-picaderos-no" class="flex-shrink-0 mr-3 overflow-hidden rounded shadow-sm"
                                style="display:block; width: 65px; height: 65px;">
                                <img src="blog/uploads/img_69fd9a2d80f55.png" alt="Internet se muere, pero los picaderos no"
                                    style="width: 100%; height: 100%; object-fit: cover;">
                            </a>
                        
                        <div class="flex-grow-1" style="min-width: 0;">
                            <a href="/blog/internet-se-muere-pero-los-picaderos-no"
                                class="text-dark font-weight-bold text-decoration-none d-block text-truncate mb-1"
                                style="font-size: 0.95rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.2;">
                                Internet se muere, pero los picaderos no                            </a>
                            <p class="text-muted smaller mb-1"
                                style="font-size: 0.82rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3;"
                                title="¿Internet se está muriendo? La verdad detrás del contenido con IA (y por qué los sitios reales están ganando)">
                                ¿Internet se está muriendo? La verdad detrás del contenido con IA (y por qué los sitios reales están ganando)                            </p>
                            <small class="text-muted" style="font-size: 0.75rem;">
                                <i class="far fa-calendar-alt"></i>
                                06 May 2026                            </small>
                        </div>
                    </div>
                                    <div class="d-flex align-items-start menu-post-item">
                                                    <a href="/blog/4-tipos-de-planes-para-este-finde" class="flex-shrink-0 mr-3 overflow-hidden rounded shadow-sm"
                                style="display:block; width: 65px; height: 65px;">
                                <img src="blog/uploads/img_69eb341b56db4.png" alt="4 tipos de planes para este finde"
                                    style="width: 100%; height: 100%; object-fit: cover;">
                            </a>
                        
                        <div class="flex-grow-1" style="min-width: 0;">
                            <a href="/blog/4-tipos-de-planes-para-este-finde"
                                class="text-dark font-weight-bold text-decoration-none d-block text-truncate mb-1"
                                style="font-size: 0.95rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.2;">
                                4 tipos de planes para este finde                            </a>
                            <p class="text-muted smaller mb-1"
                                style="font-size: 0.82rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3;"
                                title="🔥 El mapa del placer en España (y más allá): ¿Dónde encajas tú este finde?">
                                🔥 El mapa del placer en España (y más allá): ¿Dónde encajas tú este finde?                            </p>
                            <small class="text-muted" style="font-size: 0.75rem;">
                                <i class="far fa-calendar-alt"></i>
                                24 Apr 2026                            </small>
                        </div>
                    </div>
                
            </div>
        </div>
        <div class="p-2 border-top text-center bg-light">
            <a href="/blog/" class="btn btn-sm btn-outline-primary font-weight-bold">
                Ir al Blog Completo <i class="fas fa-arrow-right ml-1"></i>
            </a>
        </div>
    </div>

    <style>
        /* Pequeño ajuste para el hover en el listado del widget si lo deseas inclído aquí */
        .menu-post-item {
            transition: opacity 0.2s;
            flex: 1;
        }

        .menu-post-item:hover {
            opacity: 0.8;
        }
    </style>
                </div>
            </li>

            <!-- About Dropdown -->
            <li class="nav-item dropdown megamenu">
                <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button">
                    <i class="bi bi-lightbulb"></i> Utilidades
                </a>
                <div class="dropdown-menu p-3" aria-labelledby="aboutDropdown">
                    <div class="row">


                        <div class="col-md-3 pt-3 pt-sm-0">

                            <div class="featured-content_ ">
                                <h6 class="megamenu-heading pt-2">APP</h6>
                                <p>CruisingMap siempre disponible</p>
                                <a class="pwa-install-button btn btn-block bg-white text-primary pl-3 pr-3"
                                    style="display: inline-block;"><i class="bi bi-android"></i> Instalate la APP</a>
                            </div>
                            <div class="featured-content_ ">
                                <h6 class="megamenu-heading">Blog</h6>
                                <p><strong>No te piedas nada.</strong>Novedades, nuevos zonas de
                                    zonas de cruising, apariciones en medios, nuevas herramientas para
                                    conocer lugares y gente...
                                </p>
                                <a class="btn btn-block bg-white text-primary pl-3 pr-3" href="blog"
                                    style="display: inline-block;">
                                    <i class="bi bi-megaphone"></i> Visita nuestro blog
                                </a>
                            </div>
                        </div>

                        <div class="col-md-3 pt-3 pt-sm-0">
                            <div class="featured-content_ ">
                                <h6 class="megamenu-heading">Especial: Locales swingers</h6>
                                <a class="" href="/clubs-swingers"
                                    style="display: flex;background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url(/assets/img/banners/swingers-buscapecados.jpg) no-repeat 30% center;">
                                    <div class="banner ">
                                        <div class="content">
                                            <h4 class="ts-text-color-white">¿Buscas nuevas experiencias?</h4>
                                            <p>Descubre una selección exclusiva de clubs liberales y locales swingers
                                                cerca de ti. ¡El placer empieza con un solo paso!</p>
                                            <p class=" btn btn-block bg-white text-primary pl-3 pr-3"
                                                style="display: inline-block;"><i class="icon-tipo-club-swinger-2"></i>
                                                Ver selección</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="col-md-3 pt-3 pt-sm-0">
                            <div class="featured-content_ ">
                                <h6 class="megamenu-heading">Heatmap</h6>
                                <a class="" href="heatmap-evolution"
                                    style="display: flex;background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url(img/mapa-calor-mundial.jpg) no-repeat 60% 30%;background-size: cover;">
                                    <div class="banner ">
                                        <div class="content">
                                            <h4 class="ts-text-color-white">Evolución de cruisingmap.com</h4>
                                            <p> <strong>Descubre el mapa del placer</strong> y cómo
                                                cruisingmap.com ha conquistado el mundo en los últimos años
                                            </p>
                                            <p class=" btn btn-block bg-white text-primary pl-3 pr-3"
                                                style="display: inline-block;"><i class="bi bi-fire"></i> Visita el mapa
                                                del placer</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="col-md-3 pt-3 pt-sm-0">
                            <h6 class="megamenu-heading">🔥 Chat, citas y sitios para quedar</h6>
                            <div class="container_ my-3_" style="max-width:420px; font-size:13px; line-height:1.4;">
    <!-- GRID -->
    <div class="row no-gutters">

        <!-- 💰 DATING -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=otraswebs" target="_blank"
                class="d-block text-decoration-none">
                <div class="text-center p-2 rounded" style="background:#111;">
                    <img src="https://b.hub-cdn.com/images/generic/95b8b697-7fd9-4d86-a2d7-72c98da40fc7.webp"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">💬 Chat y citas cerca de ti</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://c.hubz.pl/?affiliateId=75129&url=https%3A%2F%2Fencuentros.blablafuck.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=otraswebs" target="_blank"
                class="d-block text-decoration-none">
                <div class="text-center p-2 rounded" style="background:#111;">
                    <img src="https://b.hub-cdn.com/images/generic/9aaa3cda-afc7-4d9c-abc4-78c9c0f2a35f.webp"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🔥 Conoce gente sin filtros</div>
                </div>
            </a>
        </div>

        <!-- CORE -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://mispicaderos.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-mispicaderos">
                    <img src="https://mispicaderos.com/assets/img/logos/mispicaderos-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">📍 Encuentra picaderos</div>
                </div>
            </a>
        </div>

        <!-- INCONTRI -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://dating.trovacamporella.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded border" style="background-color: #73dc6a;">
                    <img src="https://trovacamporella.com/assets/img/logos/datingcamporella.png"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-dark small mt-1">💘 Incontri in Italia</div>
                </div>
            </a>
        </div>

        <!-- NICHOS -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://cruisingmap.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-cruisingmap">
                    <img src="https://cruisingmap.com/assets/img/logos/cruisingmap-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">👬 Zonas de cruising</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://swingerplaces.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-swingerplaces">
                    <img src="https://swingerplaces.com/assets/img/logos/swingerplaces-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">💞 Clubs swinger y zonas de dogging</div>
                </div>
            </a>
        </div>

        <!-- INTERNACIONAL -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://trovacamporella.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded"
                    style="background:linear-gradient(45deg, #39ff6a 0%, #175796 100%);">
                    <img src="https://trovacamporella.com/assets/img/logos/trovacamporella-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🇮🇹 Posti appartati</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://placesforlove.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-placesforlove">
                    <img src="https://placesforlove.com/assets/img/logos/placesforlove-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🌍 Love spots worldwide</div>
                </div>
            </a>
        </div>

        <!-- MARCA -->
        <div class="col-12 p-1">
            <a href="https://blablafuck.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded border bg-white">
                    <img src="https://blablafuck.com/assets/img/logos/logo-blablafuck-color.svg"
                        class="img-fluid d-block mx-auto" style="max-width:140px;">
                    <div class="text-dark small mt-1">🔥 Rutas y citas calientes</div>
                </div>
            </a>
        </div>

    </div>

    <!-- CTA -->
    <div class="mt-2 text-muted" style="font-size:12px;">
        👉 Entra, chatea y queda hoy mismo
    </div>

</div>                        </div>
                    </div>
                </div>
            </li>

            <li class="nav-item ">
                <div class="gtranslate_wrapper nav-link"><i class="bi bi-translate"></i></div>
            </li>
        </ul>

        <a class="enlaceColabora btn btn-light my-3 mx-2" href="colabora">
            <i class="bi bi-plus-circle-fill small mr-2"></i>Añadir <span
                class="notranslate d-sm-none">zonas de cruising</span>
        </a>

        <div class="d-block d-sm-none banner-included mt-4">
            <script>
    function trackBannerEvent(data) {
        try {
            fetch("/intranet/banner-tracking/click.php", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(data)
            });
        } catch (e) { }
    }
</script>
<!-- Bloque del banner (fragmento sin etiquetas HTML globales) -->
        <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bannerhorizontal" onClick="trackBannerEvent({
                site: 'cruisingmap.com',
                page: '/categoria.php',
                banner: 'banner_horizontal',
                orientacion: 'gay',
                address: ''
                });            
               gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'tipo_banner': 'banner-horizontal',
                        'orientacion': 'gay'
                    });" target="_blank"
        class="contenedor-horizontal">
        <div class="banner banner-buscapecados-gay">
            <div class="logo">
                <img src="../assets/img/logos/encuentros-cruisingmap-logo.svg">
            </div>
            <div class="content">
                <span class="text">
                    Encuentros de cruising                </span>
                                    <span class="btn btn-light">
                        <i class="bi bi-search-heart fa-lg"></i>
                        <span class="btn-text">Buscar</span>
                    </span>
                            </div>
        </div>
    </a>

<!-- Bloque oculto de información adicional (si se requiere) -->
<div class="d-none">
    <span class="banner-localidad"></span>,
    <span class="banner-provincia"></span>,
    <span class="banner-comunidad"></span>,
    <span class="banner-pais"></span>
</div>        </div>

    </div>
</nav>

<div id="ts-primary-navigation-megamenu"></div>
<div class="mobile-menu-overlay"></div>    </header>


    

<script>

	// establezco title, meta descripcion y eslogan bajao el logo    
	document.querySelector('title').textContent = 'Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 La Opción Segura, Legal y Privada  - CruisingMap - Categorias | cruisingmap.com ';

	document.querySelector('.titulo-header-pagina').textContent = 'Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 La Opción Segura, Legal y Privada  - CruisingMap - Categorias';

	document.querySelector('meta#metaDescription').setAttribute('content', 'La mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测 que buscan total privacidad, seguridad y comodidad. Reserva una habitación de motel por horas o noche completa. Ideal para encuentros discretos sin preocupaciones. ¡La solución perfecta y legal!Pros: 100% PRIVADO, SEGURO Y LEGAL, comodidad (cama, baño), sin riesgo de multas ni mirones.Contras: Cuesta dinero (pero lo vale). | cruisingmap.com ');


</script>


<div class="contenedor">
	<div class="header-search">
		<div class="input-group mb-0">
			<div class="locate-control-container" data-toggle="tooltip" data-placement="top" title=""
				data-original-title="Buscar cerca de mí"></div>
			<div class="geocoder-container"></div>
		</div>
	</div>
	<button type="button" class="btn btn-sm btn-secondary open-filters  p-2  ts-shadow__sm  d-sm-none collapsed"
		data-toggle="collapse" data-target="#form-collapse">
		<i class="fas fa-times ts-visible-on-uncollapsed"></i>
		<i class="icon-filtros ts-visible-on-collapsed"></i>
		<small>Tipos</small>
	</button>


	
	<!--Form-->
	<div id="form-collapse" class="filtros ts-bg-light collapse">
		<form class="form-fields d-flex flex-column p-2" id="map-filter-form">

			<span type="hidden" name="coordenadasurl" id="coordenadasurl" value=""></span>
			<span type="hidden" name="zoomurl" id="zoomurl" value=""></span>


			
<!-- Contenedor principal para los botones de tipo -->
<div class="d-flex text-center icon-form______ horizontal_____">
            <div class="m-2" style="flex-basis:50%">
            <h5 class="font-weight-bold">Aire libre</h5>
            <div class="d-flex flex-wrap justify-content-center">
                                                        <a href="/categoria?tipo=Playa&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Sitios situados en la propia playa o en las dunas que le rodean"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-playa mr-1'></i>
                        Playa                    </a>
                                                        <a href="/categoria?tipo=Mirador&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Sitios a los que llegar en coche o a pie desde donde poder disfrutar de las vistas"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-mirador mr-1'></i>
                        Mirador                    </a>
                                                        <a href="/categoria?tipo=Parking&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Sitios donde aparcar que ofrecen cierta intimidad, bien por su escasa luz o su privicadidad"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-parking mr-1'></i>
                        Parking                    </a>
                                                        <a href="/categoria?tipo=Poligono+industrial&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona llena de fabricas o empresas con calles y parkings donde esconderte fuera del horario laboral"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-poligono mr-1'></i>
                        Poligono industrial                    </a>
                                                        <a href="/categoria?tipo=Zona+en+construcci%C3%B3n&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona donde estan proyectadas construcciones de viviendas pero aun no pasa nadie por alli"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-zona-construccion mr-1'></i>
                        Zona en construcción                    </a>
                                                        <a href="/categoria?tipo=Parque&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona arbolada con bancos y cesped donde disfrutar de la naturaleza"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-parque mr-1'></i>
                        Parque                    </a>
                                                        <a href="/categoria?tipo=Cementerio&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Parking o cesped en torno a cementerios con amplio horario, aunque mejor por las noches"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-cementerio mr-1'></i>
                        Cementerio                    </a>
                                                        <a href="/categoria?tipo=%C3%81rea+de+descanso&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Área de servicio, gasolineras y restops situados junto a carreteras y autopistas"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-area-descanso mr-1'></i>
                        Área de descanso                    </a>
                                                        <a href="/categoria?tipo=Descampado&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona de monte, prados o cultivos, sin caminos ni carreteras, y alejado de nucleos urbanos"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-descampado mr-1'></i>
                        Descampado                    </a>
                                                        <a href="/categoria?tipo=Calle&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona de paso en entorno urbano y rodeado de casas. En general con poca privacidad"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-calle mr-1'></i>
                        Calle                    </a>
                                                        <a href="/categoria?tipo=Camino&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona de paso de personas con suelo de tierra aislada de nucleos urbanos"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-camino mr-1'></i>
                        Camino                    </a>
                                                        <a href="/categoria?tipo=Carretera&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Zona de paso de vehiculos poco transitada"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-carretera mr-1'></i>
                        Carretera                    </a>
                                
            </div>
        </div>
            <div class="m-2" style="flex-basis:50%">
            <h5 class="font-weight-bold">Cerrado</h5>
            <div class="d-flex flex-wrap justify-content-center">
                                                        <a href="/categoria?tipo=Aseos&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Baños públicos dentro de un bar o edificio a los que se puede acceder, y que por sus caracteristicas y espacio permiten tener relaciones"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-aseos mr-1'></i>
                        Aseos                    </a>
                                                        <a href="/categoria?tipo=Sexshop&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Tienda que además de vender articulos eroticos, tiene espacios de encuentro, salas de cine erótico, etc."
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-sexshop mr-1'></i>
                        Sexshop                    </a>
                                                        <a href="/categoria?tipo=Motel&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon btn-primary active m-1 d-flex align-items-center"
                       title="Hotel, motel, apartamentos o habitaciones que permite el alquiler por horas"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-motel mr-1'></i>
                        Motel                    </a>
                                                        <a href="/categoria?tipo=Club+swinger&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Club swinger para parejas liberales y gente buscando intercambios sexuales"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-club-swinger-2 mr-1'></i>
                        Club swinger                    </a>
                                                        <a href="/categoria?tipo=Club+gay&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Lugar cerrado de indole privado o público para personas que buscan relaciones esporadicas. Sauna, gimnasio, etc."
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-club-gay mr-1'></i>
                        Club gay                    </a>
                                                        <a href="/categoria?tipo=Club&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Club exclusivo y versátil donde la sofisticación se une a la libertad de explorar experiencias íntimas, incluyendo la opción de disfrutar de masajes relajantes o sauna, para satisfacer todos los gustos."
                       data-toggle="tooltip"
                       role="button">
                        <i class='bi bi-door-closed mr-1'></i>
                        Club                    </a>
                                                        <a href="/categoria?tipo=Edificio&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Edificio que por sus caracteristicas tiene escondites susceptibles de ser usados para tener relaciones"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-edificio mr-1'></i>
                        Edificio                    </a>
                                                        <a href="/categoria?tipo=Edificio+abandonado&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Construcción, edificio o casa abandonada, medio derruida o no"
                       data-toggle="tooltip"
                       role="button">
                        <i class='icon-tipo-edificio-abandonado mr-1'></i>
                        Edificio abandonado                    </a>
                                                        <a href="/categoria?tipo=OTRO&amp;add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
                       class="btn bg-light btn-icon  m-1 d-flex align-items-center"
                       title="Otro tipo de lugar que no entra dentro de las opciones anteriores"
                       data-toggle="tooltip"
                       role="button">
                        <i class='bi bi-question-circle mr-1'></i>
                        OTRO                    </a>
                                
            </div>
        </div>
    </div>
<a href="/categoria?add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B"
    class="btn btn-outline-secondary m-1"
    title="Mostrar todos los tipos en la página de categorías"
    data-toggle="tooltip"
    role="button">
    Ver Todos
</a>
<!-- Fin del contenedor de botones de tipo -->


		</form>
	</div>
	<!--end Form-->






	<div id="list" class="contenido ts-results__vertical ts-results__vertical-list ts-shadow__lg bg-white ">
		<div class="linea-gris d-block d-sm-none"></div>


		<div class="textoSeo m-3">
			<h2>
				<i class='icon-tipo-motel mr-2'></i>				<strong>Moteles por Horas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测</strong><p class='small mt-2'><i>La Opción Segura, Legal y Privada</i>			</h2>
			<p>
				La <strong>mejor opción para parejas en 2026年富国沪深300增强A、南方红利低波50ETF联接A、恒生科技ETF、华夏绿电ETF联接A、华夏云计算ETF联接A长期持有收益预测</strong> que buscan <strong>total privacidad, seguridad y comodidad</strong>. Reserva una <strong>habitación de motel por horas</strong> o noche completa. <strong>Ideal para encuentros discretos</strong> sin preocupaciones. ¡La <strong>solución perfecta y legal</strong>!<br><strong>Pros:</strong> <strong>100% PRIVADO, SEGURO Y LEGAL</strong>, <strong>comodidad</strong> (cama, baño), sin riesgo de multas ni mirones.<br><strong>Contras:</strong> Cuesta dinero (pero lo vale).			</p>
		</div>
		<section class=" d-flex flex-row justify-content-around pb-3">

			<a class="btn btn-light" href="/categoria?add=2026%E5%B9%B4%E5%AF%8C%E5%9B%BD%E6%B2%AA%E6%B7%B1300%E5%A2%9E%E5%BC%BAA%E3%80%81%E5%8D%97%E6%96%B9%E7%BA%A2%E5%88%A9%E4%BD%8E%E6%B3%A250ETF%E8%81%94%E6%8E%A5A%E3%80%81%E6%81%92%E7%94%9F%E7%A7%91%E6%8A%80ETF%E3%80%81%E5%8D%8E%E5%A4%8F%E7%BB%BF%E7%94%B5ETF%E8%81%94%E6%8E%A5A%E3%80%81%E5%8D%8E%E5%A4%8F%E4%BA%91%E8%AE%A1%E7%AE%97ETF%E8%81%94%E6%8E%A5A%E9%95%BF%E6%9C%9F%E6%8C%81%E6%9C%89%E6%94%B6%E7%9B%8A%E9%A2%84%E6%B5%8B&tipo=Motel#listado"><i class="icon-list"></i> Lista</a>
			<a class="btn btn-light toggleScroll d-block d-sm-none"><i class="icon-map"></i> Mapa</a>
			<a class="btn btn-light" href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll" target="blank"><i class="icon-user-outline"></i>
				Usuarios</a>

		</section>

		<section id="listado" class=" d-flex flex-row justify-content-between bg-white">
			<div class="sidebar-header"></div>
		</section>
		<!--Results wrapper-->
		<section id="ts-results" class=" bg-white">
			<div class="ts-results-wrapper"></div>
		</section>

	</div>

	<div id="map" class="ts-map mapa contenido-bajo-header">
		<div id="loading-indicator" class="btn-carga">
			<div class="loader"><i class="fas fa-circle-notch fa-spin"></i> Cargando...</div>
		</div>

		<div id="ts-map-hero" class="h-100 ts-z-index__1"
			data-ts-map-leaflet-provider="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
			data-ts-map-leaflet-attribution="Tiles &copy; Esri &mdash; Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community"
			data-ts-map-controls="1" data-ts-map-scroll-wheel="1" data-ts-map-zoom="7" data-ts-map-center-latitude=40.41526088257212			data-ts-map-center-longitude=-3.689891221245509 data-ts-locale="en-US" data-ts-currency="USD" data-ts-unit="m<sup>2</sup>"
			data-ts-display-additional-info="tipo_Tipo;acceso_Acceso">
		</div>

	</div>

	<div class="d-none d-sm-block alert alert-banner alert-dismissible"
		style="position: fixed;right: 1vw;top: 15vh;bottom: 10vh;width: 10vw; min-width: 180px; border-radius: 20px;  overflow: hidden;">
		<button type="button" class="close" data-dismiss="alert">×</button>
		
<script>
    function trackBannerEvent(data) {
        try {
            fetch("/intranet/banner-tracking/click.php", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(data)
            });
        } catch (e) { }
    }

</script>

<!-- Bloque del banner vertical (fragmento para incluir en la web) -->
<a style="display:block" id="banner-vertical-video" href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bannerverticalvideo"
    target="_blank" class="contenedor-vertical" onClick="trackBannerEvent({
        site: 'cruisingmap.com',
        page: '/categoria.php',
        banner: 'banner_vertical_video',
        orientacion: 'gay',
        address: '',
        type: 'click'   // ← añadido explícitamente para mayor claridad (opcional pero recomendado)
    });
        gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'tipo_banner': 'banner-vertical',
                        'orientacion': 'gay'
                    });">
    <div class="banner banner-buscapecados-gay">
        <!-- Añadimos el elemento video -->
        <video class="banner-video" autoplay muted loop playsinline preload="metadata"
            poster="https://mispicaderos.com/assets/img/banners/chica-buscapecados-gay-vertical.jpg">
            <source src="https://mispicaderos.com/assets/img/banners/chicos-gays-bucle.webm" type="video/webm">
            <source src="https://mispicaderos.com/assets/img/banners/chicos-gays-bucle.mp4" type="video/mp4">
            <img src="https://mispicaderos.com/assets/img/banners/chica-buscapecados-gay-vertical.jpg" alt="Banner fondo">
        </video>

        <div class="logo">
            <img src="../assets/img/logos/encuentros-cruisingmap-logo-vertical.svg">
        </div>
        <div class="content">
            <span class="text">
                Encuentros de cruising             </span>
                            <span class="btn btn-light">
                    <i class="bi bi-search-heart fa-lg"></i>
                    <span class="btn-text">Buscar</span>
                </span>
                    </div>
    </div>
</a>



<!--trackea las visualizaciones -->
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const banner = document.getElementById('banner-vertical-video');
        if (!banner) return;

        let viewed = false; // para contar solo una vez por carga de página

        const observer = new IntersectionObserver(entries => {
            entries.forEach(entry => {
                if (entry.isIntersecting && !viewed) {
                    viewed = true;
                    trackBannerEvent({
                        site: 'cruisingmap.com',
                        page: '/categoria.php',
                        banner: 'banner_vertical_video',
                        orientacion: 'gay',
                        address: '',
                        type: 'view'
                    });
                    observer.disconnect(); // deja de observar después de la primera vista
                }
            });
        }, {
            threshold: 0.5   // cuenta la vista cuando al menos el 50% del banner está visible
        });

        observer.observe(banner);
    });
</script>	</div>

	<button id="toggleScroll" class="btn btn-toggle btn-dark  d-sm-none" style="display:none !important;">
		<i class="fas fa-list-ul"></i> <span>Lista</span>
	</button>
	<div class="bottom-navigation group-icon-text">
		<a href="" class="toggleScroll"><i class="icon-list"></i><span>Lista</span></a>
		<a href="" class="" data-toggle="collapse" data-target="#form-collapse"><i
				class="icon-filtros"></i><span>Tipos</span></a>
		<a href="#" class="enlaceColabora"><i class="icon-ios-plus-outline"></i><span>Contribuir</span></a>
		<a href="" class="" data-toggle="modal" data-target="#modalCompartir"><i
				class="icon-share-outline"></i><span>Compartir</span></a>
						<a class="nav-link badge-active " onclick="openChatRoom(0)">
			<i class="bi bi-arrow-through-heart"></i>
			<span>Encuentros</span>
		</a>
	</div>




</div>

<!-- scripts -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/dragscroll.js"></script>
<script src="assets/js/jquery.scrollbar.min.js"></script>
<!-- ADD TO FAVORITE -->
<script type="text/javascript" src="assets/js/add-to-favorite.js"></script>
<!-- mapa leaflet scripts JavaScript -->
<!-- mapa leaflet scripts JavaScript -->
<script src="assets/js/leaflet.js"></script>
<script src="assets/js/leaflet.markercluster.js"></script>
<script src="assets/js/map-leaflet.js"></script>
<script src="assets/js/geocoder.js"></script>
<script src='assets/js/L.Control.Locate.js'></script>
<script src="intranet/tracker/js/leaflet-nominatim-tracker.js"></script><!-- otros scripts necesarios -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/megamenu.js"></script>

<!-- gtranslate -->
<script>
    // 1. Configuración global
    window.gtranslateSettings = {
        "default_language": "es", // El idioma base sigue siendo español para el contenido no traducido
        "detect_browser_language": false, // Lo desactivamos para que mande el dominio, no el navegador
        "languages": ["es", "fr", "de", "it", "en", "pt"],
        "wrapper_selector": ".gtranslate_wrapper",
        "select_language_label": "Idioma"
    };

    // 2. Función para ejecutar la traducción
    function forceTranslate(targetLang) {
        if (targetLang === 'es') return; // Si es español, no hacemos nada

        var interval = setInterval(function() {
            if (typeof doGTranslate === 'function') {
                // El formato de este widget es 'idioma_origen|idioma_destino'
                doGTranslate('es|' + targetLang); 
                clearInterval(interval);
            }
        }, 300); 
    }

    // 3. Ejecución automática basada en lo que decidió PHP
    window.addEventListener('load', function() {
        // Usamos la variable $lang que ya calculamos en _condiciones-genericas.php
        var langFromPHP = 'es'; 
        
        if (langFromPHP !== 'es') {
            forceTranslate(langFromPHP);
        }
    });
</script>

<script src="https://cdn.gtranslate.net/widgets/latest/dropdown.js" defer></script>
<!-- modals comunes a varias paginas -->
<div class="modal fade" id="modalMapa">
    <div class="modal-dialog  modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="mb-0"><strong><i class="bi bi-hand-thumbs-up"></i> ¡Bien! Ya has seleccionado
                        zona de cruising.</strong> Ahora a disfrutar... ;)</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="action-buttons m-3">
                    <a id="btnMapaModal" href="" class="btn btn-outline-primary" target="blank"><i
                            class="bi bi-sign-turn-slight-right"></i> Cómo llegar</a>
                    <button class="btn btn-outline-dark dropdown-toggle" type="button" data-toggle="dropdown"
                        aria-expanded="false">
                        <i class="icon-share-outline"></i> <span>Comparte</span>
                    </button>
                    <div class="dropdown-menu p-2">
                        <div class="submenu-share">

    <div class="input-group mb-3">
        <input type="text" class="form-control border border-secondary direccion" readonly>
        <div class="input-group-append">
            <button class="btn btn-outline-secondary copiar">Copiar</button>
        </div>
    </div>

    <div class="group-icon-text">
        <a href="#" class="share-button whatsapp-mobile d-flex d-sm-none" data-platform="whatsapp-mobile">
            <i class="bi bi-whatsapp"></i><span>WhatsApp</span>
        </a>
        <a href="#" class="share-button whatsapp-web d-none d-sm-block" data-platform="whatsapp-web">
            <i class="bi bi-whatsapp"></i><span>WhatsApp</span>
        </a>

        <a href="#" class="share-button telegram-mobile d-flex d-sm-none" data-platform="telegram-mobile">
            <i class="bi bi-telegram"></i><span>Telegram</span>
        </a>
        <a href="#" class="share-button telegram-web d-none d-sm-block" data-platform="telegram-web">
            <i class="bi bi-telegram"></i><span>Telegram</span>
        </a>

        <a href="#" class="share-button instagram" data-platform="instagram">
            <i class="bi bi-instagram"></i><span>Instagram</span>
        </a>
        <a href="#" class="share-button facebook" data-platform="facebook">
            <i class="bi bi-facebook"></i><span>Facebook</span>
        </a>
        <a href="#" class="share-button twitter" data-platform="twitter">
            𝕏<span>Twitter</span>
        </a>
        <a href="#" class="share-button reddit" data-platform="reddit">
            <i class="bi bi-reddit"></i><span>Reddit</span>
        </a>
        <a href="#" class="share-button email" data-platform="email">
            <i class="bi bi-envelope"></i><span>Email</span>
        </a>
    </div>

</div>

<script>
if (typeof window.SocialShare === 'undefined') {

function trackShare(platform) {
    if (typeof gtag !== 'function') return;

    gtag('event', 'share_click', {
        event_category: 'social_share',
        event_label: platform,
        share_platform: platform,
        device_type: window.innerWidth < 768 ? 'mobile' : 'desktop'
    });
}

class SocialShare {

    constructor(root) {
        this.root = root;
        this.hashtags = 'mispicaderos,picaderos';
        this.init();
        this.setupCopyInput();
    }

    getShareData() {
        let title = document.title || '';

        if (!title) {
            const metaTitle = document.querySelector('meta[property="og:title"]');
            if (metaTitle) title = metaTitle.getAttribute('content');
            else {
                const h1 = document.querySelector('h1');
                title = h1 ? h1.textContent.trim() : 'Compartir enlace';
            }
        }

        return {
            url: window.location.href,
            title,
            hashtags: this.hashtags
        };
    }

    getPlatformUrl(platform) {
        const d = this.getShareData();

        const platforms = {
            'whatsapp-mobile': () => `whatsapp://send?text=${encodeURIComponent(d.title + ' ' + d.url)}`,
            'whatsapp-web': () => `https://api.whatsapp.com/send?text=${encodeURIComponent(d.title + ' ' + d.url)}`,
            'telegram-mobile': () => `tg://msg_url?url=${encodeURIComponent(d.url)}&text=${encodeURIComponent(d.title)}`,
            'telegram-web': () => `https://t.me/share/url?url=${encodeURIComponent(d.url)}&text=${encodeURIComponent(d.title)}`,
            'facebook': () => `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(d.url)}`,
            'twitter': () => `https://twitter.com/share?text=${encodeURIComponent(d.title)}&url=${encodeURIComponent(d.url)}&hashtags=${encodeURIComponent(d.hashtags)}`,
            'reddit': () => `https://www.reddit.com/submit?url=${encodeURIComponent(d.url)}&title=${encodeURIComponent(d.title || 'Compartir enlace')}`,
            'email': () => `mailto:?subject=${encodeURIComponent(d.title)}&body=${encodeURIComponent(d.url)}`
        };

        return platforms[platform] ? platforms[platform]() : null;
    }

    init() {
        this.root.querySelectorAll('.share-button').forEach(button => {
            button.addEventListener('click', e => {
                e.preventDefault();
                const platform = button.dataset.platform;

                if (platform === 'instagram') {
                    trackShare('instagram');
                    this.shareInstagram();
                } else {
                    trackShare(platform);
                    this.share(platform);
                }
            });
        });
    }

    share(platform) {
        const url = this.getPlatformUrl(platform);
        if (!url) return;

        const features = 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600';

        if (platform.startsWith('whatsapp') || platform === 'email') {
            window.location.href = url;
        } else {
            window.open(url, '', features);
        }
    }

    async shareInstagram() {
        const d = this.getShareData();

        if (navigator.share) {
            try {
                await navigator.share({
                    title: d.title,
                    text: `${d.title}\n${d.url}`,
                    url: d.url
                });
                return;
            } catch {}
        }

        const copied = await this.copyToClipboard(d.url);
        alert(
            copied
                ? 'URL copiada. Abre Instagram y pégala.'
                : 'No se pudo copiar automáticamente. Copia la URL manualmente.'
        );
    }

    async copyToClipboard(text) {
        if (navigator.clipboard?.writeText) {
            try {
                await navigator.clipboard.writeText(text);
                return true;
            } catch {}
        }

        const tmp = document.createElement('textarea');
        tmp.value = text;
        document.body.appendChild(tmp);
        tmp.select();
        const ok = document.execCommand('copy');
        document.body.removeChild(tmp);
        return ok;
    }

    setupCopyInput() {
        const input = this.root.querySelector('.direccion');
        const btn = this.root.querySelector('.copiar');

        if (input) input.value = window.location.href;

        if (btn) {
            btn.addEventListener('click', async () => {
                const ok = await this.copyToClipboard(window.location.href);
                btn.textContent = ok ? 'URL copiada' : 'Copiar';
                setTimeout(() => btn.textContent = 'Copiar', 2000);
            });
        }
    }
}

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.submenu-share').forEach(el => {
        new SocialShare(el);
    });
});

}
</script>
                    </div>
                </div>

                <p class="px-3">Antes de irte, visita a la <strong>comunidad de
                        gays buscando encuentros cruising:</strong></p>
                
<!-- Estilos CSS para las tarjetas -->
<style>
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

    .profile-card {
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        border: 1px solid #e9ecef;
        flex: 1;
    }

    .profile-content {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .profile-image {
        width: 120px;
        height: 120px;
        border-radius: 8px;
        object-fit: cover;
        margin-right: 20px;
        flex-shrink: 0;
    }

    .profile-info {
        flex: 1;
        padding-top: 5px;
    }

    .profile-name {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin: 0 0 8px 0;
    }

    .profile-gender {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .gender-icon {
        color: #e91e63;
        margin-right: 8px;
    }

    .profile-location {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .location-icon {
        color: #666;
        margin-right: 8px;
    }

    .profile-searching {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 14px;
    }

    .lupa-icon {
        color: #666;
        margin-right: 8px;
    }

    .action-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .action-btn {
        border: none;
        background: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .action-btn:hover {
        text-decoration: none;
        transform: scale(1.05);
    }

    .action-btn.profile {
        width: 45px;
        height: 45px;
        border: 2px solid #e91e63;
        border-radius: 50%;
        color: #e91e63;
    }

    .action-btn.profile:hover {
        color: #e91e63;
        background-color: rgba(233, 30, 99, 0.1);
    }

    .action-btn.super-like {
        width: 45px;
        height: 45px;
        background: linear-gradient(45deg, #9c27b0, #e91e63);
        border-radius: 50%;
        color: white;
    }

    .action-btn.super-like:hover {
        color: white;
        transform: scale(1.1);
    }

    .action-btn.like {
        color: #e91e63;
        border: 2px solid #e91e63;
        border-radius: 25px;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 500;
    }

    .action-btn.like:hover {
        color: white;
        background-color: #e91e63;
    }

    .action-btn.message {
        background: #e91e63;
        color: white;
        border-radius: 25px;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 500;
    }

    .action-btn.message:hover {
        color: white;
        background-color: #c2185b;
    }

    /* Estilos para la animación de fade */
    .profile-card {
        transition: opacity 0.5s ease-in-out;
    }

    .profile-card.fade-out {
        opacity: 0;
    }

    .profile-card.fade-in {
        opacity: 1;
    }

    /* Mobile adjustments */
    @media (max-width: 576px) {
        .profile-card {
            padding: 15px;
        }

        .profile-image {
            width: 80px;
            height: 80px;
            margin-right: 15px;
        }

        .profile-name {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .profile-gender,
        .profile-location {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .profile-searching {
            font-size: 12px;
        }

        .action-buttons {
            gap: 8px;
            flex-wrap: wrap;
        }

        .action-btn.profile,
        .action-btn.super-like {
            width: 35px;
            height: 35px;
        }

        .action-btn.like,
        .action-btn.message {
            padding: 6px 12px;
            font-size: 12px;
        }

        .profile-content {
            margin-bottom: 15px;
        }
    }
</style>

<script>
    function trackBannerEvent(data) {
        try {
            fetch("/intranet/banner-tracking/click.php", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(data)
            });
        } catch (e) { }
    }

    function trackBannerEventOnce(link) {
        if (link.dataset.tracked === "1") return;
        link.dataset.tracked = "1";

        trackBannerEvent({
            site: document.getElementById('profiles-dominio')?.textContent || '',
            page: document.getElementById('profiles-pagina')?.textContent || '',
            banner: '_bloque-usuarios-dinamicos.php',
            orientacion: document.getElementById('profiles-orientacion')?.textContent || '',
            address: document.getElementById('profiles-address')?.textContent || ''
        });
    }

    document.addEventListener('pointerdown', function (e) {
        const link = e.target.closest('#profiles-container a');
        if (!link) return;

        trackBannerEventOnce(link);
    }, { passive: true });
</script>


<!-- Contenedor de las tarjetas -->
<div class="container-fluid">
    <div id="profiles-container" class="d-flex flex-wrap gap-3 pb-3">
        
            <div class='profile-card' data-profile-id='gay001'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre1.jpg' alt='Marco' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Marco</a> • 29</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Madrid, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 1.2k
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay002'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre2.jpg' alt='Alex' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Alex</a> • 34</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Barcelona, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 890
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay003'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre3.jpg' alt='David' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >David</a> • 27</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Valencia, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 654
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay004'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre4.jpg' alt='Sergio' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Sergio</a> • 31</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Sevilla, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 743
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
            </div>
</div>

<!-- Bloque oculto de información adicional (si se requiere) -->
<div class="d-none">
    <span id="profiles-dominio">cruisingmap.com</span>
    <span id="profiles-pagina">/categoria.php</span>
    <span id="profiles-orientacion">gay</span>
    <span id="profiles-address"></span>

    <span id="all-profiles-data">
        [{&quot;id&quot;:&quot;gay001&quot;,&quot;name&quot;:&quot;Marco&quot;,&quot;age&quot;:29,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Madrid, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;1.2k&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre1.jpg&quot;},{&quot;id&quot;:&quot;gay002&quot;,&quot;name&quot;:&quot;Alex&quot;,&quot;age&quot;:34,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Barcelona, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;890&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre2.jpg&quot;},{&quot;id&quot;:&quot;gay003&quot;,&quot;name&quot;:&quot;David&quot;,&quot;age&quot;:27,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Valencia, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;654&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre3.jpg&quot;},{&quot;id&quot;:&quot;gay004&quot;,&quot;name&quot;:&quot;Sergio&quot;,&quot;age&quot;:31,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Sevilla, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;743&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre4.jpg&quot;},{&quot;id&quot;:&quot;gay005&quot;,&quot;name&quot;:&quot;Javier&quot;,&quot;age&quot;:26,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;M\u00e1laga, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;567&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre5.jpg&quot;},{&quot;id&quot;:&quot;gay006&quot;,&quot;name&quot;:&quot;Luis&quot;,&quot;age&quot;:30,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Zaragoza, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;812&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre6.jpg&quot;},{&quot;id&quot;:&quot;gay007&quot;,&quot;name&quot;:&quot;Pablo&quot;,&quot;age&quot;:33,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Granada, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;699&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre7.jpg&quot;},{&quot;id&quot;:&quot;gay008&quot;,&quot;name&quot;:&quot;Diego&quot;,&quot;age&quot;:28,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Bilbao, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;934&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre8.jpg&quot;}]    </span>
</div>

<!-- JavaScript para rotación automática -->
<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Configuración
        const ROTATION_INTERVAL = 5000; // 5 segundos (ajusta según necesites)
        const PROFILES_PER_ROTATION = 4;

        // Obtener datos de los perfiles
        const allProfiles = JSON.parse(document.getElementById('all-profiles-data').textContent);
        const orientacion = document.getElementById('profiles-orientacion').textContent;
        const dominio = document.getElementById('profiles-dominio').textContent;
        const pagina = document.getElementById('profiles-pagina').textContent;
        const address = document.getElementById('profiles-address').textContent;

        const profilesContainer = document.getElementById('profiles-container');
        let currentIndex = 0;

        // Función para generar HTML de una tarjeta
        function generateCardHTML(profile) {
            const genderIcon = getGenderIcon(profile.gender);
            const locationText = address && address !== profile.location ? address : profile.location;

            const baseUrl = getProfileUrl(orientacion, dominio, pagina, profile.id);

            return `
            <div class='profile-card fade-in' data-profile-id='${profile.id}'>
                <div class='profile-content'>
                    <img src='${profile.image}' alt='${profile.name}' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'>${profile.name} • ${profile.age}</h2>
                        <div class='profile-gender'>
                            <i class='bi ${genderIcon} gender-icon'></i>
                            ${profile.gender}
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            ${locationText}
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: ${profile.searching}
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='${baseUrl}' class='action-btn profile' 
                       onClick="${getTrackingJS('view_profile', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='${baseUrl}' class='action-btn super-like'
                       onClick="${getTrackingJS('super_like', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='${baseUrl}' class='action-btn like'
                       onClick="${getTrackingJS('like', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> ${profile.likes}
                    </a>
                    <a href='${baseUrl}' class='action-btn message'
                       onClick="${getTrackingJS('message', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        `;
        }

        // Funciones auxiliares
        function getGenderIcon(gender) {
            const lowerGender = gender.toLowerCase();
            if (lowerGender.includes('mujer') || lowerGender.includes('donna') || lowerGender.includes('woman')) {
                return 'bi-gender-female';
            } else if (lowerGender.includes('hombre') || lowerGender.includes('uomo') || lowerGender.includes('man')) {
                return 'bi-gender-male';
            } else if (lowerGender.includes('pareja')) {
                return 'bi-people-fill';
            }
            return 'bi-gender-ambiguous';
        }

        function getProfileUrl(orientation, domain, page, profileId) {
            const txId = Math.floor(Math.random() * (344999999 - 344000000 + 1)) + 344000000;

            // Simulación de la lógica PHP
            if (window.location.pathname.includes('pt')) {
                return `https://encontros.buscapecados.com/?si_tx_id=${txId}&affiliateId=59115&partnerId=16837&utm_source=${domain}${page}`;
            }

            switch (orientation) {
                case "gay":
                    //return `https://gays.buscapecados.com/?si_tx_id=${txId}&affiliateId=59114&partnerId=16837&utm_source=${domain}${page}&utm_term=gays-bloqueusuarios`;
                    //return "https://c.hubz.pl/?affiliateId=59114&url=http%3A%2F%2Fgays.buscapecados.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=gays-bloqueusuarios&aff_sub4=&aff_sub5=";
                    return "https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios";
                case "swinger":
                    //return `https://c.hubz.pl/?affiliateId=59115&url=http%3A%2F%2Fswingers.buscapecados.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=swingers-bloqueusuarios&aff_sub4=&aff_sub5=`
                    return "https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=swingers-bloqueusuarios";
                case "trovacamporella":
                    return "https://dating.trovacamporella.com";
                case "placesforlove":
                    //return `https://dating.placesforlove.com/?source=${domain}&campaign=${page}&utm_term=generico-bloqueusuarios`;
                    return `https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fdating.placesforlove.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=placesforlove-bloqueusuarios&aff_sub4=&aff_sub5=`;
                case "hombres":
                    return `https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fwww.buscapecados.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=`;
                //return `https://www.buscapecados.com/hombressolteros?si_tx_id=${txId}&affiliateId=59113&partnerId=16837&utm_source=${domain}${page}&utm_term=hombres-bloqueusuarios`;            
                case "blablafuck":
                    return "https://c.hubz.pl/?affiliateId=75129&url=https%3A%2F%2Fencuentros.blablafuck.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=blablafuck-bloqueusuarios&aff_sub4=&aff_sub5=minimal-no-scroll";
                default:
                    //return `https://www.buscapecados.com/?si_tx_id=${txId}&affiliateId=59113&partnerId=16837&utm_source=${domain}${page}&utm_term=generico-bloqueusuarios`;
                    //return "https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fwww.buscapecados.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=";
                    return "https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=minimal-no-scroll";
            }
        }

        function getTrackingJS(action, profileId) {
            return `gtag('event', 'profile_interaction', {
                    'dominio': '${dominio}',
                    'pagina': '${pagina}',
                    'accion': '${action}',
                    'orientacion': '${orientacion}',
                    'profile_id': '${profileId}'
                }); return true;`;
        }

        // Función para rotar perfiles
        function rotateProfiles() {
            // Calcular el siguiente grupo de 4 perfiles
            const nextProfiles = [];
            for (let i = 0; i < PROFILES_PER_ROTATION; i++) {
                const index = (currentIndex + i) % allProfiles.length;
                nextProfiles.push(allProfiles[index]);
            }

            // Incrementar índice para la próxima rotación
            currentIndex = (currentIndex + PROFILES_PER_ROTATION) % allProfiles.length;

            // Crear nuevas tarjetas
            const newCardsHTML = nextProfiles.map(profile => generateCardHTML(profile)).join('');

            // Reemplazar contenido con animación
            profilesContainer.innerHTML = newCardsHTML;
        }

        // Iniciar rotación automática
        setInterval(rotateProfiles, ROTATION_INTERVAL);

        // Opcional: Rotar manualmente cada vez que el usuario haga clic en un botón
        // Puedes agregar un botón si lo deseas:
        // document.getElementById('rotate-button').addEventListener('click', rotateProfiles);
    });
</script>            </div>
        </div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            $('#modalMapa').on('show.bs.modal', function (event) {
                var boton = $(event.relatedTarget);      // El enlace que ha hecho clic
                var url = boton.data('url');             // La URL que envias en data-url
                $(this).find('#btnMapaModal').attr('href', url);
            });
        });
    </script>
</div>
<div class="modal fade" id="modalUnete">
    <div class="modal-dialog  modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title"><strong>Zonas de cruising</strong> y
                    <strong>Gays buscando encuentros cruising</strong>. La combinación perfecta. ;)
                </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <p class="p-3">Aprovecha y busca alguien con quien ir. Únete a la <strong>comunidad de
                        gays buscando encuentros cruising</strong></p>
                                
<!-- Estilos CSS para las tarjetas -->
<style>
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

    .profile-card {
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        border: 1px solid #e9ecef;
        flex: 1;
    }

    .profile-content {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .profile-image {
        width: 120px;
        height: 120px;
        border-radius: 8px;
        object-fit: cover;
        margin-right: 20px;
        flex-shrink: 0;
    }

    .profile-info {
        flex: 1;
        padding-top: 5px;
    }

    .profile-name {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin: 0 0 8px 0;
    }

    .profile-gender {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .gender-icon {
        color: #e91e63;
        margin-right: 8px;
    }

    .profile-location {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .location-icon {
        color: #666;
        margin-right: 8px;
    }

    .profile-searching {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 14px;
    }

    .lupa-icon {
        color: #666;
        margin-right: 8px;
    }

    .action-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .action-btn {
        border: none;
        background: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .action-btn:hover {
        text-decoration: none;
        transform: scale(1.05);
    }

    .action-btn.profile {
        width: 45px;
        height: 45px;
        border: 2px solid #e91e63;
        border-radius: 50%;
        color: #e91e63;
    }

    .action-btn.profile:hover {
        color: #e91e63;
        background-color: rgba(233, 30, 99, 0.1);
    }

    .action-btn.super-like {
        width: 45px;
        height: 45px;
        background: linear-gradient(45deg, #9c27b0, #e91e63);
        border-radius: 50%;
        color: white;
    }

    .action-btn.super-like:hover {
        color: white;
        transform: scale(1.1);
    }

    .action-btn.like {
        color: #e91e63;
        border: 2px solid #e91e63;
        border-radius: 25px;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 500;
    }

    .action-btn.like:hover {
        color: white;
        background-color: #e91e63;
    }

    .action-btn.message {
        background: #e91e63;
        color: white;
        border-radius: 25px;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 500;
    }

    .action-btn.message:hover {
        color: white;
        background-color: #c2185b;
    }

    /* Estilos para la animación de fade */
    .profile-card {
        transition: opacity 0.5s ease-in-out;
    }

    .profile-card.fade-out {
        opacity: 0;
    }

    .profile-card.fade-in {
        opacity: 1;
    }

    /* Mobile adjustments */
    @media (max-width: 576px) {
        .profile-card {
            padding: 15px;
        }

        .profile-image {
            width: 80px;
            height: 80px;
            margin-right: 15px;
        }

        .profile-name {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .profile-gender,
        .profile-location {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .profile-searching {
            font-size: 12px;
        }

        .action-buttons {
            gap: 8px;
            flex-wrap: wrap;
        }

        .action-btn.profile,
        .action-btn.super-like {
            width: 35px;
            height: 35px;
        }

        .action-btn.like,
        .action-btn.message {
            padding: 6px 12px;
            font-size: 12px;
        }

        .profile-content {
            margin-bottom: 15px;
        }
    }
</style>

<script>
    function trackBannerEvent(data) {
        try {
            fetch("/intranet/banner-tracking/click.php", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify(data)
            });
        } catch (e) { }
    }

    function trackBannerEventOnce(link) {
        if (link.dataset.tracked === "1") return;
        link.dataset.tracked = "1";

        trackBannerEvent({
            site: document.getElementById('profiles-dominio')?.textContent || '',
            page: document.getElementById('profiles-pagina')?.textContent || '',
            banner: '_bloque-usuarios-dinamicos.php',
            orientacion: document.getElementById('profiles-orientacion')?.textContent || '',
            address: document.getElementById('profiles-address')?.textContent || ''
        });
    }

    document.addEventListener('pointerdown', function (e) {
        const link = e.target.closest('#profiles-container a');
        if (!link) return;

        trackBannerEventOnce(link);
    }, { passive: true });
</script>


<!-- Contenedor de las tarjetas -->
<div class="container-fluid">
    <div id="profiles-container" class="d-flex flex-wrap gap-3 pb-3">
        
            <div class='profile-card' data-profile-id='gay001'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre1.jpg' alt='Marco' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Marco</a> • 29</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Madrid, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 1.2k
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay001'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay002'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre2.jpg' alt='Alex' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Alex</a> • 34</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Barcelona, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 890
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay002'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay003'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre3.jpg' alt='David' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >David</a> • 27</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Valencia, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 654
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay003'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        
            <div class='profile-card' data-profile-id='gay004'>
                <div class='profile-content'>
                    <img src='/assets/img/usuarios-dinamicos/hombre4.jpg' alt='Sergio' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='text-dark' target='_blank' >Sergio</a> • 31</a></h2>
                        <div class='profile-gender'>
                            <i class='bi bi-gender-male gender-icon'></i>
                            Hombre
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            Sevilla, España
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: Hombres
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn profile' 
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'view_profile',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn super-like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'super_like',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn like'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'like',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> 743
                    </a>
                    <a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios' class='action-btn message'
                       onClick="gtag('event', 'profile_interaction', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/categoria.php',
                        'accion': 'message',
                        'orientacion': 'gay',
                        'profile_id': 'gay004'
                    });" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
            </div>
</div>

<!-- Bloque oculto de información adicional (si se requiere) -->
<div class="d-none">
    <span id="profiles-dominio">cruisingmap.com</span>
    <span id="profiles-pagina">/categoria.php</span>
    <span id="profiles-orientacion">gay</span>
    <span id="profiles-address"></span>

    <span id="all-profiles-data">
        [{&quot;id&quot;:&quot;gay001&quot;,&quot;name&quot;:&quot;Marco&quot;,&quot;age&quot;:29,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Madrid, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;1.2k&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre1.jpg&quot;},{&quot;id&quot;:&quot;gay002&quot;,&quot;name&quot;:&quot;Alex&quot;,&quot;age&quot;:34,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Barcelona, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;890&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre2.jpg&quot;},{&quot;id&quot;:&quot;gay003&quot;,&quot;name&quot;:&quot;David&quot;,&quot;age&quot;:27,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Valencia, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;654&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre3.jpg&quot;},{&quot;id&quot;:&quot;gay004&quot;,&quot;name&quot;:&quot;Sergio&quot;,&quot;age&quot;:31,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Sevilla, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;743&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre4.jpg&quot;},{&quot;id&quot;:&quot;gay005&quot;,&quot;name&quot;:&quot;Javier&quot;,&quot;age&quot;:26,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;M\u00e1laga, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;567&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre5.jpg&quot;},{&quot;id&quot;:&quot;gay006&quot;,&quot;name&quot;:&quot;Luis&quot;,&quot;age&quot;:30,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Zaragoza, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;812&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre6.jpg&quot;},{&quot;id&quot;:&quot;gay007&quot;,&quot;name&quot;:&quot;Pablo&quot;,&quot;age&quot;:33,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Granada, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;699&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre7.jpg&quot;},{&quot;id&quot;:&quot;gay008&quot;,&quot;name&quot;:&quot;Diego&quot;,&quot;age&quot;:28,&quot;gender&quot;:&quot;Hombre&quot;,&quot;location&quot;:&quot;Bilbao, Espa\u00f1a&quot;,&quot;searching&quot;:&quot;Hombres&quot;,&quot;likes&quot;:&quot;934&quot;,&quot;image&quot;:&quot;\/assets\/img\/usuarios-dinamicos\/hombre8.jpg&quot;}]    </span>
</div>

<!-- JavaScript para rotación automática -->
<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Configuración
        const ROTATION_INTERVAL = 5000; // 5 segundos (ajusta según necesites)
        const PROFILES_PER_ROTATION = 4;

        // Obtener datos de los perfiles
        const allProfiles = JSON.parse(document.getElementById('all-profiles-data').textContent);
        const orientacion = document.getElementById('profiles-orientacion').textContent;
        const dominio = document.getElementById('profiles-dominio').textContent;
        const pagina = document.getElementById('profiles-pagina').textContent;
        const address = document.getElementById('profiles-address').textContent;

        const profilesContainer = document.getElementById('profiles-container');
        let currentIndex = 0;

        // Función para generar HTML de una tarjeta
        function generateCardHTML(profile) {
            const genderIcon = getGenderIcon(profile.gender);
            const locationText = address && address !== profile.location ? address : profile.location;

            const baseUrl = getProfileUrl(orientacion, dominio, pagina, profile.id);

            return `
            <div class='profile-card fade-in' data-profile-id='${profile.id}'>
                <div class='profile-content'>
                    <img src='${profile.image}' alt='${profile.name}' class='profile-image'>
                    <div class='profile-info'>
                        <h2 class='profile-name'>${profile.name} • ${profile.age}</h2>
                        <div class='profile-gender'>
                            <i class='bi ${genderIcon} gender-icon'></i>
                            ${profile.gender}
                        </div>
                        <div class='profile-location'>
                            <i class='bi bi-geo-alt-fill location-icon'></i>
                            ${locationText}
                        </div>
                        <div class='profile-searching'>
                            <i class='bi bi-search lupa-icon'></i>
                            Buscando: ${profile.searching}
                        </div>
                    </div>
                </div>
                <div class='action-buttons'>
                    <a href='${baseUrl}' class='action-btn profile' 
                       onClick="${getTrackingJS('view_profile', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-search'></i>
                    </a>
                    <a href='${baseUrl}' class='action-btn super-like'
                       onClick="${getTrackingJS('super_like', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-lightning-fill'></i>
                    </a>
                    <a href='${baseUrl}' class='action-btn like'
                       onClick="${getTrackingJS('like', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-heart-fill'></i> ${profile.likes}
                    </a>
                    <a href='${baseUrl}' class='action-btn message'
                       onClick="${getTrackingJS('message', profile.id)}" 
                       target='_blank'>
                        <i class='bi bi-chat-heart-fill'></i> Mensaje
                    </a>
                </div>
            </div>
        `;
        }

        // Funciones auxiliares
        function getGenderIcon(gender) {
            const lowerGender = gender.toLowerCase();
            if (lowerGender.includes('mujer') || lowerGender.includes('donna') || lowerGender.includes('woman')) {
                return 'bi-gender-female';
            } else if (lowerGender.includes('hombre') || lowerGender.includes('uomo') || lowerGender.includes('man')) {
                return 'bi-gender-male';
            } else if (lowerGender.includes('pareja')) {
                return 'bi-people-fill';
            }
            return 'bi-gender-ambiguous';
        }

        function getProfileUrl(orientation, domain, page, profileId) {
            const txId = Math.floor(Math.random() * (344999999 - 344000000 + 1)) + 344000000;

            // Simulación de la lógica PHP
            if (window.location.pathname.includes('pt')) {
                return `https://encontros.buscapecados.com/?si_tx_id=${txId}&affiliateId=59115&partnerId=16837&utm_source=${domain}${page}`;
            }

            switch (orientation) {
                case "gay":
                    //return `https://gays.buscapecados.com/?si_tx_id=${txId}&affiliateId=59114&partnerId=16837&utm_source=${domain}${page}&utm_term=gays-bloqueusuarios`;
                    //return "https://c.hubz.pl/?affiliateId=59114&url=http%3A%2F%2Fgays.buscapecados.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=gays-bloqueusuarios&aff_sub4=&aff_sub5=";
                    return "https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bloqueusuarios";
                case "swinger":
                    //return `https://c.hubz.pl/?affiliateId=59115&url=http%3A%2F%2Fswingers.buscapecados.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=swingers-bloqueusuarios&aff_sub4=&aff_sub5=`
                    return "https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=swingers-bloqueusuarios";
                case "trovacamporella":
                    return "https://dating.trovacamporella.com";
                case "placesforlove":
                    //return `https://dating.placesforlove.com/?source=${domain}&campaign=${page}&utm_term=generico-bloqueusuarios`;
                    return `https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fdating.placesforlove.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=placesforlove-bloqueusuarios&aff_sub4=&aff_sub5=`;
                case "hombres":
                    return `https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fwww.buscapecados.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=`;
                //return `https://www.buscapecados.com/hombressolteros?si_tx_id=${txId}&affiliateId=59113&partnerId=16837&utm_source=${domain}${page}&utm_term=hombres-bloqueusuarios`;            
                case "blablafuck":
                    return "https://c.hubz.pl/?affiliateId=75129&url=https%3A%2F%2Fencuentros.blablafuck.com&utm_source=${domain}${page}&utm_campaign=&utm_custom=&utm_term=blablafuck-bloqueusuarios&aff_sub4=&aff_sub5=minimal-no-scroll";
                default:
                    //return `https://www.buscapecados.com/?si_tx_id=${txId}&affiliateId=59113&partnerId=16837&utm_source=${domain}${page}&utm_term=generico-bloqueusuarios`;
                    //return "https://c.hubz.pl/?affiliateId=59113&url=http%3A%2F%2Fwww.buscapecados.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=";
                    return "https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source={$dominio}{$pagina}&utm_campaign=&utm_custom=&utm_term=generico-bloqueusuarios&aff_sub4=&aff_sub5=minimal-no-scroll";
            }
        }

        function getTrackingJS(action, profileId) {
            return `gtag('event', 'profile_interaction', {
                    'dominio': '${dominio}',
                    'pagina': '${pagina}',
                    'accion': '${action}',
                    'orientacion': '${orientacion}',
                    'profile_id': '${profileId}'
                }); return true;`;
        }

        // Función para rotar perfiles
        function rotateProfiles() {
            // Calcular el siguiente grupo de 4 perfiles
            const nextProfiles = [];
            for (let i = 0; i < PROFILES_PER_ROTATION; i++) {
                const index = (currentIndex + i) % allProfiles.length;
                nextProfiles.push(allProfiles[index]);
            }

            // Incrementar índice para la próxima rotación
            currentIndex = (currentIndex + PROFILES_PER_ROTATION) % allProfiles.length;

            // Crear nuevas tarjetas
            const newCardsHTML = nextProfiles.map(profile => generateCardHTML(profile)).join('');

            // Reemplazar contenido con animación
            profilesContainer.innerHTML = newCardsHTML;
        }

        // Iniciar rotación automática
        setInterval(rotateProfiles, ROTATION_INTERVAL);

        // Opcional: Rotar manualmente cada vez que el usuario haga clic en un botón
        // Puedes agregar un botón si lo deseas:
        // document.getElementById('rotate-button').addEventListener('click', rotateProfiles);
    });
</script>            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalCompartir">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">¡Compartir es vivir!</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <p class="mb-2">Ahora que has descubierto cruisingmap.com no te guardes el secreto. </p>
                    <div class="submenu-share">

    <div class="input-group mb-3">
        <input type="text" class="form-control border border-secondary direccion" readonly>
        <div class="input-group-append">
            <button class="btn btn-outline-secondary copiar">Copiar</button>
        </div>
    </div>

    <div class="group-icon-text">
        <a href="#" class="share-button whatsapp-mobile d-flex d-sm-none" data-platform="whatsapp-mobile">
            <i class="bi bi-whatsapp"></i><span>WhatsApp</span>
        </a>
        <a href="#" class="share-button whatsapp-web d-none d-sm-block" data-platform="whatsapp-web">
            <i class="bi bi-whatsapp"></i><span>WhatsApp</span>
        </a>

        <a href="#" class="share-button telegram-mobile d-flex d-sm-none" data-platform="telegram-mobile">
            <i class="bi bi-telegram"></i><span>Telegram</span>
        </a>
        <a href="#" class="share-button telegram-web d-none d-sm-block" data-platform="telegram-web">
            <i class="bi bi-telegram"></i><span>Telegram</span>
        </a>

        <a href="#" class="share-button instagram" data-platform="instagram">
            <i class="bi bi-instagram"></i><span>Instagram</span>
        </a>
        <a href="#" class="share-button facebook" data-platform="facebook">
            <i class="bi bi-facebook"></i><span>Facebook</span>
        </a>
        <a href="#" class="share-button twitter" data-platform="twitter">
            𝕏<span>Twitter</span>
        </a>
        <a href="#" class="share-button reddit" data-platform="reddit">
            <i class="bi bi-reddit"></i><span>Reddit</span>
        </a>
        <a href="#" class="share-button email" data-platform="email">
            <i class="bi bi-envelope"></i><span>Email</span>
        </a>
    </div>

</div>

<script>
if (typeof window.SocialShare === 'undefined') {

function trackShare(platform) {
    if (typeof gtag !== 'function') return;

    gtag('event', 'share_click', {
        event_category: 'social_share',
        event_label: platform,
        share_platform: platform,
        device_type: window.innerWidth < 768 ? 'mobile' : 'desktop'
    });
}

class SocialShare {

    constructor(root) {
        this.root = root;
        this.hashtags = 'mispicaderos,picaderos';
        this.init();
        this.setupCopyInput();
    }

    getShareData() {
        let title = document.title || '';

        if (!title) {
            const metaTitle = document.querySelector('meta[property="og:title"]');
            if (metaTitle) title = metaTitle.getAttribute('content');
            else {
                const h1 = document.querySelector('h1');
                title = h1 ? h1.textContent.trim() : 'Compartir enlace';
            }
        }

        return {
            url: window.location.href,
            title,
            hashtags: this.hashtags
        };
    }

    getPlatformUrl(platform) {
        const d = this.getShareData();

        const platforms = {
            'whatsapp-mobile': () => `whatsapp://send?text=${encodeURIComponent(d.title + ' ' + d.url)}`,
            'whatsapp-web': () => `https://api.whatsapp.com/send?text=${encodeURIComponent(d.title + ' ' + d.url)}`,
            'telegram-mobile': () => `tg://msg_url?url=${encodeURIComponent(d.url)}&text=${encodeURIComponent(d.title)}`,
            'telegram-web': () => `https://t.me/share/url?url=${encodeURIComponent(d.url)}&text=${encodeURIComponent(d.title)}`,
            'facebook': () => `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(d.url)}`,
            'twitter': () => `https://twitter.com/share?text=${encodeURIComponent(d.title)}&url=${encodeURIComponent(d.url)}&hashtags=${encodeURIComponent(d.hashtags)}`,
            'reddit': () => `https://www.reddit.com/submit?url=${encodeURIComponent(d.url)}&title=${encodeURIComponent(d.title || 'Compartir enlace')}`,
            'email': () => `mailto:?subject=${encodeURIComponent(d.title)}&body=${encodeURIComponent(d.url)}`
        };

        return platforms[platform] ? platforms[platform]() : null;
    }

    init() {
        this.root.querySelectorAll('.share-button').forEach(button => {
            button.addEventListener('click', e => {
                e.preventDefault();
                const platform = button.dataset.platform;

                if (platform === 'instagram') {
                    trackShare('instagram');
                    this.shareInstagram();
                } else {
                    trackShare(platform);
                    this.share(platform);
                }
            });
        });
    }

    share(platform) {
        const url = this.getPlatformUrl(platform);
        if (!url) return;

        const features = 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600';

        if (platform.startsWith('whatsapp') || platform === 'email') {
            window.location.href = url;
        } else {
            window.open(url, '', features);
        }
    }

    async shareInstagram() {
        const d = this.getShareData();

        if (navigator.share) {
            try {
                await navigator.share({
                    title: d.title,
                    text: `${d.title}\n${d.url}`,
                    url: d.url
                });
                return;
            } catch {}
        }

        const copied = await this.copyToClipboard(d.url);
        alert(
            copied
                ? 'URL copiada. Abre Instagram y pégala.'
                : 'No se pudo copiar automáticamente. Copia la URL manualmente.'
        );
    }

    async copyToClipboard(text) {
        if (navigator.clipboard?.writeText) {
            try {
                await navigator.clipboard.writeText(text);
                return true;
            } catch {}
        }

        const tmp = document.createElement('textarea');
        tmp.value = text;
        document.body.appendChild(tmp);
        tmp.select();
        const ok = document.execCommand('copy');
        document.body.removeChild(tmp);
        return ok;
    }

    setupCopyInput() {
        const input = this.root.querySelector('.direccion');
        const btn = this.root.querySelector('.copiar');

        if (input) input.value = window.location.href;

        if (btn) {
            btn.addEventListener('click', async () => {
                const ok = await this.copyToClipboard(window.location.href);
                btn.textContent = ok ? 'URL copiada' : 'Copiar';
                setTimeout(() => btn.textContent = 'Copiar', 2000);
            });
        }
    }
}

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.submenu-share').forEach(el => {
        new SocialShare(el);
    });
});

}
</script>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalOtraswebs">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Webs amigas</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <div class="container_ my-3_" style="max-width:420px; font-size:13px; line-height:1.4;">
    <!-- GRID -->
    <div class="row no-gutters">

        <!-- 💰 DATING -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=otraswebs" target="_blank"
                class="d-block text-decoration-none">
                <div class="text-center p-2 rounded" style="background:#111;">
                    <img src="https://b.hub-cdn.com/images/generic/95b8b697-7fd9-4d86-a2d7-72c98da40fc7.webp"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">💬 Chat y citas cerca de ti</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://c.hubz.pl/?affiliateId=75129&url=https%3A%2F%2Fencuentros.blablafuck.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=otraswebs" target="_blank"
                class="d-block text-decoration-none">
                <div class="text-center p-2 rounded" style="background:#111;">
                    <img src="https://b.hub-cdn.com/images/generic/9aaa3cda-afc7-4d9c-abc4-78c9c0f2a35f.webp"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🔥 Conoce gente sin filtros</div>
                </div>
            </a>
        </div>

        <!-- CORE -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://mispicaderos.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-mispicaderos">
                    <img src="https://mispicaderos.com/assets/img/logos/mispicaderos-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">📍 Encuentra picaderos</div>
                </div>
            </a>
        </div>

        <!-- INCONTRI -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://dating.trovacamporella.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded border" style="background-color: #73dc6a;">
                    <img src="https://trovacamporella.com/assets/img/logos/datingcamporella.png"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-dark small mt-1">💘 Incontri in Italia</div>
                </div>
            </a>
        </div>

        <!-- NICHOS -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://cruisingmap.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-cruisingmap">
                    <img src="https://cruisingmap.com/assets/img/logos/cruisingmap-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">👬 Zonas de cruising</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://swingerplaces.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-swingerplaces">
                    <img src="https://swingerplaces.com/assets/img/logos/swingerplaces-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">💞 Clubs swinger y zonas de dogging</div>
                </div>
            </a>
        </div>

        <!-- INTERNACIONAL -->
        <div class="col-12 col-sm-6 p-1">
            <a href="https://trovacamporella.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded"
                    style="background:linear-gradient(45deg, #39ff6a 0%, #175796 100%);">
                    <img src="https://trovacamporella.com/assets/img/logos/trovacamporella-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🇮🇹 Posti appartati</div>
                </div>
            </a>
        </div>

        <div class="col-12 col-sm-6 p-1">
            <a href="https://placesforlove.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded ts-bg-placesforlove">
                    <img src="https://placesforlove.com/assets/img/logos/placesforlove-white.svg"
                        class="img-fluid d-block mx-auto" style="max-width:120px;">
                    <div class="text-white small mt-1">🌍 Love spots worldwide</div>
                </div>
            </a>
        </div>

        <!-- MARCA -->
        <div class="col-12 p-1">
            <a href="https://blablafuck.com" target="_blank" class="d-block text-decoration-none">
                <div class="text-center p-2 rounded border bg-white">
                    <img src="https://blablafuck.com/assets/img/logos/logo-blablafuck-color.svg"
                        class="img-fluid d-block mx-auto" style="max-width:140px;">
                    <div class="text-dark small mt-1">🔥 Rutas y citas calientes</div>
                </div>
            </a>
        </div>

    </div>

    <!-- CTA -->
    <div class="mt-2 text-muted" style="font-size:12px;">
        👉 Entra, chatea y queda hoy mismo
    </div>

</div>                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalInfoCruising">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Zona de cruising</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <p class="mb-4">
                        <strong>¿Qué es una zona cruising?</strong><br>En el mapa puedes encontrar luigares marcados
                        como
                        "Zona
                        de cruising". Estos
                        lugares, además de ser un picadero habitual para gente hetero, tambien son lugares donde el
                        personas LGBTI usan. Es decir, aqui cabemos todos!
                        <br><strong>¿Qué es el cruising?</strong><br> El cruising es una actividad que combina aventura,
                        misterio y deseo,
                        popular en la comunidad homosexual, donde se busca socializar (guiño, guiño) en lugares
                        discretos como parques, playas o rincones estratégicos. Es como un safari nocturno, pero en
                        lugar de observar fauna, el objetivo es conectar con otros que están en la misma onda. ¿Plan
                        predecible? Para nada. ¿Intriga y emoción? Garantizadas.
                    </p>
                    <div class="d-flex flex-wrap">
                        <a href="https://cruisingmap.com" target="blank" class="btn btn-blanco btn-block">Mapa de zonas
                            de cruising</a>
                                                    <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll" target="blank"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueescruisingBuscapecados-cruisingmap.com/categoria.php', 'Click','buscapecados_enlace_queescruising/categoria.php');"
                                class="btn btn-primary  btn-block">Encuentros Cruisingmap</a>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalInfoDogging">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Zona swinger o de dogging</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <p class="mb-2">DOGGING: La versión más picante de un paseo en coche. Se trata de encuentros íntimos
                        al aire libre, normalmente en parkings o zonas discretas, donde el morbo está en ser visto o
                        incluso invitar a otros. Entre voyerismo y exhibicionismo, aquí el coche es el escenario.</p>
                    <p class="mb-4">SWINGERS Y PAREJAS LIBERALES: Parejas que dejan la monogamia en pausa para explorar
                        intercambios o encuentros grupales, siempre desde el respeto y el consenso. Clubs, fiestas
                        privadas y mucha confianza son sus claves. Aquí la regla es disfrutar... ¡sin tabúes!</p>
                    <div class="d-flex flex-wrap">
                        <a href="https://swingerplaces.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                            clubs de swingers y zonas de dogging</a>
                                                    <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/categoria.php', 'Click','buscapecados__enlace_queesdogging/categoria.php');"
                                target="blank" class="btn btn-primary btn-block">Conoce swingers y parejas liberales</a>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalInfoCruisingDogging">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">¿Dogging? ¿Cruising? ¿Swinger? 🤨 </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs mb-0">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#doggingTab">Dogging y swingers</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#cruisingTab">Cruising</a>
                    </li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content pb-3">
                    <div class="tab-pane container active" id="doggingTab">

                        <p class="mb-4"><strong>¿Quienes son los swingers?</strong><br>Los swingers son parejas
                            liberales que
                            dejan la monogamia en pausa para
                            explorar
                            intercambios o encuentros grupales, siempre desde el respeto y el consenso. Clubs, fiestas
                            privadas y mucha confianza son sus claves. Aquí la regla es disfrutar... ¡sin tabúes!
                            <a href="https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/categoria.php', 'Click','buscapecados__enlace_queesdogging/categoria.php');"
                                target="blank" class="btn btn-primary btn-block">Encuentros Swingerplaces</a>
                        </p>
                        <p class="mb-2"><strong>¿Qué es una zona de dogging o de swingers?</strong><br>Se trata de zonas
                            donde hombres y mujeres de más de 18 años pueden encontrarse para tener relaciones sexuales
                            de forma discreta, ya sea solos, en pareja o en grupo. Pueden ser <a
                                href="https://swingerplaces.com/clubs-swingers" target="blank">clubs swingers</a> o
                            zonas discretas
                            donde la gente acude a tener estos encuentros.
                        </p>
                        <p class="mb-2"><strong>¿Qué es el dogging?</strong><br>La versión más picante de un paseo en
                            coche. Se trata de encuentros
                            íntimos
                            al aire libre, normalmente en parkings o zonas discretas, donde el morbo está en ser visto o
                            incluso invitar a otros. Entre voyerismo y exhibicionismo, aquí el coche es el escenario.
                        </p>
                        <div class="d-flex flex-wrap">
                            <a href="https://swingerplaces.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                                clubs de swingers y zonas de dogging</a>
                        </div>
                    </div>
                    <div class="tab-pane container fade" id="cruisingTab">
                        <p class="mb-4"><strong>¿Quienes son los cruisers?</strong><br>Los cruisers son hombres que
                            disfrutan del sexo casual en lugares públicos, normalmente parques, carreteras, playas,
                            cines
                            o baños de gasolineras, siendo personas que disfrutan de encuentros espontáneos y
                            discretos.
                            <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/categoria&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/categoria.php', 'Click','buscapecados__enlace_queesdogging/categoria.php');"
                                target="blank" class="btn btn-primary btn-block">Encuentros Cruisingmap</a>
                        </p>
                        <p class="mb-4">
                            <strong>¿Qué es una zona cruising?</strong><br>En el mapa puedes encontrar luigares marcados
                            como
                            "Zona
                            de cruising". Estos
                            lugares, además de ser un picadero habitual para gente hetero, tambien son lugares donde el
                            personas LGBTI usan. Es decir, aqui cabemos todos!
                            <br><strong>¿Qué es el cruising?</strong><br> El cruising es una actividad que combina
                            aventura,
                            misterio y deseo,
                            popular en la comunidad homosexual, donde se busca socializar (guiño, guiño) en lugares
                            discretos como parques, playas o rincones estratégicos. Es como un safari nocturno, pero en
                            lugar de observar fauna, el objetivo es conectar con otros que están en la misma onda. ¿Plan
                            predecible? Para nada. ¿Intriga y emoción? Garantizadas.
                        </p>
                        <div class="d-flex flex-wrap">
                            <a href="https://cruisingmap.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                                zonas
                                de cruising</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


<!----------------------MODAL IFRAME GEOMENSAJES/CHAT ------->

<div class="modal offcanvas-menu fade" id="geoMensajes" tabindex="-1" role="dialog" aria-labelledby="geoMensajesLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header align-items-center">
                <div class="media">
                    <img class="mr-3" src="/img/postit-sexnote-mispi.png" alt="SexNotes"
                        style="max-height: 35px; transform: scale(1.5);">
                    <div class="media-body">
                        <h5 class="mb-0">SexNotes & Chat<p class="small mb-0">by
                                Encuentros Cruisingmap                            </p>
                        </h5>
                    </div>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i
                        class="icon-close-round"></i></button>
            </div>
            <div class="modal-body p-0">
                <iframe id="geoMensajesIframe" style="/*width:100%; height: calc(100vh - 70px); border:0;*/"></iframe>
            </div>
        </div>
    </div>
</div>

<style>
    .leaflet-popup-content-wrapper {
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 10px !important;
        background: white !important;
        min-width: 140px;
    }

    .leaflet-popup-content {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin: 10px;
    }

    .leaflet-popup-content-wrapper {
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 5px !important;
        background: white !important;
        min-width: 140px;
    }

    .leaflet-popup-content {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin: 10px;
    }

    /* CORRECCIÓN: La animación se aplica al contenido interno, no al contenedor del marcador */
    @keyframes pulse-me {
        0% {
            transform: rotate(-45deg) scale(1);
            opacity: 1;
        }

        50% {
            transform: rotate(-45deg) scale(1.1);
            opacity: 0.8;
        }

        100% {
            transform: rotate(-45deg) scale(1);
            opacity: 1;
        }
    }

    .pulse-wrapper {
        animation: pulse-me 2s infinite;
        transform-origin: center;
    }

    #geomensajes.modal {
        pointer-events: none;
    }

    #geomensajes.modal .modal-dialog {
        pointer-events: auto;
    }
</style>

<script>


    var otherUsersMarkers = {};
    var myUserMarker = null;
    var globalWatchId = null;

    // --- 1. DEFINICIÓN DE ICONOS ---
    function createMyIcon() {
        return L.divIcon({
            className: 'my-location-icon',
            html: '<div style="background:#007bff; width:30px; height:30px; border-radius:50% 50% 50% 0; transform: rotate(-45deg); display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3);"><i class="bi bi-person-fill" style="color:white; transform: rotate(45deg); font-size:16px;"></i></div>',
            iconSize: [30, 30], iconAnchor: [15, 30]
        });
    }

    function createOtherIcon() {
        return L.divIcon({
            className: 'other-location-icon',
            html: '<div style="background:#28a745; width:30px; height:30px; border-radius:50% 50% 50% 0; transform: rotate(-45deg); display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3);"><i class="bi bi-person-fill" style="color:white; transform: rotate(45deg); font-size:16px;"></i></div>',
            iconSize: [30, 30], iconAnchor: [15, 30]
        });
    }

    // --- 2. FUNCIÓN DE APERTURA (SOPORTA AMBOS NOMBRES) ---
    function openGeoMensajes(placeId) {
        var iframe = document.getElementById('geoMensajesIframe');

        // IMPORTANTE: Ahora pasamos ?place=0 al chat para resetear la sesión del picadero
        var url = (placeId == 0) ? '/usuarios/chat.php?place=0' : '/usuarios/place_messages.php?place=' + placeId;

        iframe.src = url;
        $('#geoMensajes').modal({
            backdrop: false,
            keyboard: false,
            focus: false,
            show: true
        });
    }

    // Definimos openChatRoom como un alias para que los botones viejos funcionen
    window.openChatRoom = openGeoMensajes;

    // Abre una conversación privada con un usuario específico
    function openPrivateChat(userId) {
        var iframe = document.getElementById('geoMensajesIframe');
        iframe.src = '/usuarios/chat.php?receiver_id=' + userId;
        $('#geoMensajes').modal({
            backdrop: false,
            keyboard: false,
            focus: false,
            show: true
        });
    }
    window.openPrivateChat = openPrivateChat;

    // --- 3. MOTOR GPS PERSISTENTE (CON FIX 0,0) ---
    function startGlobalGPS() {
        if (!navigator.geolocation) return;
        globalWatchId = navigator.geolocation.watchPosition(function (position) {
            const lat = position.coords.latitude;
            const lng = position.coords.longitude;

            // Solo enviamos y pintamos si las coordenadas son reales (distintas de 0)
            if (lat !== 0 && lng !== 0) {
                if (typeof map !== 'undefined') {
                    if (!myUserMarker) {
                        myUserMarker = L.marker([lat, lng], { icon: createMyIcon() }).addTo(map).bindPopup("<b>Tú estás aquí</b>");
                    } else {
                        myUserMarker.setLatLng([lat, lng]);
                    }
                }

                fetch('/usuarios/ajax_chat_handler.php?action=update_location', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                    body: `lat=${lat}&lng=${lng}`
                });
                localStorage.setItem('shareLocationActive', 'true');
            }
        }, null, { enableHighAccuracy: true });
    }

    function stopGlobalGPS() {
        if (globalWatchId) navigator.geolocation.clearWatch(globalWatchId);
        if (myUserMarker && typeof map !== 'undefined') map.removeLayer(myUserMarker);
        myUserMarker = null;
        localStorage.removeItem('shareLocationActive');
        fetch('/usuarios/ajax_chat_handler.php?action=update_location', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: `lat=&lng=` // Enviamos vacío para que el PHP guarde NULL
        });
    }

    window.addEventListener('message', function (event) {
        if (event.data === 'START_GPS') startGlobalGPS();
        if (event.data === 'STOP_GPS') stopGlobalGPS();
    });

    // if (localStorage.getItem('shareLocationActive') === 'true') startGlobalGPS();
    // if (localStorage.getItem('shareLocationActive') !== 'false') startGlobalGPS();


    // --- 4. RADAR --- 

    function refreshRadar() {
        if (typeof map === 'undefined' || map === null) return;
        fetch('/usuarios/ajax_chat_handler.php?action=get_all_locations')
            .then(r => r.json())
            .then(users => {
                const activeIds = users.map(u => u.id.toString());
                for (let id in otherUsersMarkers) {
                    if (!activeIds.includes(id)) { map.removeLayer(otherUsersMarkers[id]); delete otherUsersMarkers[id]; }
                }
                users.forEach(u => {
                    const lat = parseFloat(u.lat);
                    const lng = parseFloat(u.lng);
                    if (lat === 0 || lng === 0) return; // Ignorar coordenadas basura

                    if (!otherUsersMarkers[u.id]) {
                        otherUsersMarkers[u.id] = L.marker([lat, lng], { icon: createOtherIcon() }).addTo(map)
                            .bindPopup(`<div class="text-left"><b>${u.display_name}</b><br><button class="btn btn-sm btn-primary mt-2" onclick="openPrivateChat(${u.id})"><i class="bi bi-chat-fill"></i> Hablar</button></div>`);
                    } else { otherUsersMarkers[u.id].setLatLng([lat, lng]); }
                });
            }).catch(e => { });
    }
    setInterval(refreshRadar, 10000);

</script>




<!-------------------------------- MODAL PUBLICIDAD --------------------------------------------->

<div class="modal fade" id="modalPublicidad" tabindex="-1" role="dialog" aria-labelledby="modalPublicidadLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
                <!--
                <div class="modal-content">
                    <div class="modal-header bg-light border-0">
                        <h4 class="modal-title">Especial Clubs Swinger</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body text-center pt-0">
                        <a href="https://swingerplaces.com/clubs-swingers/"  target="blank"><img src="/img/guia-clubs-swinger.png" class="img-fluid"></a>
                        <h2 class="m-3">¿Buscas nuevas experiencias y más seguras?</h2>
                        <p>Encuentra los locales liberales más exclusivos y seguros en Europa y América. Tu próxima aventura comienza aquí.</p>
                        <div class="d-flex justify-content-center">
                            <a href="https://swingerplaces.com/clubs-swingers/" class="btn btn-primary  m-3 ts-shadow__lg" target="blank">Explora clubs <i class="icon-tipo-club-swinger-2 mr-1"></i></a>
                            <a href="https://swingers.buscapecados.com" class="btn btn-light m-3" target="blank">Conoce swingers<i class="bi bi-arrow-through-heart ml-2"></i></a>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-center border-0 bg-light rounded-bottom">
                        <button type="button" class="btn btn-dark btn-sm px-4" id="btnCerrarNoVolver">
                            <i class="bi bi-x-lg"></i> Cerrar y no volver a ver
                        </button>
                    </div>
                </div>
                -->
            <div class="modal-content">
                <div class="modal-header bg-light border-0">
                    <h4 class="modal-title">Visita BlablaFuck</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center pt-0">
                    <a href="https://blablafuck.com" target="blank">
                        <!--<img src="/blog/uploads/img_698227d459fb9.png" class="img-fluid">-->
                        <img src="img/lucia-esperando-junto-a-senial.webp" class="img-fluid">
                    </a>
                    <h2 class="m-3">Convierte tu ruta en una cita caliente</h2>
                    <p class="mx-3">Crear tu <strong>ruta de zonas de cruising </strong>, activa el
                        <strong>radar de picaderos cercanos</strong>, conoce <strong>gays</strong> allá
                        donde vayas.
                    </p>
                    <a href="https://blablafuck.com" class="btn btn-primary btn-lg m-3 ts-shadow__lg" target="blank">Visita
                        BlablaFuck.com<i class="bi bi-arrow-through-heart ml-2"></i></a>
                </div>
                <div class="modal-footer justify-content-center border-0 bg-light rounded-bottom">
                    <button type="button" class="btn btn-dark btn-sm px-4" id="btnCerrarNoVolver">
                        <i class="bi bi-x-lg"></i> Cerrar y no volver a ver
                    </button>
                </div>
            </div>
            </div>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        // [CONFIGURACIÓN] Cambia este valor (ej: 'v2', 'v3') cuando cambies el contenido
        // para que el modal se muestre de nuevo a todos los usuarios.
        var versionModal = 'v3';

        var cookieName = 'modal_publicidad_visto_' + versionModal;

        function getCookie(name) {
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
            return match ? match[2] : null;
        }

        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }

        // Si la cookie no existe, mostrar el modal
        if (!getCookie(cookieName)) {
            setTimeout(function () {
                $('#modalPublicidad').modal('show');
            }, 1000);
        }

        // Nuevo evento para el botón "Cerrar y no volver a ver"
        $('#btnCerrarNoVolver').on('click', function () {
            setCookie(cookieName, 'true', 10); // Guardamos la cookie por 10 días
            $('#modalPublicidad').modal('hide');
        });
    });
</script>
</div>
<!------------------FIN modal publicidad-------------------->


<!-- modal para usuariosVisibles con IFRAME -->

<script>
	document.addEventListener('DOMContentLoaded', function () {

		// --- Lógica para los botones de recarga (SIN CAMBIOS) ---
		const categoryButtons = document.querySelectorAll('.category-reload-button');
		categoryButtons.forEach(button => {
			button.addEventListener('click', function (event) {
				event.preventDefault();
				const selectedTipo = this.dataset.tipo;
				const currentUrl = new URL(window.location.href);

				if (selectedTipo) {
					currentUrl.searchParams.set('tipo', selectedTipo);
				} else {
					currentUrl.searchParams.delete('tipo');
				}
				// Importante: No modificamos el parámetro 'add' aquí, se mantiene el que ya estaba en la URL

				window.location.href = currentUrl.toString();
			});
		});
	});
</script>

</body>

</html>