
<script>

    window.siteConfig = {"taxonomia":{"singular":"zona de cruising","plural":"zonas de cruising","pluralLarga":"zonas de cruising y de encuentros gay"},"orientacionLarga":"gays buscando encuentros cruising","eslogan":"Gay spots y lugares dónde practicar cruising","dominio":"cruisingmap.com"};

    // Agrego los valores de php a este script para tenerlo disponible archivos .js 
    // Para implementarlo se meteria asi: ${window.datingUrlMispicaderos}
    window.datingName = 'Encuentros Cruisingmap';
    window.datingUrl = 'https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlCruisingmap = 'https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlSwingerplaces = 'https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';
    window.datingUrlTrovacamporella = 'https://dating.trovacamporella.com';
    window.datingUrlPlacesforlove = 'https://dating.placesforlove.com';
    window.datingUrlMispicaderos = 'https://c.hubz.pl/?affiliateId=75280&url=https%3A%2F%2Fencuentros.mispicaderos.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll';

    window.OrientacionCorta = 'gays';
    window.OrientacionLarga = 'gays buscando encuentros cruising';
    window.taxonomiaOrientacionSingular = 'zona de cruising';
    window.OrientacionLarga = 'gays buscando encuentros cruising';
    // Declarar 'pagina' globalmente para que custom.js y otros scripts puedan usarla sin ReferenceError
    window.pagina = 'region';
    var pagina = 'region';


</script> 

<!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>Tipos de zonas de cruising en Andalucia | CruisingMap</title>
    <meta name="author" content="cruisingmap.com">
    <meta name="description" id="metaDescription" content="Explora todos los tipos de zonas de cruising en Andalucia: playas, miradores, parkings, clubs y más. 895 lugares clasificados por categoría.">
    <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="Tipos de zonas de cruising en Andalucia | CruisingMap">
    <meta property="og:description" content="Explora todos los tipos de zonas de cruising en Andalucia: playas, miradores, parkings, clubs y más. 895 lugares clasificados por categoría.">
    <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/andalucia/categorias">
    <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="Tipos de zonas de cruising en Andalucia | CruisingMap">
    <meta name="twitter:description" content="Explora todos los tipos de zonas de cruising en Andalucia: playas, miradores, parkings, clubs y más. 895 lugares clasificados por categoría.">

    <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/andalucia/categorias">
    <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: 'Andalucia'
                });            
               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 Andalucia                </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: 'Andalucia'
                });            
               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 Andalucia                </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/andalucia.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>895 zonas de cruising</strong> disponibles en <strong>Andalucia</strong> — todo tipo de zonas de cruising en <strong>Andalucia</strong> clasificados por categoría.        </div>
        <h1 class="hero-title mt-1 mb-4 font-weight-bold">
            Tipos de zonas de cruising en Andalucia            <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=Andalucia">
                <i class="bi bi-map"></i> Mapa de
                Andalucia            </a>
            <a style="display:none" class="btn btn-outline-light mb-1 mr-1"
                href="/region/andalucia/">
                <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-categorias-hero');">
                <i class="bi bi-people"></i>
                Gays en
                Andalucia            </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/espana/">
                            España                        </a>
                    </li>
                                <li class="breadcrumb-item">
                    <a href="/region/andalucia/">
                        Andalucia                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                    Categorías                </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/andalucia/top"
                        class="nav-link" >
                        <i class="bi bi-trophy"></i>
                        <span>
                            Top                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/andalucia/nuevos"
                        class="nav-link" >
                        <i class="bi bi-bell"></i>
                        <span>
                            Nuevos                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/andalucia/calientes"
                        class="nav-link" >
                        <i class="bi bi-fire"></i>
                        <span>
                            Calientes                        </span>
                    </a>
                </li>
                            <li class="nav-item">
                    <a href="/region/andalucia/categorias"
                        class="nav-link active" aria-current="page">
                        <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">
                Tipos de zonas de cruising en Andalucia            </h2>
            <p>
                Todo tipo de zonas de cruising en <strong>Andalucia</strong> clasificados por categoría.            </p>
        </div>

        <!-- Contenido del tab (cacheado) -->
        <div class="top-results">
                <div class="d-flex text-center flex-column flex-md-row">
        <div class="m-2 flex-fill">
            <h5 class="font-weight-bold">Aire libre</h5>
            <div class="d-flex flex-wrap justify-content-center">
                                        <a href="/categoria.php?tipo=Parque&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Parques arbolados" data-toggle="tooltip">
                            <i class="icon-tipo-parque mr-1"></i>
                            Parque                            <span class="badge badge-primary ml-1">
                                150                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Descampado&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Monte y prados alejados" data-toggle="tooltip">
                            <i class="icon-tipo-descampado mr-1"></i>
                            Descampado                            <span class="badge badge-primary ml-1">
                                114                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Camino&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Caminos de tierra" data-toggle="tooltip">
                            <i class="icon-tipo-camino mr-1"></i>
                            Camino                            <span class="badge badge-primary ml-1">
                                105                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Playa&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Sitios en playa o dunas" data-toggle="tooltip">
                            <i class="icon-tipo-playa mr-1"></i>
                            Playa                            <span class="badge badge-primary ml-1">
                                75                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Parking&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Parkings con privacidad" data-toggle="tooltip">
                            <i class="icon-tipo-parking mr-1"></i>
                            Parking                            <span class="badge badge-primary ml-1">
                                62                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=%C3%81rea+de+descanso&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Áreas de servicio en carretera" data-toggle="tooltip">
                            <i class="icon-tipo-area-descanso mr-1"></i>
                            Área de descanso                            <span class="badge badge-primary ml-1">
                                39                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Calle&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Zonas urbanas de paso" data-toggle="tooltip">
                            <i class="icon-tipo-calle mr-1"></i>
                            Calle                            <span class="badge badge-primary ml-1">
                                36                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Mirador&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Miradores con vistas" data-toggle="tooltip">
                            <i class="icon-tipo-mirador mr-1"></i>
                            Mirador                            <span class="badge badge-primary ml-1">
                                32                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Poligono+industrial&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Zonas industriales fuera de horario" data-toggle="tooltip">
                            <i class="icon-tipo-poligono mr-1"></i>
                            Poligono industrial                            <span class="badge badge-primary ml-1">
                                27                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Carretera&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Carreteras poco transitadas" data-toggle="tooltip">
                            <i class="icon-tipo-carretera mr-1"></i>
                            Carretera                            <span class="badge badge-primary ml-1">
                                22                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Zona+en+construcci%C3%B3n&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Zonas en obras sin tránsito" data-toggle="tooltip">
                            <i class="icon-tipo-zona-construccion mr-1"></i>
                            Zona en construcción                            <span class="badge badge-primary ml-1">
                                9                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Cementerio&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Alrededores de cementerios" data-toggle="tooltip">
                            <i class="icon-tipo-cementerio mr-1"></i>
                            Cementerio                            <span class="badge badge-primary ml-1">
                                8                            </span>
                        </a>
                                </div>
        </div>
        <div class="m-2 flex-fill">
            <h5 class="font-weight-bold">Cerrado</h5>
            <div class="d-flex flex-wrap justify-content-center">
                                        <a href="/categoria.php?tipo=Aseos&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Baños públicos accesibles" data-toggle="tooltip">
                            <i class="icon-tipo-aseos mr-1"></i>
                            Aseos                            <span class="badge badge-primary ml-1">
                                121                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Edificio+abandonado&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Edificios abandonados" data-toggle="tooltip">
                            <i class="icon-tipo-edificio-abandonado mr-1"></i>
                            Edificio abandonado                            <span class="badge badge-primary ml-1">
                                44                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=OTRO&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Otros tipos de lugar" data-toggle="tooltip">
                            <i class="far fa-question-circle mr-1"></i>
                            OTRO                            <span class="badge badge-primary ml-1">
                                20                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Edificio&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Edificios con escondites" data-toggle="tooltip">
                            <i class="icon-tipo-edificio mr-1"></i>
                            Edificio                            <span class="badge badge-primary ml-1">
                                10                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Sexshop&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Tiendas eróticas con espacios" data-toggle="tooltip">
                            <i class="icon-tipo-sexshop mr-1"></i>
                            Sexshop                            <span class="badge badge-primary ml-1">
                                8                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Club&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Clubs exclusivos" data-toggle="tooltip">
                            <i class="fas fa-door-closed mr-1"></i>
                            Club                            <span class="badge badge-primary ml-1">
                                4                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Motel&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Hoteles y alquiler por horas" data-toggle="tooltip">
                            <i class="icon-tipo-motel mr-1"></i>
                            Motel                            <span class="badge badge-primary ml-1">
                                1                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Club+swinger&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Clubs swingers para parejas" data-toggle="tooltip">
                            <i class="icon-tipo-club-swinger-2 mr-1"></i>
                            Club swinger                            <span class="badge badge-primary ml-1">
                                1                            </span>
                        </a>
                                            <a href="/categoria.php?tipo=Club+gay&add=Andalucia"
                            class="btn btn-icon m-1 d-flex align-items-center btn-light"
                            title="Clubs gay y saunas" data-toggle="tooltip">
                            <i class="icon-tipo-club-gay mr-1"></i>
                            Club gay                            <span class="badge badge-primary ml-1">
                                1                            </span>
                        </a>
                                </div>
        </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
                Andalucia:
            </p>
            <div class="d-flex flex-wrap">
                                    <a href="/region/andalucia/top" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-trophy"></i>
                        Top                    </a>
                                    <a href="/region/andalucia/nuevos" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-bell"></i>
                        Nuevos                    </a>
                                    <a href="/region/andalucia/calientes" class="btn btn-sm btn-outline-secondary mr-1 mb-1">
                        <i class="bi bi-fire"></i>
                        Calientes                    </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: 'Andalucia',
        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 Andalucia            </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: 'Andalucia',
                        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
            Andalucia        </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 Andalucia.</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 Andalucia?</h3><p>Puedes explorar el mapa para descubrir sitios en Andalucia 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 Andalucia</h3><p>Los lugares mejor valorados en Andalucia suelen ser los que mayor puntuación tengan.</p><h3 class='mb-0 mt-4'>Zonas activas para citas en Andalucia</h3><p>Algunas zonas tienen más actividad de tipo cruising o dogging, pero para tener citas y encuentros en Andalucia, 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 Andalucia para conocer gente</h3><p>Algunos lugares son más activos por la noche en Andalucia. 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 Andalucia</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 Andalucia</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 Andalucia</h3><p>Existen múltiples ubicaciones recomendadas por usuarios en Andalucia.</p><h3 class='mb-0 mt-4'>Lugares al aire libre para citas en Andalucia</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 Andalucia?</h3><p>Haz click en encuentros, si te registras podrás ver personas que buscan encuentros en Andalucia.</p><h3 class='mb-0 mt-4'>¿Es mejor que Tinder en Andalucia?</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 Andalucia</h3><p>Puedes encontrar zonas activas en el mapa dentro de Andalucia.</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 Andalucia."
            }
        },
        {
            "@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 Andalucia?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes explorar el mapa para descubrir sitios en Andalucia 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 Andalucia",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Los lugares mejor valorados en Andalucia suelen ser los que mayor puntuación tengan."
            }
        },
        {
            "@type": "Question",
            "name": "Zonas activas para citas en Andalucia",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Algunas zonas tienen más actividad de tipo cruising o dogging, pero para tener citas y encuentros en Andalucia, 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 Andalucia para conocer gente",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Algunos lugares son más activos por la noche en Andalucia. 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 Andalucia",
            "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 Andalucia",
            "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 Andalucia",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Existen múltiples ubicaciones recomendadas por usuarios en Andalucia."
            }
        },
        {
            "@type": "Question",
            "name": "Lugares al aire libre para citas en Andalucia",
            "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 Andalucia?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Haz click en encuentros, si te registras podrás ver personas que buscan encuentros en Andalucia."
            }
        },
        {
            "@type": "Question",
            "name": "¿Es mejor que Tinder en Andalucia?",
            "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 Andalucia",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Puedes encontrar zonas activas en el mapa dentro de Andalucia."
            }
        }
    ]
}</script>    </div>
</div>

<!-- Schema.org ItemList para SEO -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "Tipos de zonas de cruising en Andalucia",
    "description": "Explora todos los tipos de zonas de cruising en Andalucia: playas, miradores, parkings, clubs y más. 895 lugares clasificados por categoría.",
    "numberOfItems": 895,
    "url": "https://cruisingmap.com/region/andalucia/categorias"
}
</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>
                            Andalucia
                        </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>
                            Andalucia
                        </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>
                            Andalucia
                        </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>
                            Andalucia
                        </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">Andalucia</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>
                            Andalucia
                        </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>
                            Andalucia
                        </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>
                            Andalucia
                        </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>
                            Andalucia
                        </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">Andalucia</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">Zona de cruising</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <p class="mb-4">
                        <strong>¿Qué es una zona cruising?</strong><br>En el mapa puedes encontrar luigares marcados
                        como
                        "Zona
                        de cruising". Estos
                        lugares, además de ser un picadero habitual para gente hetero, tambien son lugares donde el
                        personas LGBTI usan. Es decir, aqui cabemos todos!
                        <br><strong>¿Qué es el cruising?</strong><br> El cruising es una actividad que combina aventura,
                        misterio y deseo,
                        popular en la comunidad homosexual, donde se busca socializar (guiño, guiño) en lugares
                        discretos como parques, playas o rincones estratégicos. Es como un safari nocturno, pero en
                        lugar de observar fauna, el objetivo es conectar con otros que están en la misma onda. ¿Plan
                        predecible? Para nada. ¿Intriga y emoción? Garantizadas.
                    </p>
                    <div class="d-flex flex-wrap">
                        <a href="https://cruisingmap.com" target="blank" class="btn btn-blanco btn-block">Mapa de zonas
                            de cruising</a>
                                                    <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/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">Encuentros Cruisingmap</a>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalInfoDogging">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Zona swinger o de dogging</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="p-3">
                    <p class="mb-2">DOGGING: La versión más picante de un paseo en coche. Se trata de encuentros íntimos
                        al aire libre, normalmente en parkings o zonas discretas, donde el morbo está en ser visto o
                        incluso invitar a otros. Entre voyerismo y exhibicionismo, aquí el coche es el escenario.</p>
                    <p class="mb-4">SWINGERS Y PAREJAS LIBERALES: Parejas que dejan la monogamia en pausa para explorar
                        intercambios o encuentros grupales, siempre desde el respeto y el consenso. Clubs, fiestas
                        privadas y mucha confianza son sus claves. Aquí la regla es disfrutar... ¡sin tabúes!</p>
                    <div class="d-flex flex-wrap">
                        <a href="https://swingerplaces.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                            clubs de swingers y zonas de dogging</a>
                                                    <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                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? ¿Swinger? 🤨 </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs mb-0">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#doggingTab">Dogging y swingers</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#cruisingTab">Cruising</a>
                    </li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content pb-3">
                    <div class="tab-pane container active" id="doggingTab">

                        <p class="mb-4"><strong>¿Quienes son los swingers?</strong><br>Los swingers son parejas
                            liberales que
                            dejan la monogamia en pausa para
                            explorar
                            intercambios o encuentros grupales, siempre desde el respeto y el consenso. Clubs, fiestas
                            privadas y mucha confianza son sus claves. Aquí la regla es disfrutar... ¡sin tabúes!
                            <a href="https://c.hubz.pl/?affiliateId=75340&url=https%3A%2F%2Fencuentros.swingerplaces.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados__enlace_queesdogging/region.php');"
                                target="blank" class="btn btn-primary btn-block">Encuentros Swingerplaces</a>
                        </p>
                        <p class="mb-2"><strong>¿Qué es una zona de dogging o de swingers?</strong><br>Se trata de zonas
                            donde hombres y mujeres de más de 18 años pueden encontrarse para tener relaciones sexuales
                            de forma discreta, ya sea solos, en pareja o en grupo. Pueden ser <a
                                href="https://swingerplaces.com/clubs-swingers" target="blank">clubs swingers</a> o
                            zonas discretas
                            donde la gente acude a tener estos encuentros.
                        </p>
                        <p class="mb-2"><strong>¿Qué es el dogging?</strong><br>La versión más picante de un paseo en
                            coche. Se trata de encuentros
                            íntimos
                            al aire libre, normalmente en parkings o zonas discretas, donde el morbo está en ser visto o
                            incluso invitar a otros. Entre voyerismo y exhibicionismo, aquí el coche es el escenario.
                        </p>
                        <div class="d-flex flex-wrap">
                            <a href="https://swingerplaces.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                                clubs de swingers y zonas de dogging</a>
                        </div>
                    </div>
                    <div class="tab-pane container fade" id="cruisingTab">
                        <p class="mb-4"><strong>¿Quienes son los cruisers?</strong><br>Los cruisers son hombres que
                            disfrutan del sexo casual en lugares públicos, normalmente parques, carreteras, playas,
                            cines
                            o baños de gasolineras, siendo personas que disfrutan de encuentros espontáneos y
                            discretos.
                            <a href="https://c.hubz.pl/?affiliateId=75341&url=https%3A%2F%2Fencuentros.cruisingmap.com&utm_source=cruisingmap.com/region&utm_campaign=&utm_custom=&aff_sub4=&aff_sub5=minimal-no-scroll"
                                onClick="ga('send', 'event', 'Clic-EnlacegayQueesdoggingParaBuscapecados-cruisingmap.com/region.php', 'Click','buscapecados__enlace_queesdogging/region.php');"
                                target="blank" class="btn btn-primary btn-block">Encuentros Cruisingmap</a>
                        </p>
                        <p class="mb-4">
                            <strong>¿Qué es una zona cruising?</strong><br>En el mapa puedes encontrar luigares marcados
                            como
                            "Zona
                            de cruising". Estos
                            lugares, además de ser un picadero habitual para gente hetero, tambien son lugares donde el
                            personas LGBTI usan. Es decir, aqui cabemos todos!
                            <br><strong>¿Qué es el cruising?</strong><br> El cruising es una actividad que combina
                            aventura,
                            misterio y deseo,
                            popular en la comunidad homosexual, donde se busca socializar (guiño, guiño) en lugares
                            discretos como parques, playas o rincones estratégicos. Es como un safari nocturno, pero en
                            lugar de observar fauna, el objetivo es conectar con otros que están en la misma onda. ¿Plan
                            predecible? Para nada. ¿Intriga y emoción? Garantizadas.
                        </p>
                        <div class="d-flex flex-wrap">
                            <a href="https://cruisingmap.com" target="blank" class="btn btn-blanco btn-block">Mapa de
                                zonas
                                de cruising</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


<!----------------------MODAL IFRAME GEOMENSAJES/CHAT ------->

<div class="modal offcanvas-menu fade" id="geoMensajes" tabindex="-1" role="dialog" aria-labelledby="geoMensajesLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header align-items-center">
                <div class="media">
                    <img class="mr-3" src="/img/postit-sexnote-mispi.png" alt="SexNotes"
                        style="max-height: 35px; transform: scale(1.5);">
                    <div class="media-body">
                        <h5 class="mb-0">SexNotes & Chat<p class="small mb-0">by
                                Encuentros Cruisingmap                            </p>
                        </h5>
                    </div>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i
                        class="icon-close-round"></i></button>
            </div>
            <div class="modal-body p-0">
                <iframe id="geoMensajesIframe" style="/*width:100%; height: calc(100vh - 70px); border:0;*/"></iframe>
            </div>
        </div>
    </div>
</div>

<style>
    .leaflet-popup-content-wrapper {
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 10px !important;
        background: white !important;
        min-width: 140px;
    }

    .leaflet-popup-content {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin: 10px;
    }

    .leaflet-popup-content-wrapper {
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 5px !important;
        background: white !important;
        min-width: 140px;
    }

    .leaflet-popup-content {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin: 10px;
    }

    /* CORRECCIÓN: La animación se aplica al contenido interno, no al contenedor del marcador */
    @keyframes pulse-me {
        0% {
            transform: rotate(-45deg) scale(1);
            opacity: 1;
        }

        50% {
            transform: rotate(-45deg) scale(1.1);
            opacity: 0.8;
        }

        100% {
            transform: rotate(-45deg) scale(1);
            opacity: 1;
        }
    }

    .pulse-wrapper {
        animation: pulse-me 2s infinite;
        transform-origin: center;
    }

    #geomensajes.modal {
        pointer-events: none;
    }

    #geomensajes.modal .modal-dialog {
        pointer-events: auto;
    }
</style>

<script>


    var otherUsersMarkers = {};
    var myUserMarker = null;
    var globalWatchId = null;

    // --- 1. DEFINICIÓN DE ICONOS ---
    function createMyIcon() {
        return L.divIcon({
            className: 'my-location-icon',
            html: '<div style="background:#007bff; width:30px; height:30px; border-radius:50% 50% 50% 0; transform: rotate(-45deg); display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3);"><i class="bi bi-person-fill" style="color:white; transform: rotate(45deg); font-size:16px;"></i></div>',
            iconSize: [30, 30], iconAnchor: [15, 30]
        });
    }

    function createOtherIcon() {
        return L.divIcon({
            className: 'other-location-icon',
            html: '<div style="background:#28a745; width:30px; height:30px; border-radius:50% 50% 50% 0; transform: rotate(-45deg); display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3);"><i class="bi bi-person-fill" style="color:white; transform: rotate(45deg); font-size:16px;"></i></div>',
            iconSize: [30, 30], iconAnchor: [15, 30]
        });
    }

    // --- 2. FUNCIÓN DE APERTURA (SOPORTA AMBOS NOMBRES) ---
    function openGeoMensajes(placeId) {
        var iframe = document.getElementById('geoMensajesIframe');

        // IMPORTANTE: Ahora pasamos ?place=0 al chat para resetear la sesión del picadero
        var url = (placeId == 0) ? '/usuarios/chat.php?place=0' : '/usuarios/place_messages.php?place=' + placeId;

        iframe.src = url;
        $('#geoMensajes').modal({
            backdrop: false,
            keyboard: false,
            focus: false,
            show: true
        });
    }

    // Definimos openChatRoom como un alias para que los botones viejos funcionen
    window.openChatRoom = openGeoMensajes;

    // Abre una conversación privada con un usuario específico
    function openPrivateChat(userId) {
        var iframe = document.getElementById('geoMensajesIframe');
        iframe.src = '/usuarios/chat.php?receiver_id=' + userId;
        $('#geoMensajes').modal({
            backdrop: false,
            keyboard: false,
            focus: false,
            show: true
        });
    }
    window.openPrivateChat = openPrivateChat;

    // --- 3. MOTOR GPS PERSISTENTE (CON FIX 0,0) ---
    function startGlobalGPS() {
        if (!navigator.geolocation) return;
        globalWatchId = navigator.geolocation.watchPosition(function (position) {
            const lat = position.coords.latitude;
            const lng = position.coords.longitude;

            // Solo enviamos y pintamos si las coordenadas son reales (distintas de 0)
            if (lat !== 0 && lng !== 0) {
                if (typeof map !== 'undefined') {
                    if (!myUserMarker) {
                        myUserMarker = L.marker([lat, lng], { icon: createMyIcon() }).addTo(map).bindPopup("<b>Tú estás aquí</b>");
                    } else {
                        myUserMarker.setLatLng([lat, lng]);
                    }
                }

                fetch('/usuarios/ajax_chat_handler.php?action=update_location', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                    body: `lat=${lat}&lng=${lng}`
                });
                localStorage.setItem('shareLocationActive', 'true');
            }
        }, null, { enableHighAccuracy: true });
    }

    function stopGlobalGPS() {
        if (globalWatchId) navigator.geolocation.clearWatch(globalWatchId);
        if (myUserMarker && typeof map !== 'undefined') map.removeLayer(myUserMarker);
        myUserMarker = null;
        localStorage.removeItem('shareLocationActive');
        fetch('/usuarios/ajax_chat_handler.php?action=update_location', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: `lat=&lng=` // Enviamos vacío para que el PHP guarde NULL
        });
    }

    window.addEventListener('message', function (event) {
        if (event.data === 'START_GPS') startGlobalGPS();
        if (event.data === 'STOP_GPS') stopGlobalGPS();
    });

    // if (localStorage.getItem('shareLocationActive') === 'true') startGlobalGPS();
    // if (localStorage.getItem('shareLocationActive') !== 'false') startGlobalGPS();


    // --- 4. RADAR --- 

    function refreshRadar() {
        if (typeof map === 'undefined' || map === null) return;
        fetch('/usuarios/ajax_chat_handler.php?action=get_all_locations')
            .then(r => r.json())
            .then(users => {
                const activeIds = users.map(u => u.id.toString());
                for (let id in otherUsersMarkers) {
                    if (!activeIds.includes(id)) { map.removeLayer(otherUsersMarkers[id]); delete otherUsersMarkers[id]; }
                }
                users.forEach(u => {
                    const lat = parseFloat(u.lat);
                    const lng = parseFloat(u.lng);
                    if (lat === 0 || lng === 0) return; // Ignorar coordenadas basura

                    if (!otherUsersMarkers[u.id]) {
                        otherUsersMarkers[u.id] = L.marker([lat, lng], { icon: createOtherIcon() }).addTo(map)
                            .bindPopup(`<div class="text-left"><b>${u.display_name}</b><br><button class="btn btn-sm btn-primary mt-2" onclick="openPrivateChat(${u.id})"><i class="bi bi-chat-fill"></i> Hablar</button></div>`);
                    } else { otherUsersMarkers[u.id].setLatLng([lat, lng]); }
                });
            }).catch(e => { });
    }
    setInterval(refreshRadar, 10000);

</script>




<!-------------------------------- MODAL PUBLICIDAD --------------------------------------------->

<div class="modal fade" id="modalPublicidad" tabindex="-1" role="dialog" aria-labelledby="modalPublicidadLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
                <!--
                <div class="modal-content">
                    <div class="modal-header bg-light border-0">
                        <h4 class="modal-title">Especial Clubs Swinger</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body text-center pt-0">
                        <a href="https://swingerplaces.com/clubs-swingers/"  target="blank"><img src="/img/guia-clubs-swinger.png" class="img-fluid"></a>
                        <h2 class="m-3">¿Buscas nuevas experiencias y más seguras?</h2>
                        <p>Encuentra los locales liberales más exclusivos y seguros en Europa y América. Tu próxima aventura comienza aquí.</p>
                        <div class="d-flex justify-content-center">
                            <a href="https://swingerplaces.com/clubs-swingers/" class="btn btn-primary  m-3 ts-shadow__lg" target="blank">Explora clubs <i class="icon-tipo-club-swinger-2 mr-1"></i></a>
                            <a href="https://swingers.buscapecados.com" class="btn btn-light m-3" target="blank">Conoce swingers<i class="bi bi-arrow-through-heart ml-2"></i></a>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-center border-0 bg-light rounded-bottom">
                        <button type="button" class="btn btn-dark btn-sm px-4" id="btnCerrarNoVolver">
                            <i class="bi bi-x-lg"></i> Cerrar y no volver a ver
                        </button>
                    </div>
                </div>
                -->
            <div class="modal-content">
                <div class="modal-header bg-light border-0">
                    <h4 class="modal-title">Visita BlablaFuck</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center pt-0">
                    <a href="https://blablafuck.com" target="blank">
                        <!--<img src="/blog/uploads/img_698227d459fb9.png" class="img-fluid">-->
                        <img src="img/lucia-esperando-junto-a-senial.webp" class="img-fluid">
                    </a>
                    <h2 class="m-3">Convierte tu ruta en una cita caliente</h2>
                    <p class="mx-3">Crear tu <strong>ruta de zonas de cruising </strong>, activa el
                        <strong>radar de picaderos cercanos</strong>, conoce <strong>gays</strong> allá
                        donde vayas.
                    </p>
                    <a href="https://blablafuck.com" class="btn btn-primary btn-lg m-3 ts-shadow__lg" target="blank">Visita
                        BlablaFuck.com<i class="bi bi-arrow-through-heart ml-2"></i></a>
                </div>
                <div class="modal-footer justify-content-center border-0 bg-light rounded-bottom">
                    <button type="button" class="btn btn-dark btn-sm px-4" id="btnCerrarNoVolver">
                        <i class="bi bi-x-lg"></i> Cerrar y no volver a ver
                    </button>
                </div>
            </div>
            </div>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        // [CONFIGURACIÓN] Cambia este valor (ej: 'v2', 'v3') cuando cambies el contenido
        // para que el modal se muestre de nuevo a todos los usuarios.
        var versionModal = 'v3';

        var cookieName = 'modal_publicidad_visto_' + versionModal;

        function getCookie(name) {
            var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
            return match ? match[2] : null;
        }

        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }

        // Si la cookie no existe, mostrar el modal
        if (!getCookie(cookieName)) {
            setTimeout(function () {
                $('#modalPublicidad').modal('show');
            }, 1000);
        }

        // Nuevo evento para el botón "Cerrar y no volver a ver"
        $('#btnCerrarNoVolver').on('click', function () {
            setCookie(cookieName, 'true', 10); // Guardamos la cookie por 10 días
            $('#modalPublicidad').modal('hide');
        });
    });
</script>
</div>
<!------------------FIN modal publicidad-------------------->


<!-- modal para usuariosVisibles con IFRAME -->
<script>
    // 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>

