<!doctype html>
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
    <!-- head-generico -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
    <meta name="robots" content="index, follow">

            <base href="//cruisingmap.com/" />
    
    <meta name="theme-color" content="#d01c97">
    <meta name="msapplication-navbutton-color" content="#d01c97">
    <meta name="apple-mobile-web-app-status-bar-style" content="#d01c97">

    <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="apple-touch-icon-precomposed" href="/icono-cruisingmap-200.png" sizes="200x200">
    
    <title>Los mejores zonas de cruising en Santa ana | CruisingMap</title>
    <meta name="author" content="cruisingmap.com">
    <meta name="description" id="metaDescription" content="Descubre los zonas de cruising mejor valorados de Santa ana. Ranking con puntuaciones reales de la comunidad. 6 lugares disponibles.">
    <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,cruisingmap.com">

    <meta property="og:site_name" content="cruisingmap.com">
    <meta property="og:title" content="Los mejores zonas de cruising en Santa ana | CruisingMap">
    <meta property="og:description" content="Descubre los zonas de cruising mejor valorados de Santa ana. Ranking con puntuaciones reales de la comunidad. 6 lugares disponibles.">
    <meta property="og:image" content="https://maps.geoapify.com/v1/staticmap?style=osm-carto&amp;width=600&amp;height=400&amp;center=lonlat:,&amp;zoom=14&amp;marker=lonlat:,;color:%231283b6;size:42&amp;scaleFactor=2&amp;apiKey=c874ac983a394949a860b21d90cc7a4a">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:url" content="https://cruisingmap.com/region/santa-ana/top">
    <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&amp;width=600&amp;height=400&amp;center=lonlat:,&amp;zoom=14&amp;marker=lonlat:,;color:%231283b6;size:42&amp;scaleFactor=2&amp;apiKey=c874ac983a394949a860b21d90cc7a4a">
    <meta name="twitter:title" content="Los mejores zonas de cruising en Santa ana | CruisingMap">
    <meta name="twitter:description" content="Descubre los zonas de cruising mejor valorados de Santa ana. Ranking con puntuaciones reales de la comunidad. 6 lugares disponibles.">

    <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">

    <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/region/santa-ana/top">
    <meta name="msvalidate.01" content="E12642C1CF960626671A92EFBBF9F3AB" />

            <link rel="manifest" href="manifest-cruisingmap.json">
    
    <script>
    if ('serviceWorker' in navigator) {
        if (!navigator.serviceWorker.controller) {
            navigator.serviceWorker.register('pwabuilder-sw.js', { scope: './' });
        }
    }
    </script>

        <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');
        window.addEventListener('appinstalled', (e) => {
            gtag('event', 'pwa_install', { event_category: 'PWA', event_label: 'Instalación completada' });
        });
    </script>
    
        <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            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>
    
    
    <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>
    

    
    <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"></head>

<body class="cruisingmap region">
    <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="categoriasDropdown" role="button">
                        <i class="bi bi-tags"></i> Categorias
                    </a>
                    <div class="dropdown-menu" aria-labelledby="categoriasDropdown">
                        
<!-- 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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       class="btn bg-light btn-icon  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"
                       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"
                       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"
                       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"
                       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"
                       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"
                       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"
    class="btn btn-secondary active 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 -->

                    </div>
                </li>
            


            <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/region&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/region.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bannerhorizontal" onClick="trackBannerEvent({
                site: 'cruisingmap.com',
                page: '/region.php',
                banner: 'banner_horizontal',
                orientacion: 'gay',
                address: 'Santa ana'
                });            
               gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/region.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 en Santa ana                </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/region&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/region&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/region.php&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll&utm_term=gays-bannerhorizontal" onClick="trackBannerEvent({
                site: 'cruisingmap.com',
                page: '/region.php',
                banner: 'banner_horizontal',
                orientacion: 'gay',
                address: 'Santa ana'
                });            
               gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/region.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 en Santa ana                </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>
<!-- Begin page content -->
<div class="hero"
    style="background: linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%), url(assets/img/lugares/santa-ana.jpg) center center, url(assets/img/fondo-mispicaderos-noche-fordfiesta.jpg) center center; background-size: cover; text-align:left">
    <div class="px-3 py-5 col-sm-8">
        <div class="hero-eslogan largo p-0">
            <strong>6 zonas de cruising</strong> disponibles en <strong>Santa ana</strong> — los usuarios han votado. Te mostramos zonas de cruising de <strong>Santa ana</strong> con mejor puntuación.        </div>
        <h1 class="hero-title mt-1 mb-4 font-weight-bold">
            Los mejores zonas de cruising en Santa ana            <a href="" class="btn btn-outline-light" data-toggle="modal" data-target="#modalCompartir">
                <i class="icon-share-outline"></i>
            </a>
        </h1>
        <div class="d-flex justify-content-start mb-4 flex-wrap">
            <a class="btn btn-outline-light mb-1 mr-1" href="/map?add=Santa+ana">
                <i class="bi bi-map"></i> Mapa de
                Santa ana            </a>
            <a style="display:none" class="btn btn-outline-light mb-1 mr-1"
                href="/region/santa-ana/">
                <i class="bi bi-grid"></i> Ver todos los tabs
            </a>
            <a class="btn btn-light mb-1" href="https://c.hubz.pl/?affiliateId=75341&amp;url=https%3A%2F%2Fencuentros.cruisingmap.com&amp;utm_source=cruisingmap.com/region&amp;utm_campaign=&amp;utm_custom=&amp;aff_sub4=&amp;aff_sub5=minimal-no-scroll" target="_blank"
                onclick="ga('send','event','Boton-enlace','Click','tab-top-hero');">
                <i class="bi bi-people"></i>
                Gays en
                Santa ana            </a>
        </div>
    </div>
</div>

<div class="d-flex row no-gutters">
    <div class="col-12 col-sm-9">
        <!-- Breadcrumb + enlaces internos SEO -->
        <nav aria-label="breadcrumb" class="ml-4 mt-4 mb-2">
            <ol class="breadcrumb bg-transparent p-0">
                <li class="breadcrumb-item"><a href="/">Inicio</a></li>
                                    <li class="breadcrumb-item">
                        <a href="/pais/el-salvador/">
                            El Salvador                        </a>
                    </li>
                                <li class="breadcrumb-item">
                    <a href="/region/santa-ana/">
                        Santa ana                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                    Top                </li>
            </ol>
        </nav>

        <!-- Navegación de tabs (como links reales para SEO) -->
        <ul class="nav nav-pills group-icon-text bottom-navigation" role="tablist">
                            <li class="nav-item">
                    <a href="/region/santa-ana/top"
                        class="nav-link active" aria-current="page">
                        <i class="bi bi-trophy"></i>
                        <span>
                            Top                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/santa-ana/nuevos"
                        class="nav-link" >
                        <i class="bi bi-bell"></i>
                        <span>
                            Nuevos                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/santa-ana/calientes"
                        class="nav-link" >
                        <i class="bi bi-fire"></i>
                        <span>
                            Calientes                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/santa-ana/categorias"
                        class="nav-link" >
                        <i class="bi bi-tags"></i>
                        <span>
                            Categorías                        </span>
                    </a>
                </li>
                        <li class="nav-item">
                <a class="nav-link" onclick="openChatRoom(0)" style="cursor:pointer">
                    <i class="bi bi-arrow-through-heart"></i>
                    <span>Encuentros</span>
                </a>
            </li>
        </ul>

        <!-- Intro del tab activo -->
        <div class="titulo-subtitulo ml-4 mb-4 mt-3">
            <h2 class="h5">
                Los mejores zonas de cruising en Santa ana            </h2>
            <p>
                Los usuarios han votado. Te mostramos zonas de cruising de <strong>Santa ana</strong> con mejor puntuación.            </p>
        </div>

        <!-- Contenido del tab (cacheado) -->
        <div class="top-results">
                <div class="ts-result" data-id="">
                    <div class="ts-ribbon-corner"><span>
                    <b>3.5</b>/5                </span></div>
                            <h4>
                Metrocentro            </h4>
                            <p><i class="fas fa-map-marker-alt"></i>
                Santa Ana,
                El Salvador            </p>
                <div class="d-flex justify-content-between mt-2 mb-2">
                            <div class="media">
                    <i class='far fa-smile-beam' style='color:#87c346'></i>                    <div class="media-body">
                        <span><b>
                                3.5                            </b>/5 (
                            15 votos)
                        </span>
                        <h6>
                            Bueno                        </h6>
                    </div>
                </div>
                                        <div class="media">
                    <img src="assets/img/tipologia-cruising.svg" alt="Cruising">                    <div class="media-body">
                        <span>Zona de</span>
                        <h6>
                            Cruising                        </h6>
                    </div>
                </div>
                    </div>
                    <h6 class="tipo"><i class="icon-tipo-aseos"></i>
                Aseos            </h6>
                            <p class="descripcion">
                Metrocentro lugar para cruising             </p>
                <div class="d-flex justify-content-between align-items-center mt-2">
            <a href="47074-metrocentro" class="btn btn-primary btn-sm"><b>Detalles</b></a>
        </div>
    </div>
        <div class="ts-result" data-id="">
                    <div class="ts-ribbon-corner"><span>
                    <b>3.3</b>/5                </span></div>
                            <h4>
                Cine tropical            </h4>
                            <p><i class="fas fa-map-marker-alt"></i>
                Santa Ana,
                Panamá            </p>
                <div class="d-flex justify-content-between mt-2 mb-2">
                            <div class="media">
                    <i class='far fa-meh' style='color:#d7c429'></i>                    <div class="media-body">
                        <span><b>
                                3.3                            </b>/5 (
                            23 votos)
                        </span>
                        <h6>
                            Regular                        </h6>
                    </div>
                </div>
                                        <div class="media">
                    <img src="assets/img/tipologia-cruising.svg" alt="Cruising">                    <div class="media-body">
                        <span>Zona de</span>
                        <h6>
                            Cruising                        </h6>
                    </div>
                </div>
                    </div>
                    <h6 class="tipo"><i class="icon-tipo-edificio"></i>
                Edificio            </h6>
                            <p class="descripcion">
                Lugar para ver peliculas XXX Hetero.
Lastima que no colocan xxx gay.
Se te acercan pelaitillos dispuestos a satisfacerte mientras ves la película. ...            </p>
                <div class="d-flex justify-content-between align-items-center mt-2">
            <a href="49953-cine-tropical" class="btn btn-primary btn-sm"><b>Detalles</b></a>
        </div>
    </div>
        <div class="ts-result" data-id="">
                    <div class="ts-ribbon-corner"><span>
                    <b>3.2</b>/5                </span></div>
                            <h4>
                Laguna Cuzcachapa            </h4>
                            <p><i class="fas fa-map-marker-alt"></i>
                Chalchuapa,
                El Salvador            </p>
                <div class="d-flex justify-content-between mt-2 mb-2">
                            <div class="media">
                    <i class='far fa-meh' style='color:#d7c429'></i>                    <div class="media-body">
                        <span><b>
                                3.2                            </b>/5 (
                            11 votos)
                        </span>
                        <h6>
                            Regular                        </h6>
                    </div>
                </div>
                                        <div class="media">
                    <img src="assets/img/tipologia-cruising.svg" alt="Cruising">                    <div class="media-body">
                        <span>Zona de</span>
                        <h6>
                            Cruising                        </h6>
                    </div>
                </div>
                    </div>
                    <h6 class="tipo"><i class="icon-tipo-parque"></i>
                Parque            </h6>
                            <p class="descripcion">
                Es una laguna rodeada de vegetacion, conocido por cruising generalmente en la noche se ven parejas llegar en motos y carros y se sabe a que se va a es...            </p>
                <div class="d-flex justify-content-between align-items-center mt-2">
            <a href="50124-laguna-cuzcachapa" class="btn btn-primary btn-sm"><b>Detalles</b></a>
        </div>
    </div>
            </div>

        <!-- Cross-links entre tabs (ayuda SEO interno) -->
        <div class="ml-4 mb-4">
            <p class="text-muted small mb-2">Más listas de
                zonas de cruising en
                Santa ana:
            </p>
            <div class="d-flex flex-wrap">
                                    <a href="/region/santa-ana/nuevos" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-bell"></i>
                        Nuevos                    </a>
                                    <a href="/region/santa-ana/calientes" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-fire"></i>
                        Calientes                    </a>
                                    <a href="/region/santa-ana/categorias" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-tags"></i>
                        Categorías                    </a>
                            </div>
        </div>
    </div>

    <div class="col-12 col-sm-3" style="max-height: 600px;">
        
<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/region.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: '/region.php',
        banner: 'banner_vertical_video',
        orientacion: 'gay',
        address: 'Santa ana',
        type: 'click'   // ← añadido explícitamente para mayor claridad (opcional pero recomendado)
    });
        gtag('event', 'banner_click', {
                        'dominio': 'cruisingmap.com',
                        'pagina': '/region.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  de Santa ana            </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: '/region.php',
                        banner: 'banner_vertical_video',
                        orientacion: 'gay',
                        address: 'Santa ana',
                        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>

    <div id="faqs" class="mt-3 p-3">
        <h2 class="h5">Preguntas frecuentes sobre
            cruisingmap.com en
            Santa ana        </h2>
        <div class="faqs"><h3 class='mb-0 mt-4'>¿Qué es cruisingmap.com?</h3><p>Es un mapa colaborativo donde los usuarios comparten lugares reales para encuentros.</p><h3 class='mb-0 mt-4'>¿Cómo funciona cruisingmap.com?</h3><p>Puedes explorar el mapa y descubrir lugares en Santa ana.</p><h3 class='mb-0 mt-4'>¿Los lugares son reales?</h3><p>Sí, son revisados para evitar contenido falso. Y si ves algun lugar falso, puedes denunciarlo.</p><h3 class='mb-0 mt-4'>¿Dónde encontrar lugares discretos en Santa ana?</h3><p>Puedes explorar el mapa para descubrir sitios en Santa ana recomendados por otros usuarios. Filtrando los lugares por tipo (por ejemplo: tipo parking, o cementerio) podrás encontrar los lugares mas tranquilos.</p><h3 class='mb-0 mt-4'>Mejores lugares para encuentros en Santa ana</h3><p>Los lugares mejor valorados en Santa ana suelen ser los que mayor puntuación tengan.</p><h3 class='mb-0 mt-4'>Zonas activas para citas en Santa ana</h3><p>Algunas zonas tienen más actividad de tipo cruising o dogging, pero para tener citas y encuentros en Santa ana, te recomiendo que  visites <strong><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll'>Encuentros Cruisingmap</a></strong></p><h3 class='mb-0 mt-4'>Dónde ir de noche en Santa ana para conocer gente</h3><p>Algunos lugares son más activos por la noche en Santa ana. Para encontrar estos lugares activa el filtro de cruising o dogging. En cualquier caso siempre sera mejor llegar con la cita cerrada de <strong><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll'>Encuentros Cruisingmap</a></strong></p><h3 class='mb-0 mt-4'>Cómo encontrar sitios tranquilos en Santa ana</h3><p>Busca lugares con buenas valoraciones y poca afluencia. Zonas apartadas o el tipico parking que todo el mundo usa por la noche.</p><h3 class='mb-0 mt-4'>Cómo evitar lugares falsos en Santa ana</h3><p>Evita sitios con muy pocos puntos o con un descripción que no tenga sentido. Si ves un lugar falso, puedes denunciarlo.</p><h3 class='mb-0 mt-4'>Dónde tener un encuentro discreto en Santa ana</h3><p>Existen múltiples ubicaciones recomendadas por usuarios en Santa ana.</p><h3 class='mb-0 mt-4'>Lugares al aire libre para citas en Santa ana</h3><p>Puedes encontrar zonas naturales y discretas en el mapa. Filtra por la categoria parques o descampados</p><h3 class='mb-0 mt-4'>¿Cómo conocer gente en Santa ana?</h3><p>Haz click en encuentros, si te registras podrás ver personas que buscan encuentros en Santa ana.</p><h3 class='mb-0 mt-4'>¿Es mejor que Tinder en Santa ana?</h3><p>Aquí descubres lugares reales, no solo perfiles.</p><h3 class='mb-0 mt-4'>¿La gente queda realmente en estos sitios?</h3><p>Sí, muchos usuarios utilizan estos lugares para encuentros reales. Sobretodo aquellos marcados como dogging.</p><h3 class='mb-0 mt-4'>Zonas de cruising en Santa ana</h3><p>Puedes encontrar zonas activas en el mapa dentro de Santa ana.</p></div><script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "¿Qué es cruisingmap.com?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Es un mapa colaborativo donde los usuarios comparten lugares reales para encuentros."
            }
        },
        {
            "@type": "Question",
            "name": "¿Cómo funciona cruisingmap.com?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes explorar el mapa y descubrir lugares en Santa ana."
            }
        },
        {
            "@type": "Question",
            "name": "¿Los lugares son reales?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Sí, son revisados para evitar contenido falso. Y si ves algun lugar falso, puedes denunciarlo."
            }
        },
        {
            "@type": "Question",
            "name": "¿Dónde encontrar lugares discretos en Santa ana?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes explorar el mapa para descubrir sitios en Santa ana recomendados por otros usuarios. Filtrando los lugares por tipo (por ejemplo: tipo parking, o cementerio) podrás encontrar los lugares mas tranquilos."
            }
        },
        {
            "@type": "Question",
            "name": "Mejores lugares para encuentros en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Los lugares mejor valorados en Santa ana suelen ser los que mayor puntuación tengan."
            }
        },
        {
            "@type": "Question",
            "name": "Zonas activas para citas en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Algunas zonas tienen más actividad de tipo cruising o dogging, pero para tener citas y encuentros en Santa ana, te recomiendo que  visites <strong><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll'>Encuentros Cruisingmap</a></strong>"
            }
        },
        {
            "@type": "Question",
            "name": "Dónde ir de noche en Santa ana para conocer gente",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Algunos lugares son más activos por la noche en Santa ana. Para encontrar estos lugares activa el filtro de cruising o dogging. En cualquier caso siempre sera mejor llegar con la cita cerrada de <strong><a href='https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll'>Encuentros Cruisingmap</a></strong>"
            }
        },
        {
            "@type": "Question",
            "name": "Cómo encontrar sitios tranquilos en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Busca lugares con buenas valoraciones y poca afluencia. Zonas apartadas o el tipico parking que todo el mundo usa por la noche."
            }
        },
        {
            "@type": "Question",
            "name": "Cómo evitar lugares falsos en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Evita sitios con muy pocos puntos o con un descripción que no tenga sentido. Si ves un lugar falso, puedes denunciarlo."
            }
        },
        {
            "@type": "Question",
            "name": "Dónde tener un encuentro discreto en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Existen múltiples ubicaciones recomendadas por usuarios en Santa ana."
            }
        },
        {
            "@type": "Question",
            "name": "Lugares al aire libre para citas en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes encontrar zonas naturales y discretas en el mapa. Filtra por la categoria parques o descampados"
            }
        },
        {
            "@type": "Question",
            "name": "¿Cómo conocer gente en Santa ana?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Haz click en encuentros, si te registras podrás ver personas que buscan encuentros en Santa ana."
            }
        },
        {
            "@type": "Question",
            "name": "¿Es mejor que Tinder en Santa ana?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Aquí descubres lugares reales, no solo perfiles."
            }
        },
        {
            "@type": "Question",
            "name": "¿La gente queda realmente en estos sitios?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Sí, muchos usuarios utilizan estos lugares para encuentros reales. Sobretodo aquellos marcados como dogging."
            }
        },
        {
            "@type": "Question",
            "name": "Zonas de cruising en Santa ana",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes encontrar zonas activas en el mapa dentro de Santa ana."
            }
        }
    ]
}</script>    </div>
</div>

<!-- Schema.org ItemList para SEO -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "Los mejores zonas de cruising en Santa ana",
    "description": "Descubre los zonas de cruising mejor valorados de Santa ana. Ranking con puntuaciones reales de la comunidad. 6 lugares disponibles.",
    "numberOfItems": 6,
    "url": "https://cruisingmap.com/region/santa-ana/top"
}
</script>

<!-- Código del botón de instalación -->
<script>
    // Seleccionamos todos los botones de instalación por una clase común
    const installButtons = document.querySelectorAll('.pwa-install-button');
    let deferredPrompt;

    window.addEventListener('beforeinstallprompt', (e) => {
        e.preventDefault();
        deferredPrompt = e;

        // Mostramos todos los botones de instalación
        installButtons.forEach(button => {
            button.style.display = 'inline-block';
        });
    });

    // Añadimos el evento click a todos los botones
    installButtons.forEach(button => {
        button.addEventListener('click', async () => {
            if (!deferredPrompt) return;

            deferredPrompt.prompt();
            const { outcome } = await deferredPrompt.userChoice;
            deferredPrompt = null;

            // Ocultamos todos los botones después de la acción
            installButtons.forEach(btn => {
                btn.style.display = 'none';
            });
        });
    });

    window.addEventListener('appinstalled', () => {
        // Ocultamos todos los botones cuando se instala la app
        installButtons.forEach(button => {
            button.style.display = 'none';
        });
        deferredPrompt = null;
    });
</script>

<footer id="ts-footer">

    <!--MAIN FOOTER CONTENT
        =============================================================================================================-->
    <section id="ts-footer-main">
        <div class="container">


            <div class="row">

                <!--Brand and description-->
                <div class="col-md-5">
                                        <a href="https://cruisingmap.com" class="brand">
                        <img src="/assets/img/logos/cruisingmap.svg" alt="CruisingMap">
                    </a>
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/map">
                                <h5 class="mb-0 notranslate">Mapa</h5>
                                <p class="small">Encuentra en el mapa el zona de cruising perfecto,
                                    filtrandolo por direccion, por puntuación, tipo de lugar, ...</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/colabora">
                                <h5 class="mb-0 notranslate">Colabora</h5>
                                <p class="small">Ayuda a la comunidad y comparte zonas de cruising que
                                    hayas descubierto</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/region">
                                <h5 class="mb-0 notranslate">Regiones</h5>
                                <p class="small">Regiones del mundo con mas zonas de cruising y de encuentros gay</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/categoria">
                                <h5 class="mb-0 notranslate">Categorias</h5>
                                <p class="small">Todo tipo de zonas de cruising para escojas el mejor
                                    plan</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/blog">
                                <h5 class="mb-0 notranslate">Blog</h5>
                                <p class="small">Nuevas utilidades y herramientas, noticias, apariciones medios, nuevas
                                    zonas,..</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="https://swingerplaces.com/clubs-swingers" target="blank">
                                <h5 class="mb-0 notranslate">Especial: Clubs swingers</h5>
                                <p class="small">Si buscas nuevas experiencias, los locales swingers para parejas
                                    liberales son tu lugar.</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2">
                            <a href="/heatmap-evolution">
                                <h5 class="mb-0 notranslate">Heatmap</h5>
                                <p class="small">Explora como cruisingmap.com ha ido creciendo por el mundo y descubre
                                    las regiones más calientes</p>
                            </a>
                        </div>
                        <div class="col-12 col-sm-6 col-md-12 col-lg-12 mb-2 d-none">
                            <a class="pwa-install-button">
                                <h5 class="mb-0 notranslate">APP de CruisingMap</h5>
                                <p class="small">Instala la APP de CruisingMap y tenla siempre disponible</p>
                            </a>
                        </div>

                    </div>
                </div>


                <div class="col-md-4 mt-4">
                    <h4><strong>Otras webs</strong></h4>
                    <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/region&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/region&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 class="col-md-3 mt-4">
                    <h4><strong>Unete</strong></h4>
                    <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/region&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>
            <!--end row-->
        </div>
        <!--end container-->
    </section>
    <!--end ts-footer-main-->

    <!--SECONDARY FOOTER CONTENT
        =============================================================================================================-->
    <section id="ts-footer-secondary">
        <div class="container">

            <!--Copyright-->
            <div class="ts-copyright">(C) 2024 cruisingmap.com. Todos los derechos reservados</div>

            <!--Social Icons-->
            <div class="ts-footer-nav d-flex">
                            </div>
            <!--end ts-footer-nav-->

        </div>
        <div class="container">
            <p><strong>La reproducción total o parcial del contenido y/o estructura de cruisingmap.com no está
                    permitida.</strong></p>
            <a href="aviso-legal">Aviso legal</a>
        </div>
        <!--end container-->
    </section>
    <!--end ts-footer-secondary-->

</footer>
<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/custom.js"></script>
<script src="assets/js/megamenu.js"></script>
<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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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">/region.php</span>
    <span id="profiles-orientacion">gay</span>
    <span id="profiles-address">Santa ana</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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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>
                            Santa ana
                        </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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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/region.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': '/region.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">/region.php</span>
    <span id="profiles-orientacion">gay</span>
    <span id="profiles-address">Santa ana</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/region&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/region&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">¿Qué es el 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">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>El cruising</strong> 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/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll" target="blank"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueescruisingBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados_enlace_queescruising/region.php');"
                                class="btn btn-primary  btn-block">Hombres que practican cruising</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">¿Que es el 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=57149&url=http%3A%2F%2Fswingers.buscapecados.com&utm_source=cruisingmap.com/region.php&utm_campaign=&utm_custom=&utm_term=swingers&aff_sub4=&aff_sub5="
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados__enlace_queesdogging/region.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? <i class="far fa-flushed"></i> </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <h5>Cruising</h5>
                    <p class="mb-4">Esa 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=57153&url=http%3A%2F%2Fgays.buscapecados.com&utm_source=cruisingmap.com/region.php&utm_campaign=&utm_custom=&utm_term=gays&aff_sub4=&aff_sub5="
                                target="blank"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueescruisingBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados_enlace_queescruising/region.php');"
                                class="btn btn-primary  btn-block">Hombres que practican cruising</a>
                                            </div>
                    <hr />
                    <h5>Dogging</h5>
                    <p class="mb-2">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: 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=57149&url=http%3A%2F%2Fswingers.buscapecados.com&utm_source=cruisingmap.com/region.php&utm_campaign=&utm_custom=&utm_term=swingers&aff_sub4=&aff_sub5="
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados__enlace_queesdogging/region.php');"
                                target="blank" class="btn btn-primary btn-block">Conoce swingers y parejas liberales</a>
                                            </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>
    // 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>
</body>

</html>

