<!--


██████╗ ██╗███████╗███╗   ██╗██╗   ██╗███████╗███╗   ██╗██╗██████╗  ██████╗      █████╗ 
██╔══██╗██║██╔════╝████╗  ██║██║   ██║██╔════╝████╗  ██║██║██╔══██╗██╔═══██╗    ██╔══██╗
██████╔╝██║█████╗  ██╔██╗ ██║██║   ██║█████╗  ██╔██╗ ██║██║██║  ██║██║   ██║    ███████║
██╔══██╗██║██╔══╝  ██║╚██╗██║╚██╗ ██╔╝██╔══╝  ██║╚██╗██║██║██║  ██║██║   ██║    ██╔══██║
██████╔╝██║███████╗██║ ╚████║ ╚████╔╝ ███████╗██║ ╚████║██║██████╔╝╚██████╔╝    ██║  ██║
╚═════╝ ╚═╝╚══════╝╚═╝  ╚═══╝  ╚═══╝  ╚══════╝╚═╝  ╚═══╝╚═╝╚═════╝  ╚═════╝     ╚═╝  ╚═╝


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * MetaSport360® - Marca registrada de MS360 Contenidos S.A.C. - Argentina
 *
 * Todos los contenidos, diseños, estructuras y elementos funcionales están protegidos por derechos de autor.
 * El código fuente se encuentra sujeto a marcas y patentes registradas en la República Argentina.
 *
 * Queda expresamente prohibida la ingeniería inversa, reproducción, distribución o uso no autorizado del mismo.
 *
 * © MetaSport360 - Todos los derechos reservados.
 */
 
 
-->


                                                                                                      <!DOCTYPE html>
<html lang="es-ES" dir="ltr" style="--jkd-h-col: rgba(0, 0, 0, 1); --jkd-txt-col: rgba(74, 74, 74, 1); --jkd-bg-col: rgba(255, 255, 255, 1); --jkd-bg-col-sec: rgba(244, 243, 243, 1);">

<head> 
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4L82MJMED2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4L82MJMED2');
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<style>
  img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
  }
</style>

<title>MetaSport360 - Info del automovilismo. Argentina y el mundo.</title> 
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="description" content="MetaSport360: Cobertura del automovilismo argentino e internacional, con análisis, opinión y contenido original.">
<link rel="canonical" href="https://metasport360.com/" />

<!-- ✅ Incluyo tus favicons -->
<!-- Favicon ICO principal (compatibilidad total) -->
<link rel="shortcut icon" href="/Meta_files/favicon.ico" type="image/x-icon" />

<!-- Apple Touch Icons para iOS en múltiples tamaños -->
<link rel="apple-touch-icon" href="/Meta_Files/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/Meta_files/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/Meta_files/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/Meta_files/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/Meta_files/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/Meta_files/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/Meta_files/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/Meta_files/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/Meta_files/apple-touch-icon-180x180.png" />

<!-- Fin Favicons -->
<!-- This site is optimized with MetaSport360 SEO module -->
<title>MetaSport360 | Info del automovilismo. Argentina y el mundo.</title>
<meta name="description" content="MetaSport360: noticias, videos y contenidos exclusivos sobre automovilismo argentino e internacional. Coberturas, transmisiones en vivo y análisis de las principales categorías del motorsport." />
<link rel="canonical" href="https://metasport360.com/" />

<!-- Open Graph -->

<!-- Open Graph -->
<meta property="og:locale" content="es_AR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="MetaSport360 | Info del automovilismo. Argentina y el mundo." />
<meta property="og:description" content="MetaSport360: noticias, videos y contenidos exclusivos sobre automovilismo argentino e internacional. Coberturas, transmisiones en vivo y análisis de las principales categorías del motorsport." />
<meta property="og:url" content="https://metasport360.com/" />
<meta property="og:site_name" content="MetaSport360" />
<meta property="article:publisher" content="https://www.facebook.com/metasport360" />
<meta property="article:author" content="https://www.facebook.com/metasport360" />
<meta property="article:published_time" content="" />
<meta property="article:modified_time" content="" />
<meta property="og:image" content="https://metasport360.com/Meta_files/SEO-Banner.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="675" />
<meta property="og:image:type" content="image/jpeg" />
<meta name="author" content="MetaSport360" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="MetaSport360 | Info del automovilismo. Argentina y el mundo." />
<meta name="twitter:description" content="MetaSport360: noticias, videos y contenidos exclusivos sobre automovilismo argentino e internacional. Coberturas, transmisiones en vivo y análisis de las principales categorías del motorsport." />
<meta name="twitter:image" content="https://metasport360.com/Meta_files/SEO-Banner.jpg" />
<meta name="twitter:creator" content="@metasport360" />
<meta name="twitter:site" content="@metasport360" />
<meta name="twitter:label1" content="Escrito por" />
<meta name="twitter:data1" content="MetaSport360" />
<meta name="twitter:label2" content="Tiempo de lectura" />
<meta name="twitter:data2" content="2 minutos" />


<link rel="dns-prefetch" href="https://metasport360.com/">
<link rel="dns-prefetch" href="https://metasport360.com/">
<link rel="dns-prefetch" href="https://metasport360.com/">
<link href="https://metasport360.com/" rel="preconnect">

<link data-minify="1" rel="stylesheet" id="jkd-lucide-css" href="https://metasport360.com/Meta_files/lucide.min.css" type="text/css" media="all">

<link data-minify="1" rel="stylesheet" id="jkd-main-css" href="https://metasport360.com/Meta_files/main.min.css" type="text/css" media="all">

<!-- Preconexión común para todas las fuentes -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- Kanit -->
<link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<!-- Hubot Sans -->
<link href="https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<!-- Poppins -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"/>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
        integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
        crossorigin=""></script>


<style>
.internacionales {
  color: #ffffff !important;
  background-color: #2557ef !important;
}
.nacionales {
  color: #ffffff !important;
  background-color: #25caf4 !important;
}
.actc {
  color: #ffffff !important;
  background-color: #f7911d !important;
}
.turismopistac2 {
  color: #fcfcfc !important;
  background-color: #bd8999 !important;
}
.formula1 {
  color: #ffffff !important;
  background-color: #a926ab !important;
}
.fiaf3 {
  color: #ffffff !important;
  background-color: #123B27 !important;
}
.turismopistac1 {
  color: #ffffff !important;
  background-color: #853254 !important;
}
.fiaf2 {
  color: #ffffff !important;
  background-color: #381250 !important;
}
.turismopistac3 {
  color: #ffffff !important;
  background-color: #d73757 !important;
}
.indycar {
  color: #ffffff !important;
  background-color: #383728 !important;
}
.tcpista {
  color: #ffffff !important;
  background-color: #25b13d !important;
}
.moto3 {
  color: #ffffff !important;
  background-color: #c65d95 !important;
}
.rallyargentino {
  color: #ffffff !important;
  background-color: #4d006b !important;
}
.turismocarretera {
  color: #ffffff !important;
  background-color: #166a2f !important;
}
.tnapatc3 {
  color: #ffffff !important;
  background-color: #9f9204 !important;
}
.turcar2000 {
  color: #ffffff !important;
  background-color: #70dba9 !important;
}
.motogp {
  color: #ffffff !important;
  background-color: #770808 !important;
}
.turismocarretera2000 {
  color: #ffffff !important;
  background-color: #255c6a !important;
}
.toprace {
  color: #ffffff !important;
  background-color: #B452B0 !important;
}
.tc2000 {
  color: #ffffff !important;
  background-color: #91270d !important;
}
.tnapatc2 {
  color: #ffffff !important;
  background-color: #dbdf0c !important;
}
.subcat {
  color: #ffffff !important;
  background-color: #000000 !important;
}
.turismopista {
  color: #ffffff !important;
  background-color: #ea1a1a !important;
}
</style>


<style>

@font-face {
    font-family: 'rawhide_raw_2016regular';
    src: url('rawhide_raw_2016-webfont.woff2') format('woff2'),
         url('rawhide_raw_2016-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


  /* === Modales Fullscreen Global === */
  .modal-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
  }

  .modal-content {
    max-width: 90%;
    max-height: 90%;
    position: relative;
  }

  .modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    color: white;
    cursor: pointer;
  }
  
  
  #modalVideo {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0; left: 0; right: 0; bottom: 0;
    background: black;
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  #modalVideoContent {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: black;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }


  #modalVideo iframe,
  #modalVideo video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border: none;
    background: black;
    display: block;
  }

  #btnCerrarModalVideo {
    position: fixed;
    top: 20px;
    right: 20px;
    background: red;
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    padding: 0 4px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1000000;
    white-space: nowrap;
    width: auto;
}

  #btnCerrarModalVideo:hover {
    background: #cc0000;
  }
  
  #modalAudio {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(8px);
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  #modalAudioContent {
    background: #111;
    border-radius: 10px;
    padding: 20px 30px;
    width: 95%;
    max-width: 500px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #modalAudioContent h2 {
    margin-bottom: 15px;
    color: #0dcaf0;
    font-weight: 300;
    font-size: 1.0rem;
    text-align: center;
  }
  .close-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
  }
  .audio-controls {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
  }
  .btn-playpause {
    background: transparent;
    border: none;
    color: #0dcaf0;
    font-size: 2rem;
    cursor: pointer;
    flex-shrink: 0;
  }
  .progress-container {
    position: relative;
    flex-grow: 1;
    height: 8px;
    background: #444;
    border-radius: 4px;
    cursor: pointer;
  }
  .progress-bar {
    height: 100%;
    width: 0%;
    background: #0dcaf0;
    border-radius: 4px;
  }
  .time {
    font-family: monospace;
    font-size: 0.85rem;
    color: #aaa;
    min-width: 40px;
    text-align: center;
    user-select: none;
  }
    
  .bg-col-pr {
    background-color: #0764DE !important;
  }
    
  
</style>


    <style id="jkd-main-inline-css" type="text/css">

    </style>
    <style id="classic-theme-styles-inline-css" type="text/css">
        /*! This file is auto-generated */
        .wp-block-button__link {
            color: #fff;
            background-color: #32373c;
            border-radius: 9999px;
            box-shadow: none;
            text-decoration: none;
            padding: calc(.667em + 2px) calc(1.333em + 2px);
            font-size: 1.125em
        }

        .wp-block-file__button {
            background: #32373c;
            color: #fff;
            text-decoration: none
        }
    </style>
    <style id="co-authors-plus-coauthors-style-inline-css" type="text/css">
        .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus] {
            display: inline
        }
    </style>
    <style id="co-authors-plus-avatar-style-inline-css" type="text/css">
        .wp-block-co-authors-plus-avatar :where(img) {
            height: auto;
            max-width: 100%;
            vertical-align: bottom
        }

        .wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img) {
            vertical-align: middle
        }

        .wp-block-co-authors-plus-avatar:is(.alignleft, .alignright) {
            display: table
        }

        .wp-block-co-authors-plus-avatar.aligncenter {
            display: table;
            margin-inline: auto
        }
    </style>
    <style id="co-authors-plus-image-style-inline-css" type="text/css">
        .wp-block-co-authors-plus-image {
            margin-bottom: 0
        }

        .wp-block-co-authors-plus-image :where(img) {
            height: auto;
            max-width: 100%;
            vertical-align: bottom
        }

        .wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img) {
            vertical-align: middle
        }

        .wp-block-co-authors-plus-image:is(.alignfull, .alignwide) :where(img) {
            width: 100%
        }

        .wp-block-co-authors-plus-image:is(.alignleft, .alignright) {
            display: table
        }

        .wp-block-co-authors-plus-image.aligncenter {
            display: table;
            margin-inline: auto
        }
    </style>
    <style id="global-styles-inline-css" type="text/css">
        :root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;

            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;

            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);

            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;

            --wp--preset--spacing--20: 0.44rem;
            --wp--preset--spacing--30: 0.67rem;
            --wp--preset--spacing--40: 1rem;
            --wp--preset--spacing--50: 1.5rem;
            --wp--preset--spacing--60: 2.25rem;
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;

            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
            --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
        }

        :where(.is-layout-flex) {
            gap: 0.5em;
        }

        :where(.is-layout-grid) {
            gap: 0.5em;
        }

        body .is-layout-flex {
            display: flex;
        }

        .is-layout-flex {
            flex-wrap: wrap;
            align-items: center;
        }

        .is-layout-flex> :is(*, div),
        .is-layout-grid> :is(*, div) {
            margin: 0;
        }

        body .is-layout-grid {
            display: grid;
        }

        :where(.wp-block-columns.is-layout-flex),
        :where(.wp-block-columns.is-layout-grid) {
            gap: 2em;
        }

        :where(.wp-block-post-template.is-layout-flex),
        :where(.wp-block-post-template.is-layout-grid) {
            gap: 1.25em;
        }

        /* Color classes */
        .has-black-color {
            color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-color {
            color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-color {
            color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important;
        }

        /* Background color classes */
        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-background-color {
            background-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important;
        }

        /* Border color classes */
        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-border-color {
            border-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important;
        }

        /* Gradient backgrounds */
        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
        }
    </style> 
    <link data-minify="1" rel="stylesheet" id="pmpro_frontend_base-css" href="https://metasport360.com/Meta_files/base.css" type="text/css" media="all">
    <link data-minify="1" rel="stylesheet" id="pmpro_frontend_variation_1-css" href="https://metasport360.com/Meta_files/variation_1.css" type="text/css" media="all">
    <style id="woocommerce-inline-inline-css" type="text/css">
        .woocommerce form .form-row .required {
            visibility: visible;
        }
    </style>
    <style id="ez-toc-style-inline-css" type="text/css">
        #ez-toc-container {
            background: #f9f9f9;
            border: 1px solid #aaa;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            display: table;
            margin-bottom: 1em;
            padding: 10px 20px 10px 10px;
            position: relative;
            width: auto
        }

        div.ez-toc-widget-container {
            padding: 0;
            position: relative
        }

        #ez-toc-container.ez-toc-light-blue {
            background: #edf6ff
        }

        #ez-toc-container.ez-toc-white {
            background: #fff
        }

        #ez-toc-container.ez-toc-black {
            background: #000
        }

        #ez-toc-container.ez-toc-transparent {
            background: none
        }

        div.ez-toc-widget-container ul {
            display: block
        }

        div.ez-toc-widget-container li {
            border: none;
            padding: 0
        }

        div.ez-toc-widget-container ul.ez-toc-list {
            padding: 10px
        }

        #ez-toc-container ul ul,
        .ez-toc div.ez-toc-widget-container ul ul {
            margin-left: 1.5em
        }

        #ez-toc-container li,
        #ez-toc-container ul {
            padding: 0
        }

        #ez-toc-container li,
        #ez-toc-container ul,
        #ez-toc-container ul li,
        div.ez-toc-widget-container,
        div.ez-toc-widget-container li {
            background: 0 0;
            list-style: none;
            line-height: 1.6;
            margin: 0;
            overflow: hidden;
            z-index: 1
        }

        #ez-toc-container .ez-toc-title {
            text-align: left;
            line-height: 1.45;
            margin: 0;
            padding: 0
        }

        .ez-toc-title-container {
            display: table;
            width: 100%
        }

        .ez-toc-title,
        .ez-toc-title-toggle {
            display: inline;
            text-align: left;
            vertical-align: middle
        }

        .ez-toc-btn,
        .ez-toc-glyphicon {
            display: inline-block;
            font-weight: 400
        }

        #ez-toc-container.ez-toc-black a,
        #ez-toc-container.ez-toc-black a:visited,
        #ez-toc-container.ez-toc-black p.ez-toc-title {
            color: #fff
        }

        #ez-toc-container div.ez-toc-title-container+ul.ez-toc-list {
            margin-top: 1em
        }

        .ez-toc-wrap-left {
            margin: 0 auto 1em 0 !important
        }

        .ez-toc-wrap-left-text {
            float: left
        }

        .ez-toc-wrap-right {
            margin: 0 0 1em auto !important
        }

        .ez-toc-wrap-right-text {
            float: right
        }

        #ez-toc-container a {
            color: #444;
            box-shadow: none;
            text-decoration: none;
            text-shadow: none;
            display: inline-flex;
            align-items: stretch;
            flex-wrap: nowrap
        }

        #ez-toc-container a:visited {
            color: #9f9f9f
        }

        #ez-toc-container a:hover {
            text-decoration: underline
        }

        #ez-toc-container a.ez-toc-toggle {
            display: flex;
            align-items: center
        }

        .ez-toc-widget-container ul.ez-toc-list li::before {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            height: 30px;
            line-height: 30px;
            z-index: -1
        }

        .ez-toc-widget-container ul.ez-toc-list li.active {
            background-color: #ededed
        }

        .ez-toc-widget-container li.active>a {
            font-weight: 900
        }

        .ez-toc-btn {
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            line-height: 1.428571429;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none
        }

        .ez-toc-btn:focus {
            outline: #333 dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px
        }

        .ez-toc-btn:focus,
        .ez-toc-btn:hover {
            color: #333;
            text-decoration: none
        }

        .ez-toc-btn.active,
        .ez-toc-btn:active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
        }

        .ez-toc-btn-default {
            color: #333;
            background-color: #fff;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
            text-shadow: 0 1px 0 #fff;
            background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#e0e0e0));
            background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
            background-image: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%);
            background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
            background-repeat: repeat-x;
            border-color: #ccc
        }

        .ez-toc-btn-default.active,
        .ez-toc-btn-default:active,
        .ez-toc-btn-default:focus,
        .ez-toc-btn-default:hover {
            color: #333;
            background-color: #ebebeb;
            border-color: #adadad
        }

        .ez-toc-btn-default.active,
        .ez-toc-btn-default:active {
            background-image: none;
            background-color: #e0e0e0;
            border-color: #dbdbdb
        }

        .ez-toc-btn-sm,
        .ez-toc-btn-xs {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .ez-toc-btn-xs {
            padding: 1px 5px
        }

        .ez-toc-btn-default:active {
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
        }

        .btn.active,
        .ez-toc-btn:active {
            background-image: none
        }

        .ez-toc-btn-default:focus,
        .ez-toc-btn-default:hover {
            background-color: #e0e0e0;
            background-position: 0 -15px
        }

        .ez-toc-pull-right {
            float: right !important;
            margin-left: 10px
        }

        #ez-toc-container label.cssicon,
        #ez-toc-widget-container label.cssicon {
            height: 30px
        }

        .ez-toc-glyphicon {
            position: relative;
            top: 1px;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale
        }

        .ez-toc-glyphicon:empty {
            width: 1em
        }

        .ez-toc-toggle i.ez-toc-glyphicon,
        label.cssicon .ez-toc-glyphicon:empty {
            font-size: 16px;
            margin-left: 2px
        }

        #ez-toc-container input,
        .ez-toc-toggle #item {
            position: absolute;
            left: -999em
        }

        #ez-toc-container input[type=checkbox]:checked+nav,
        #ez-toc-widget-container input[type=checkbox]:checked+nav {
            opacity: 0;
            max-height: 0;
            border: none;
            display: none
        }

        #ez-toc-container .ez-toc-js-icon-con,
        #ez-toc-container label {
            position: relative;
            cursor: pointer;
            display: initial
        }

        #ez-toc-container .ez-toc-js-icon-con,
        #ez-toc-container .ez-toc-toggle label,
        .ez-toc-cssicon {
            float: right;
            position: relative;
            font-size: 16px;
            padding: 0;
            border: 1px solid #999191;
            border-radius: 5px;
            cursor: pointer;
            left: 10px;
            width: 35px
        }

        div#ez-toc-container .ez-toc-title {
            display: initial
        }

        .ez-toc-wrap-center {
            margin: 0 auto 1em !important
        }

        #ez-toc-container a.ez-toc-toggle {
            color: #444;
            background: inherit;
            border: inherit
        }

        #ez-toc-container .eztoc-toggle-hide-by-default,
        .eztoc-hide,
        label.cssiconcheckbox {
            display: none
        }

        .ez-toc-widget-container ul li a {
            padding-left: 10px;
            display: inline-flex;
            align-items: stretch;
            flex-wrap: nowrap
        }

        .ez-toc-widget-container ul.ez-toc-list li {
            height: auto !important
        }

        .ez-toc-icon-toggle-span {
            display: flex;
            align-items: center;
            width: 35px;
            height: 30px;
            justify-content: center;
            direction: ltr
        }

        .eztoc_no_heading_found {
            background-color: #ff0;
            padding-left: 10px
        }

        .term-description .ez-toc-title-container p:nth-child(2) {
            width: 50px;
            float: right;
            margin: 0
        }

        .ez-toc-container-direction {
            direction: ltr;
        }

        .ez-toc-counter ul {
            counter-reset: item;
        }

        .ez-toc-counter nav ul li a::before {
            content: counters(item, '.', decimal) '. ';
            display: inline-block;
            counter-increment: item;
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: .2em;
            float: left;
        }

        .ez-toc-widget-direction {
            direction: ltr;
        }

        .ez-toc-widget-container ul {
            counter-reset: item;
        }

        .ez-toc-widget-container nav ul li a::before {
            content: counters(item, '.', decimal) '. ';
            display: inline-block;
            counter-increment: item;
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: .2em;
            float: left;
        }
    </style>
    <link data-minify="1" rel="stylesheet" id="brands-styles-css" href="https://metasport360.com/Meta_files/brands.css" type="text/css" media="all">
    <link rel="stylesheet" id="jkd-fonts-css" href="https://metasport360.com/Meta_files/fonts.css" type="text/css" media="all">
    <style id="jkd-fonts-inline-css" type="text/css">
        :root {
            --jkd-fabula-heading-font: 'Poppins' !important;
            --jkd-fabula-text-font: 'Poppins' !important;
        }

    </style>
    
<!--


██████╗ ██╗███████╗███╗   ██╗██╗   ██╗███████╗███╗   ██╗██╗██████╗  ██████╗      █████╗ 
██╔══██╗██║██╔════╝████╗  ██║██║   ██║██╔════╝████╗  ██║██║██╔══██╗██╔═══██╗    ██╔══██╗
██████╔╝██║█████╗  ██╔██╗ ██║██║   ██║█████╗  ██╔██╗ ██║██║██║  ██║██║   ██║    ███████║
██╔══██╗██║██╔══╝  ██║╚██╗██║╚██╗ ██╔╝██╔══╝  ██║╚██╗██║██║██║  ██║██║   ██║    ██╔══██║
██████╔╝██║███████╗██║ ╚████║ ╚████╔╝ ███████╗██║ ╚████║██║██████╔╝╚██████╔╝    ██║  ██║
╚═════╝ ╚═╝╚══════╝╚═╝  ╚═══╝  ╚═══╝  ╚══════╝╚═╝  ╚═══╝╚═╝╚═════╝  ╚═════╝     ╚═╝  ╚═╝


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * MetaSport360® - Marca registrada de MS360 Contenidos S.A.C. - Argentina
 *
 * Todos los contenidos, diseños, estructuras y elementos funcionales están protegidos por derechos de autor.
 * El código fuente se encuentra sujeto a marcas y patentes registradas en la República Argentina.
 *
 * Queda expresamente prohibida la ingeniería inversa, reproducción, distribución o uso no autorizado del mismo.
 *
 * © MetaSport360 - Todos los derechos reservados.
 */
 
 
-->


    <link rel="stylesheet" id="jkd-theme-main-css" href="https://metasport360.com/Meta_files/main(1).min.css" type="text/css" media="all">
    <link rel="stylesheet" id="jkd-demo-sidebar-css" href="https://metasport360.com/Meta_files/main(2).min.css" type="text/css" media="all">
    <link rel="stylesheet" id="jkd-demo-customizer-css" href="https://metasport360.com/Meta_files/main(3).min.css" type="text/css" media="all">
    <link rel="stylesheet" id="addtoany-css" href="https://metasport360.com/Meta_files/addtoany.min.css" type="text/css" media="all">
    <link rel="stylesheet" id="elementor-frontend-css" href="https://metasport360.com/Meta_files/frontend.min.css" type="text/css" media="all">
    <link data-minify="1" rel="stylesheet" id="elementor-post-6-css" href="https://metasport360.com/Meta_files/post-6.css" type="text/css" media="all">
    <link rel="stylesheet" id="sbistyles-css" href="https://metasport360.com/Meta_files/sbi-styles.min.css" type="text/css" media="all">
    <link rel="stylesheet" id="widget-image-css" href="https://metasport360.com/Meta_files/widget-image.min.css" type="text/css" media="all">
    <link rel="stylesheet" id="widget-heading-css" href="https://metasport360.com/Meta_files/widget-heading.min.css" type="text/css" media="all">
    <link data-minify="1" rel="stylesheet" id="elementor-post-10026-css" href="https://metasport360.com/Meta_files/post-10026.css" type="text/css" media="all">
    <link data-minify="1" rel="stylesheet" id="boxzilla-css" href="https://metasport360.com/Meta_files/styles.css" type="text/css" media="all">
    <link data-minify="1" rel="stylesheet" id="elementor-post-22767-css" href="https://metasport360.com/Meta_files/post-22767.css" type="text/css" media="all">
    <link rel="stylesheet" id="widget-spacer-css" href="https://metasport360.com/Meta_files/widget-spacer.min.css" type="text/css" media="all">
    <script type="text/javascript" src="https://metasport360.com/Meta_files/imagesloaded.min.js.descarga" id="imagesloaded-js"></script>
    <script type="text/javascript" src="https://metasport360.com/Meta_files/starter.min.js.descarga" id="jkd-starter-js"></script>

<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>

    <script type="text/javascript" id="jquery-blockui-js" data-wp-strategy="defer" fetchpriority="high" src="https://metasport360.com/Meta_files/jquery.blockUI.min.js.descarga" data-rocket-status="executed"></script>
    <script type="text/javascript" id="js-cookie-js" data-wp-strategy="defer" fetchpriority="high" src="https://metasport360.com/Meta_files/js.cookie.min.js.descarga" data-rocket-status="executed"></script>
    <style id="pmpro_colors">
        :root {
            --pmpro--color--base: #ffffff;
            --pmpro--color--contrast: #28292a;
            --pmpro--color--accent: #ff652c;
            --pmpro--color--accent--variation: hsl(16, 100%, 88.5%);
            --pmpro--color--border--variation: hsl(0, 0%, 91%);
        }
    </style>
        <style>
            .woocommerce-product-gallery {
                opacity: 1 !important;
            }
        </style>
        
        <!--


██████╗ ██╗███████╗███╗   ██╗██╗   ██╗███████╗███╗   ██╗██╗██████╗  ██████╗      █████╗ 
██╔══██╗██║██╔════╝████╗  ██║██║   ██║██╔════╝████╗  ██║██║██╔══██╗██╔═══██╗    ██╔══██╗
██████╔╝██║█████╗  ██╔██╗ ██║██║   ██║█████╗  ██╔██╗ ██║██║██║  ██║██║   ██║    ███████║
██╔══██╗██║██╔══╝  ██║╚██╗██║╚██╗ ██╔╝██╔══╝  ██║╚██╗██║██║██║  ██║██║   ██║    ██╔══██║
██████╔╝██║███████╗██║ ╚████║ ╚████╔╝ ███████╗██║ ╚████║██║██████╔╝╚██████╔╝    ██║  ██║
╚═════╝ ╚═╝╚══════╝╚═╝  ╚═══╝  ╚═══╝  ╚══════╝╚═╝  ╚═══╝╚═╝╚═════╝  ╚═════╝     ╚═╝  ╚═╝


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * MetaSport360® - Marca registrada de MS360 Contenidos S.A.C. - Argentina
 *
 * Todos los contenidos, diseños, estructuras y elementos funcionales están protegidos por derechos de autor.
 * El código fuente se encuentra sujeto a marcas y patentes registradas en la República Argentina.
 *
 * Queda expresamente prohibida la ingeniería inversa, reproducción, distribución o uso no autorizado del mismo.
 *
 * © MetaSport360 - Todos los derechos reservados.
 */
 
 
-->


                                                                                                          </noscript>
    <meta name="generator" content="Elementor 3.28.4; features: e_font_icon_svg, additional_custom_breakpoints, e_local_google_fonts, e_element_cache; settings: css_print_method-external, google_font-disabled, font_display-auto">
    

    <style id="cky-style">
        .cky-overlay {
            background: #000000;
            opacity: 0.4;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99999999;
        }

        .cky-hide {
            display: none;
        }

        .cky-btn-revisit-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #0056a7;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            position: fixed;
            z-index: 999999;
            cursor: pointer;
        }

        .cky-revisit-bottom-left {
            bottom: 15px;
            left: 15px;
        }

        .cky-revisit-bottom-right {
            bottom: 15px;
            right: 15px;
        }

        .cky-btn-revisit-wrapper .cky-btn-revisit {
            display: flex;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
            cursor: pointer;
            position: relative;
            margin: 0;
            padding: 0;
        }

        .cky-btn-revisit-wrapper .cky-btn-revisit img {
            max-width: fit-content;
            margin: 0;
            height: 30px;
            width: 30px;
        }

        .cky-revisit-bottom-left:hover::before {
            content: attr(data-tooltip);
            position: absolute;
            background: #4e4b66;
            color: #ffffff;
            left: calc(100% + 7px);
            font-size: 12px;
            line-height: 16px;
            width: max-content;
            padding: 4px 8px;
            border-radius: 4px;
        }

        .cky-revisit-bottom-left:hover::after {
            position: absolute;
            content: "";
            border: 5px solid transparent;
            left: calc(100% + 2px);
            border-left-width: 0;
            border-right-color: #4e4b66;
        }

        .cky-revisit-bottom-right:hover::before {
            content: attr(data-tooltip);
            position: absolute;
            background: #4e4b66;
            color: #ffffff;
            right: calc(100% + 7px);
            font-size: 12px;
            line-height: 16px;
            width: max-content;
            padding: 4px 8px;
            border-radius: 4px;
        }

        .cky-revisit-bottom-right:hover::after {
            position: absolute;
            content: "";
            border: 5px solid transparent;
            right: calc(100% + 2px);
            border-right-width: 0;
            border-left-color: #4e4b66;
        }

        .cky-revisit-hide {
            display: none;
        }

        .cky-consent-container {
            position: fixed;
            width: 440px;
            box-sizing: border-box;
            z-index: 9999999;
            border-radius: 6px;
        }

        .cky-consent-container .cky-consent-bar {
            background: #ffffff;
            border: 1px solid;
            padding: 20px 26px;
            box-shadow: 0 -1px 10px 0 #acabab4d;
            border-radius: 6px;
        }

        .cky-box-bottom-left {
            bottom: 40px;
            left: 40px;
        }

        .cky-box-bottom-right {
            bottom: 40px;
            right: 40px;
        }

        .cky-box-top-left {
            top: 40px;
            left: 40px;
        }

        .cky-box-top-right {
            top: 40px;
            right: 40px;
        }

        .cky-custom-brand-logo-wrapper .cky-custom-brand-logo {
            width: 100px;
            height: auto;
            margin: 0 0 12px 0;
        }

        .cky-notice .cky-title {
            color: #212121;
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            margin: 0 0 12px 0;
        }

        .cky-notice-des *,
        .cky-preference-content-wrapper *,
        .cky-accordion-header-des *,
        .cky-gpc-wrapper .cky-gpc-desc * {
            font-size: 14px;
        }

        .cky-notice-des {
            color: #212121;
            font-size: 14px;
            line-height: 24px;
            font-weight: 400;
        }

        .cky-notice-des img {
            height: 25px;
            width: 25px;
        }

        .cky-consent-bar .cky-notice-des p,
        .cky-gpc-wrapper .cky-gpc-desc p,
        .cky-preference-body-wrapper .cky-preference-content-wrapper p,
        .cky-accordion-header-wrapper .cky-accordion-header-des p,
        .cky-cookie-des-table li div:last-child p {
            color: inherit;
            margin-top: 0;
            overflow-wrap: break-word;
        }

        .cky-notice-des P:last-child,
        .cky-preference-content-wrapper p:last-child,
        .cky-cookie-des-table li div:last-child p:last-child,
        .cky-gpc-wrapper .cky-gpc-desc p:last-child {
            margin-bottom: 0;
        }

        .cky-notice-des a.cky-policy,
        .cky-notice-des button.cky-policy {
            font-size: 14px;
            color: #1863dc;
            white-space: nowrap;
            cursor: pointer;
            background: transparent;
            border: 1px solid;
            text-decoration: underline;
        }

        .cky-notice-des button.cky-policy {
            padding: 0;
        }

        .cky-notice-des a.cky-policy:focus-visible,
        .cky-notice-des button.cky-policy:focus-visible,
        .cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,
        .cky-accordion-header .cky-accordion-btn:focus-visible,
        .cky-preference-header .cky-btn-close:focus-visible,
        .cky-switch input[type="checkbox"]:focus-visible,
        .cky-footer-wrapper a:focus-visible,
        .cky-btn:focus-visible {
            outline: 2px solid #1863dc;
            outline-offset: 2px;
        }

        .cky-btn:focus:not(:focus-visible),
        .cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),
        .cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),
        .cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),
        .cky-preference-header .cky-btn-close:focus:not(:focus-visible),
        .cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible) {
            outline: 0;
        }

        button.cky-show-desc-btn:not(:hover):not(:active) {
            color: #1863dc;
            background: transparent;
        }

        button.cky-accordion-btn:not(:hover):not(:active),
        button.cky-banner-btn-close:not(:hover):not(:active),
        button.cky-btn-revisit:not(:hover):not(:active),
        button.cky-btn-close:not(:hover):not(:active) {
            background: transparent;
        }

        .cky-consent-bar button:hover,
        .cky-modal.cky-modal-open button:hover,
        .cky-consent-bar button:focus,
        .cky-modal.cky-modal-open button:focus {
            text-decoration: none;
        }

        .cky-notice-btn-wrapper {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 16px;
        }

        .cky-notice-btn-wrapper .cky-btn {
            text-shadow: none;
            box-shadow: none;
        }

        .cky-btn {
            flex: auto;
            max-width: 100%;
            font-size: 14px;
            font-family: inherit;
            line-height: 24px;
            padding: 8px;
            font-weight: 500;
            margin: 0 8px 0 0;
            border-radius: 2px;
            cursor: pointer;
            text-align: center;
            text-transform: none;
            min-height: 0;
        }

        .cky-btn:hover {
            opacity: 0.8;
        }

        .cky-btn-customize {
            color: #1863dc;
            background: transparent;
            border: 2px solid #1863dc;
        }

        .cky-btn-reject {
            color: #1863dc;
            background: transparent;
            border: 2px solid #1863dc;
        }

        .cky-btn-accept {
            background: #1863dc;
            color: #ffffff;
            border: 2px solid #1863dc;
        }

        .cky-btn:last-child {
            margin-right: 0;
        }

        @media (max-width: 576px) {
            .cky-box-bottom-left {
                bottom: 0;
                left: 0;
            }

            .cky-box-bottom-right {
                bottom: 0;
                right: 0;
            }

            .cky-box-top-left {
                top: 0;
                left: 0;
            }

            .cky-box-top-right {
                top: 0;
                right: 0;
            }
        }

        @media (max-width: 440px) {

            .cky-box-bottom-left,
            .cky-box-bottom-right,
            .cky-box-top-left,
            .cky-box-top-right {
                width: 100%;
                max-width: 100%;
            }

            .cky-consent-container .cky-consent-bar {
                padding: 20px 0;
            }

            .cky-custom-brand-logo-wrapper,
            .cky-notice .cky-title,
            .cky-notice-des,
            .cky-notice-btn-wrapper {
                padding: 0 24px;
            }

            .cky-notice-des {
                max-height: 40vh;
                overflow-y: scroll;
            }

            .cky-notice-btn-wrapper {
                flex-direction: column;
                margin-top: 0;
            }

            .cky-btn {
                width: 100%;
                margin: 10px 0 0 0;
            }

            .cky-notice-btn-wrapper .cky-btn-customize {
                order: 2;
            }

            .cky-notice-btn-wrapper .cky-btn-reject {
                order: 3;
            }

            .cky-notice-btn-wrapper .cky-btn-accept {
                order: 1;
                margin-top: 16px;
            }
        }

        @media (max-width: 352px) {
            .cky-notice .cky-title {
                font-size: 16px;
            }

            .cky-notice-des * {
                font-size: 12px;
            }

            .cky-notice-des,
            .cky-btn {
                font-size: 12px;
            }
        }

        .cky-modal.cky-modal-open {
            display: flex;
            visibility: visible;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            transition: all 1s ease;
        }

        .cky-modal {
            box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3);
            margin: 0 auto;
            position: fixed;
            max-width: 100%;
            background: #ffffff;
            top: 50%;
            box-sizing: border-box;
            border-radius: 6px;
            z-index: 999999999;
            color: #212121;
            -webkit-transform: translate(-50%, 100%);
            -moz-transform: translate(-50%, 100%);
            -ms-transform: translate(-50%, 100%);
            -o-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
            visibility: hidden;
            transition: all 0s ease;
        }

        .cky-preference-center {
            max-height: 79vh;
            overflow: hidden;
            width: 845px;
            overflow: hidden;
            flex: 1 1 0;
            display: flex;
            flex-direction: column;
            border-radius: 6px;
        }

        .cky-preference-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 22px 24px;
            border-bottom: 1px solid;
        }

        .cky-preference-header .cky-preference-title {
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
        }

        .cky-preference-header .cky-btn-close {
            margin: 0;
            cursor: pointer;
            vertical-align: middle;
            padding: 0;
            background: none;
            border: none;
            width: auto;
            height: auto;
            min-height: 0;
            line-height: 0;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-preference-header .cky-btn-close img {
            margin: 0;
            height: 10px;
            width: 10px;
        }

        .cky-preference-body-wrapper {
            padding: 0 24px;
            flex: 1;
            overflow: auto;
            box-sizing: border-box;
        }

        .cky-preference-content-wrapper,
        .cky-gpc-wrapper .cky-gpc-desc {
            font-size: 14px;
            line-height: 24px;
            font-weight: 400;
            padding: 12px 0;
        }

        .cky-preference-content-wrapper {
            border-bottom: 1px solid;
        }

        .cky-preference-content-wrapper img {
            height: 25px;
            width: 25px;
        }

        .cky-preference-content-wrapper .cky-show-desc-btn {
            font-size: 14px;
            font-family: inherit;
            color: #1863dc;
            text-decoration: none;
            line-height: 24px;
            padding: 0;
            margin: 0;
            white-space: nowrap;
            cursor: pointer;
            background: transparent;
            border-color: transparent;
            text-transform: none;
            min-height: 0;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-accordion-wrapper {
            margin-bottom: 10px;
        }

        .cky-accordion {
            border-bottom: 1px solid;
        }

        .cky-accordion:last-child {
            border-bottom: none;
        }

        .cky-accordion .cky-accordion-item {
            display: flex;
            margin-top: 10px;
        }

        .cky-accordion .cky-accordion-body {
            display: none;
        }

        .cky-accordion.cky-accordion-active .cky-accordion-body {
            display: block;
            padding: 0 22px;
            margin-bottom: 16px;
        }

        .cky-accordion-header-wrapper {
            cursor: pointer;
            width: 100%;
        }

        .cky-accordion-item .cky-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .cky-accordion-header .cky-accordion-btn {
            font-size: 16px;
            font-family: inherit;
            color: #212121;
            line-height: 24px;
            background: none;
            border: none;
            font-weight: 700;
            padding: 0;
            margin: 0;
            cursor: pointer;
            text-transform: none;
            min-height: 0;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-accordion-header .cky-always-active {
            color: #008000;
            font-weight: 600;
            line-height: 24px;
            font-size: 14px;
        }

        .cky-accordion-header-des {
            font-size: 14px;

            line-height: 24px;
            margin: 10px 0 16px 0;
        }

        .cky-accordion-chevron {
            margin-right: 22px;
            position: relative;
            cursor: pointer;
        }

        .cky-accordion-chevron-hide {
            display: none;
        }

        .cky-accordion .cky-accordion-chevron i::before {
            content: "";
            position: absolute;
            border-right: 1.4px solid;
            border-bottom: 1.4px solid;
            border-color: inherit;
            height: 6px;
            width: 6px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            transition: all 0.2s ease-in-out;
            top: 8px;
        }

        .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .cky-audit-table {
            background: #f4f4f4;
            border-radius: 6px;
        }

        .cky-audit-table .cky-empty-cookies-text {
            color: inherit;
            font-size: 12px;
            line-height: 24px;
            margin: 0;
            padding: 10px;
        }

        .cky-audit-table .cky-cookie-des-table {
            font-size: 12px;
            line-height: 24px;
            font-weight: normal;
            padding: 15px 10px;
            border-bottom: 1px solid;
            border-bottom-color: inherit;
            margin: 0;
        }

        .cky-audit-table .cky-cookie-des-table:last-child {
            border-bottom: none;
        }

        .cky-audit-table .cky-cookie-des-table li {
            list-style-type: none;
            display: flex;
            padding: 3px 0;
        }

        .cky-audit-table .cky-cookie-des-table li:first-child {
            padding-top: 0;
        }

        .cky-cookie-des-table li div:first-child {
            width: 100px;
            font-weight: 600;
            word-break: break-word;
            word-wrap: break-word;
        }

        .cky-cookie-des-table li div:last-child {
            flex: 1;
            word-break: break-word;
            word-wrap: break-word;
            margin-left: 8px;
        }

        .cky-footer-shadow {
            display: block;
            width: 100%;
            height: 40px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
            position: absolute;
            bottom: calc(100% - 1px);
        }

        .cky-footer-wrapper {
            position: relative;
        }

        .cky-prefrence-btn-wrapper {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            padding: 22px 24px;
            border-top: 1px solid;
        }

        .cky-prefrence-btn-wrapper .cky-btn {
            flex: auto;
            max-width: 100%;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-btn-preferences {
            color: #1863dc;
            background: transparent;
            border: 2px solid #1863dc;
        }

        .cky-preference-header,
        .cky-preference-body-wrapper,
        .cky-preference-content-wrapper,
        .cky-accordion-wrapper,
        .cky-accordion,
        .cky-accordion-wrapper,
        .cky-footer-wrapper,
        .cky-prefrence-btn-wrapper {
            border-color: inherit;
        }

        @media (max-width: 845px) {
            .cky-modal {
                max-width: calc(100% - 16px);
            }
        }

        @media (max-width: 576px) {
            .cky-modal {
                max-width: 100%;
            }

            .cky-preference-center {
                max-height: 100vh;
            }

            .cky-prefrence-btn-wrapper {
                flex-direction: column;
            }

            .cky-accordion.cky-accordion-active .cky-accordion-body {
                padding-right: 0;
            }

            .cky-prefrence-btn-wrapper .cky-btn {
                width: 100%;
                margin: 10px 0 0 0;
            }

            .cky-prefrence-btn-wrapper .cky-btn-reject {
                order: 3;
            }

            .cky-prefrence-btn-wrapper .cky-btn-accept {
                order: 1;
                margin-top: 0;
            }

            .cky-prefrence-btn-wrapper .cky-btn-preferences {
                order: 2;
            }
        }

        @media (max-width: 425px) {
            .cky-accordion-chevron {
                margin-right: 15px;
            }

            .cky-notice-btn-wrapper {
                margin-top: 0;
            }

            .cky-accordion.cky-accordion-active .cky-accordion-body {
                padding: 0 15px;
            }
        }

        @media (max-width: 352px) {
            .cky-preference-header .cky-preference-title {
                font-size: 16px;
            }

            .cky-preference-header {
                padding: 16px 24px;
            }

            .cky-preference-content-wrapper *,
            .cky-accordion-header-des * {
                font-size: 12px;
            }

            .cky-preference-content-wrapper,
            .cky-preference-content-wrapper .cky-show-more,
            .cky-accordion-header .cky-always-active,
            .cky-accordion-header-des,
            .cky-preference-content-wrapper .cky-show-desc-btn,
            .cky-notice-des a.cky-policy {
                font-size: 12px;
            }

            .cky-accordion-header .cky-accordion-btn {
                font-size: 14px;
            }
        }

        .cky-switch {
            display: flex;
        }

        .cky-switch input[type="checkbox"] {
            position: relative;
            width: 44px;
            height: 24px;
            margin: 0;
            background: #d0d5d2;
            -webkit-appearance: none;
            border-radius: 50px;
            cursor: pointer;
            outline: 0;
            border: none;
            top: 0;
        }

        .cky-switch input[type="checkbox"]:checked {
            background: #1863dc;
        }

        .cky-switch input[type="checkbox"]:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 2px;
            bottom: 2px;
            border-radius: 50%;
            background-color: white;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            margin: 0;
        }

        .cky-switch input[type="checkbox"]:after {
            display: none;
        }

        .cky-switch input[type="checkbox"]:checked:before {
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }

        @media (max-width: 425px) {
            .cky-switch input[type="checkbox"] {
                width: 38px;
                height: 21px;
            }

            .cky-switch input[type="checkbox"]:before {
                height: 17px;
                width: 17px;
            }

            .cky-switch input[type="checkbox"]:checked:before {
                -webkit-transform: translateX(17px);
                -ms-transform: translateX(17px);
                transform: translateX(17px);
            }
        }

        .cky-consent-bar .cky-banner-btn-close {
            position: absolute;
            right: 9px;
            top: 5px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
            margin: 0;
            min-height: 0;
            line-height: 0;
            height: auto;
            width: auto;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-consent-bar .cky-banner-btn-close img {
            height: 9px;
            width: 9px;
            margin: 0;
        }

        .cky-notice-group {
            font-size: 14px;
            line-height: 24px;
            font-weight: 400;
            color: #212121;
        }

        .cky-notice-btn-wrapper .cky-btn-do-not-sell {
            font-size: 14px;
            line-height: 24px;
            padding: 6px 0;
            margin: 0;
            font-weight: 500;
            background: none;
            border-radius: 2px;
            border: none;
            cursor: pointer;
            text-align: left;
            color: #1863dc;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
            text-shadow: none;
        }

        .cky-consent-bar .cky-banner-btn-close:focus-visible,
        .cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,
        .cky-opt-out-btn-wrapper .cky-btn:focus-visible,
        .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible {
            outline: 2px solid #1863dc;
            outline-offset: 2px;
        }

        @media (max-width: 440px) {
            .cky-consent-container {
                width: 100%;
            }
        }

        @media (max-width: 352px) {

            .cky-notice-des a.cky-policy,
            .cky-notice-btn-wrapper .cky-btn-do-not-sell {
                font-size: 12px;
            }
        }

        .cky-opt-out-wrapper {
            padding: 12px 0;
        }

        .cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper {
            display: flex;
            align-items: center;
        }

        .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            margin: 0 0 0 12px;
            cursor: pointer;
        }

        .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox {
            background-color: #ffffff;
            border: 1px solid black;
            width: 20px;
            height: 18.5px;
            margin: 0;
            -webkit-appearance: none;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2px;
            cursor: pointer;
        }

        .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked {
            background-color: #1863dc;
            border: none;
        }

        .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after {
            left: 6px;
            bottom: 4px;
            width: 7px;
            height: 13px;
            border: solid #ffffff;
            border-width: 0 3px 3px 0;
            border-radius: 2px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            content: "";
            position: absolute;
            box-sizing: border-box;
        }

        .cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,
        .cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox {
            cursor: no-drop;
        }

        .cky-gpc-wrapper {
            margin: 0 0 0 32px;
        }

        .cky-footer-wrapper .cky-opt-out-btn-wrapper {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            padding: 22px 24px;
        }

        .cky-opt-out-btn-wrapper .cky-btn {
            flex: auto;
            max-width: 100%;
            text-shadow: none;
            box-shadow: none;
        }

        .cky-opt-out-btn-wrapper .cky-btn-cancel {
            border: 1px solid #dedfe0;
            background: transparent;
            color: #858585;
        }

        .cky-opt-out-btn-wrapper .cky-btn-confirm {
            background: #1863dc;
            color: #ffffff;
            border: 1px solid #1863dc;
        }

        @media (max-width: 352px) {
            .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
                font-size: 14px;
            }

            .cky-gpc-wrapper .cky-gpc-desc,
            .cky-gpc-wrapper .cky-gpc-desc * {
                font-size: 12px;
            }

            .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox {
                width: 16px;
                height: 16px;
            }

            .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after {
                left: 5px;
                bottom: 4px;
                width: 3px;
                height: 9px;
            }

            .cky-gpc-wrapper {
                margin: 0 0 0 28px;
            }
        }

        .video-placeholder-youtube {
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #b2b0b059;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 100%;
        }

        .video-placeholder-text-youtube {
            text-align: center;
            align-items: center;
            padding: 10px 16px;
            background-color: #000000cc;
            color: #ffffff;
            border: 1px solid;
            border-radius: 2px;
            cursor: pointer;
        }

        .video-placeholder-normal {
            background-image: url("/wp-content/plugins/cookie-law-info/lite/frontend/images/placeholder.svg");
            background-size: 80px;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #b2b0b059;
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            max-width: 100%;
        }

        .video-placeholder-text-normal {
            align-items: center;
            padding: 10px 16px;
            text-align: center;
            border: 1px solid;
            border-radius: 2px;
            cursor: pointer;
        }

        .cky-rtl {
            direction: rtl;
            text-align: right;
        }

        .cky-rtl .cky-banner-btn-close {
            left: 9px;
            right: auto;
        }

        .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
            margin-right: 8px;
        }

        .cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child {
            margin-right: 0;
        }

        .cky-rtl .cky-notice-btn-wrapper {
            margin-left: 0;
            margin-right: 15px;
        }

        .cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
            margin-right: 8px;
        }

        .cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child {
            margin-right: 0;
        }

        .cky-rtl .cky-accordion .cky-accordion-chevron i::before {
            border: none;
            border-left: 1.4px solid;
            border-top: 1.4px solid;
            left: 12px;
        }

        .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        @media (max-width: 768px) {
            .cky-rtl .cky-notice-btn-wrapper {
                margin-right: 0;
            }
        }

        @media (max-width: 576px) {
            .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
                margin-right: 0;
            }

            .cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
                margin-right: 0;
            }

            .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
                padding: 0 22px 0 0;
            }
        }

        @media (max-width: 425px) {
            .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
                padding: 0 15px 0 0;
            }
        }

        .cky-rtl .cky-opt-out-btn-wrapper .cky-btn {
            margin-right: 12px;
        }

        .cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child {
            margin-right: 0;
        }

        .cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
            margin: 0 12px 0 0;
        }
		
		
.media-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro al 50% */
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

.media-modal-content {
    background: #111;
    padding: 30px;
    border-radius: 12px;
    width: 90%;
    max-width: 600px;
    color: #fff;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    text-align: center;
    animation: fadeIn 0.3s ease;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #222;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.close-btn:hover {
    background: #444;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* Estilo específico para el reproductor de audio */
#audioPlayer {
    width: 100%;
    margin-top: 20px;
    filter: drop-shadow(0 0 5px #00f7ff);
    border-radius: 0px;
    background-color: #222;
}

/* VIDEO modal 100% fullscreen, sin link externo */
#videoModal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo negro translúcido */
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

#videoModal .media-modal-content {
    width: 80%;
    height: 80%;
    max-width: 1280px;
    max-height: 720px;
    background: #000;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
    animation: fadeIn 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#videoModal iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}

/* Botón cerrar (mismo que en audio) */
#videoModal .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #222;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s;
}

#videoModal .close-btn:hover {
    background: #444;
}


.op-md {
	text-transform:none !important;
	zoom:0.9 !important;
	font-weight:100!important;
}

.ultimomomento {
    border: 10px solid rgba(255, 0, 0, 0.05); /* Rojo con 50% de opacidad */
}

.ultimahora {
}

.foto-item-foto {
	background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	background-size: cover !important;
	background-repeat: no-repeat;
	border: 1px solid #F00;
}
		

.foto-item-cover {
	background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px !important;
	z-index:1;
	
}
		
		
#nav-desk .logo-wrp img {
    max-height:50px!important;
    width:auto!important;
}

#nav-desk .in-wrp {
    height: 80px;
    max-height: var(--jkd-nav-h);
    min-height: var(--jkd-nav-h)
}	

.jkd-c,
.jkd-c-amp,
.jkd-c-fluid,
.jkd-c-thin,
.jkd-c-wide {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left:55px!important;
    padding-right:55px!important;
    position: relative;
    width: 100%;
    z-index: 30
}

.jkd-c {
    max-width:1755px!important;
}


.p-ttl {
	font-weight:800;
	font-size:22px;
}


metalogo {
}


metalogo span{
	font-weight: 500 !important;
	color: #06C !important;
}


metalogo strong{
	font-weight: 600 !important;
	color: #000 !important;
}


metalogo b{
	font-weight: 300 !important;
	color: #666 !important;
}


body{
	overflow-x:hidden !important;
}


body a {
  text-decoration: none !important;
  transition: color 0.3s ease;
}


@media screen and (width: 1600px) {
  .hero-360-title {
    zoom: 0.8 !important;
  }
  .Evento-Detalle-top-bar, .alertacronograma, .Bloque-Cronograma{
    zoom: 0.8 !important;
  }


}


</style>
<link id="360-Style-Sheet" rel="stylesheet" href="https://metasport360.com/360-CSS-light.css">

<script>
  (function () {
    const savedTheme = localStorage.getItem('theme');
    const cssFile = savedTheme === 'dark' ? '360-CSS-Dark.css' : '360-CSS-Light.css';
    const link = document.getElementById('360-Style-Sheet');
    if (link) {
      link.href = 'https://metasport360.com/' + cssFile;
    }
  })();
</script>

<!-- Bootstrap 5 mínimo -->


</head>
<body data-cs="light" data-cs-system="yes" data-user-id="0" data-post-id="10026" class="pmpro-variation_1 wp-singular page-template-default page page-id-10026 wp-theme-fabula lqip-enabled anim-enabled nav-enabled theme-fabula pmpro-body-has-access woocommerce-js jkd-ver-1.2.93 elementor-default elementor-kit-6 elementor-page elementor-page-10026 e--ua-blink e--ua-chrome e--ua-webkit" data-aos-easing="ease" data-aos-duration="450" data-aos-delay="50" data-elementor-device-mode="desktop">
    <div class="cky-overlay cky-hide"></div>

    <style>
.figus-modal{
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.88);
    backdrop-filter: blur(6px);
    z-index: 999999;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px;
    box-sizing: border-box;
}

.figus-modal-top{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

#closeFigusModal{
	background: #ff0055;
	color: #FFF;
	border: 0;
	padding: 2px 14px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 200;
	cursor: pointer;
	letter-spacing: .5px;
	box-shadow: 0 0 25px rgba(255,0,85,.5);
	transition: all .2s ease;
}

#closeFigusModal:hover{
    transform: scale(1.05);
    background: #ff2a70;
}

.figus-modal-content{
    width: 100%;
    height: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.figus-modal-content a{
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.figus-modal-content picture{
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.figus-modal-content img{
    display: block;

    margin: 0 auto;

    max-width: 95vw;
    max-height: 82vh;

    width: auto;
    height: auto;

    border-radius: 2px;

    box-shadow: 0 0 40px rgba(0,180,255,.35);

    transition: transform .25s ease;
}

.figus-modal-content img:hover{
    transform: scale(1.01);
}

@media (max-width:768px){

    .figus-modal{
        padding: 10px;
    }

    .figus-modal-content img{
        max-width: 98%;
        max-height: 80vh;
        border-radius: 3px;
    }

    #closeFigusModal{
	width: 100%;
	max-width: 320px;
	font-size: 12px;
	padding: 2px 2px;
	position: absolute;
	z-index: 99999999999999999999;
	top: 15px;
    }

}
</style>

<!-- MODAL PROMO FIGUS 360 -->
<div id="figusModal" class="figus-modal">
    
    <div class="figus-modal-top">
        <button id="closeFigusModal">CERRAR ✕</button>
    </div>

    <div class="figus-modal-content">
        <a href="https://metasport360.com/figus">
            <picture>
              <source media="(max-width: 768px)" srcset="modal-figu-mobile.png">
              <img src="modal-figu-desktop.png" alt="Figus 360 - MetaSport360 + Turismo Pista">
            </picture>
        </a>
    </div>

</div>


<script>

document.addEventListener("DOMContentLoaded", function(){

    const modal = document.getElementById("figusModal");
    const closeBtn = document.getElementById("closeFigusModal");

    closeBtn.addEventListener("click", function(){
        modal.style.display = "none";
    });

});

</script>
    <main data-rocket-location-hash="4e004aad89d8a3c49df2dc3aa8709709" class="main-wrp" id="m-wrp">

        <style>
</style><style>
    #Meta360-Preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 9999;
        transition: opacity 0.5s ease;
    }
    </style>
 
 
<style>


#Meta360-Preloader.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Spinner fijo */
.spinner {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 6px solid #ffffff30;
  border-top: 6px solid #fff;
  border-radius: 50%;
  
  /* Animación combinada con translateX */
  animation: spin 1s linear infinite;
  transform: translateX(-50%) rotate(0deg); /* estado inicial */
}

@keyframes spin {
  100% { transform: translateX(-50%) rotate(360deg); }
}
/* Mensaje debajo del spinner */
.preload-message {
  position: absolute;
  top: calc(35% + 70px); /* justo debajo del spinner (60px + 10px margen) */
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 200;
  line-height: 20px;
  color: #CCC;
  text-align: center;
  max-width: 90%;
}

.preload-message img {
  width: 100px !important;
  height: 100px !important;
}
.preload-message span,
.preload-message p,
.preload-message f,
.preload-message z,
.preload-message b,
.preload-message strong {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius:4px!important;
}

/* Todas las imágenes dentro se centran horizontalmente */
.preload-message span img,
.preload-message p img,
.preload-message f img,
.preload-message z img,
.preload-message b img,
.preload-message strong img {
  display: block;
  margin: 0 auto;
}
#PreFantasy {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Imagen a la izquierda */
.img-fantasy-wrap {
    flex: 0 0 auto;
    max-height: 300px;
}
.img-fantasy {
    max-height: 300px;
    width: auto;
    display: block;
}

/* Contenedor derecho que se divide en dos columnas */
.right-fantasy {
    display: flex;
    flex: 1;
    gap: 20px;
}

/* Cada columna ocupa el 50% */
.cont-fantasy,
.cont-fantasy-fin {
    flex: 1;
	padding:25px;
}


</style>

<div id="Meta360-Preloader">
  <div class="preloader-content">
    <div class="spinner"></div>
    <!-- Aquí se insertará el mensaje si existe data-preload -->
  </div>
</div>


<style>
  @media (max-width: 1366px) {
    .trns { zoom: 0.8 !important; }
    .hero-360-bottom-left { zoom: 0.7 !important; }
    .FooterAd { zoom: 1.3 !important; }
	
	
  }
  
  
    #logout-btn{
	background-color: #F00;
	color: #FFF;
	margin: 0px;
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-radius:3px;
    }


    #logout-btn{
	background-color: #F00;
	color: #FFF;
	margin: 0px;
	float: right;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-radius:3px;
    }
  
</style>      


<nav class="w-100-d nav nav-pos-sticky aos-init aos-animate" id="nav-desk" data-aos="jkd-fade-down">
  <div class="jkd-c nav-cont">
    <div class="in-wrp jkd-c ai-c jc-c bg-col br-lg w-100 trns">

      <!-- Logo Principal y Enlace a Home Page -->
      
<div class="d-f ai-c logo-wrp mr-a pos-rel z-nav">
    <a href="https://metasport360.com" class="LanzaPreload" data-preload="&nbsp;&nbsp;">
        

<img class="logo-movil logo-movil-light"
     src="https://metasport360.com/Meta_files/fabula.svg"
     width="209"
     height="50"
     alt="MetaSport360">
     
                 <img class="logo-movil logo-movil-dark" src="https://metasport360.com/Meta_files/fabulab.svg" width="209" height="50" alt="MetaSport360">
            
            
            </a>
</div>

      
      <!-- Fin Logo Principal y Enlace a Home Page -->

<div class="menu-wrp pos-abs d-f jc-c ai-c h-100 w-100 z-sm">
  <ul id="menu-main-menu" class="menu-list h-100 d-f ai-c">

    <!-- NOTICIAS -->
    <li id="menu-item-20996" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1-lvl">
      <a href="#" class="nacionales">Noticias<span aria-hidden="true" class="icon-chevron-down arrow-down ml-3"></span></a>

      <ul class="sub-menu r-list z-ui">
        <div class="sub-menu-in">

          <!-- NACIONALES -->
          <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1-lvl">
            <a href="#" class="nacionales">Nacionales</a>
            <ul class="sub-menu r-list z-ui">
              <div class="sub-menu-in">

                <li id="menu-item-Turismo-Carretera" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2120/Page/1"
                     class="turismocarretera LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='turismocarretera'>Turismo Carretera</b>">
                     Turismo Carretera
                  </a>
                </li>

                <li id="menu-item-TC-2000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/16/Page/1"
                     class="tc2000 LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='tc2000'>TC2000</b>">
                     TC2000
                  </a>
                </li>

                <li id="menu-item-Turismo-Pista" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2130/Page/1"
                     class="turismopista LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='turismopista'>Turismo Pista</b>">
                     Turismo Pista
                  </a>
                </li>

                <li id="menu-item-TN-Apat" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/19/Page/1"
                     class="tnapat LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='tnapat'>TN Apat</b>">
                     TN Apat
                  </a>
                </li>

                <li id="menu-item-Top-Race" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/25/Page/1"
                     class="toprace LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='toprace'>Top Race</b>">
                     Top Race
                  </a>
                </li>

                <li id="menu-item-Otras" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2122/Page/1"
                     class="nacionales LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='nacionales'>Otras</b>">
                     Otras
                  </a>
                </li>

              </div>
            </ul>
          </li>

          <!-- INTERNACIONALES -->
          <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1-lvl">
            <a href="#" class="internacionales">Internacionales</a>

            <ul class="sub-menu r-list z-ui">
              <div class="sub-menu-in">

                <li id="menu-item-F1" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2124/Page/1"
                     class="formula1 LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='formula1'>Fórmula Uno</b>">
                     Fórmula Uno
                  </a>
                </li>

                <li id="menu-item-MotoGP" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2140/Page/1"
                     class="motogp LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='motogp'>Moto GP</b>">
                     Moto GP
                  </a>
                </li>

                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Meta360/2118/Page/1"
                     class="internacionales LanzaPreload"
                     data-preload="<p>Cargando listado de noticias de</p><b class='internacionales'>Otras</b>">
                     Otras
                  </a>
                </li>

              </div>
            </ul>

          </li>
        </div>
      </ul>
    </li>

    <!-- CARRERAS -->
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1-lvl">
      <a href="#" class="nacionales">Carreras<span aria-hidden="true" class="icon-chevron-down arrow-down ml-3"></span></a>

      <ul class="sub-menu r-list z-ui">
        <div class="sub-menu-in">

          <!-- CALENDARIOS -->
          <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
            <a href="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360"
               class="LanzaPreload"
               data-preload="<p>Cargando Calendarios...">Calendarios</a>
          </li>

          <!-- CAMPEONATOS -->
          <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
            <a href="#">Campeonatos</a>
            <ul class="sub-menu r-list z-ui">
              <div class="sub-menu-in">


                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/1/Ranking/2026"
                     class="LanzaPreload"
                     data-preload="<p>Cargando campeonato</p><b class='formula1'>Fórmula Uno</b><b><img src='https://metasport360.com/Contenido/LogosCat/1.png'></b>">
                     <img src="https://metasport360.com/Contenido/LogosCat/1.png" width="36" height="36">&nbsp;&nbsp;Fórmula Uno
                  </a>
                  
                  
                </li>

                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/48/Ranking/2026"
                     class="LanzaPreload"
                     data-preload="<p>Cargando campeonato</p><b class='motogp'>MotoGP</b><b><img src='https://metasport360.com/Contenido/LogosCat/48.png'></b>">
                     <img src="https://metasport360.com/Contenido/LogosCat/48.png" width="36" height="36">&nbsp;&nbsp;MotoGP
                  </a>
                </li>

                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/78/Ranking/2026"
                     class="LanzaPreload"
                     data-preload="<p>Cargando campeonato</p><b class='turismopista'>Turismo Pista</b><b><img src='https://metasport360.com/Contenido/LogosCat/78.png'></b>">
                     <img src="https://metasport360.com/Contenido/LogosCat/78.png" width="36" height="36">&nbsp;&nbsp;Turismo Pista
                  </a>
                </li>

                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/19/Ranking/2026"
                     class="LanzaPreload"
                     data-preload="<p>Cargando campeonato</p><b class='turismocarretera'>TN Apat</b><b><img src='https://metasport360.com/Contenido/LogosCat/19.png'></b>">
                     <img src="https://metasport360.com/Contenido/LogosCat/19.png" width="36" height="36">&nbsp;&nbsp;TN Apat
                  </a>
                </li>

 
                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/17/Ranking/2026"
                     class="LanzaPreload"
                     data-preload="<p>Cargando campeonato</p><b class='turismocarretera'>Turismo Carretera</b><b><img src='https://metasport360.com/Contenido/LogosCat/17.png'></b>">
                     <img src="https://metasport360.com/Contenido/LogosCat/17.png" width="36" height="36">&nbsp;&nbsp;Turismo Carretera
                  </a>
                </li>

                <li id="menu-item-otras-int" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2-lvl">
                  <a href="https://metasport360.com/Posiciones/2025/Ranking/0" class="LanzaPreload">Otros Campeonatos</a>
                </li>

              </div>
            </ul>
          </li>

        </div>
      </ul>
    </li>
    
<li id="menu-item-20998" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1-lvl sub-enabled category-first">
    <a href="https://metasport360.com/Fantasy" class="cat-link toprace" style="--jkd-pr-col:#c0392b;">
    <i class="bi bi-award-fill" style="font-size:20px;"></i>&nbsp;MS360 Fantasy
    </a>
</li>    
    

      <!--       
 
    
<li id="menu-item-20998" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1-lvl sub-enabled category-first">
    <a href="#" class="cat-link" style="--jkd-pr-col:#c0392b;">
        <i class="bi bi-tv" style="font-size:20px;"></i>&nbsp;Guia de Programación
    </a>
    <div class="cat-sub d-f pos-abs l-0 r-0 w-100 loaded" data-cat-count="7" data-cat-slug="politics">
        <div class="sub-in d-f pos-rel" id="Guia360">
        </div>
    </div>
</li>
    
   
<li id="menu-item-20998" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1-lvl sub-enabled category-first">
    <a href="#" class="cat-link toprace" style="--jkd-pr-col:#c0392b;">
    <i class="bi bi-award-fill" style="font-size:20px;"></i>&nbsp;MS360 Fantasy
    </a>
    <div class="cat-sub d-f pos-abs l-0 r-0 w-100 loaded" data-cat-count="7" data-cat-slug="politics">
    
<div class="sub-in d-f pos-rel" id="PreFantasy"> 

    <div class="img-fantasy-wrap">
        <img src="https://metasport360.com/ilfantasy.jpg" alt="Fantasy" class="img-fantasy">
    </div>

    <div class="right-fantasy">
        
        <div class="cont-fantasy">
            <h3 style="color:#666">
                Bienvenido a 
                <strong style="font-weight:900;">
                    <span style="color:#000;">MS360</span><span style="color:#06F;">Fantasy</span>
                </strong>
            </h3>

            <p>&nbsp;                </p>
            <p><strong>MS360Fantasy</strong> es el nuevo espacio de entretenimiento de 
              <strong>MetaSport360</strong> donde vas a poder jugar, competir y 
              divertirte con formatos innovadores basados en carreras reales.</p>
            <p>&nbsp;</p>
            <p>No hay azar: 
              cada punto y cada resultado dependen exclusivamente del rendimiento verdadero 
              de los pilotos en pista, creando una experiencia emocionante, transparente y 
              totalmente vinculada al mundo del automovilismo. </p>
        </div>

        <div class="cont-fantasy-fin">
        <h5><i class="bi bi-magic"></i> Simulador de Campeonato del <strong>Turismo Pista</strong> </h5>
            <img src="https://metasport360.com/simufantasy.png" alt="Simu Fantasy" style="width:100%; height:auto; display:block;">
            
            
<p>
    <a href="https://metasport360.com/Posiciones/78/Ranking/2025" 
       class="cat-lb cat-lb-st-4 LanzaPreload turismopista" 
       style="width:auto !important; display:inline-block; text-decoration:none; font-weight:600;ZOOM:1.1;">
        Entrá acá y jugá con el Campeonato del Turismo Pista
    </a>
</p>


        </div>

    </div>

</div>

    </div>
</li>
    
    
   -->   

    <!-- resto de usuarios: nada -->

 
    <!-- Tiempos Online (solo viernes-domingo) -->
          <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1-lvl" id="toggleLiveT">
        <a href="#" class="turismocarretera"><i class="bi bi-stopwatch-fill"></i>&nbsp;Tiempos Online</a>
      </li>
        

    <!-- Social-Icons.php -->
<div style="display: flex; gap: 4px; align-items: center;">
  <a href="https://www.facebook.com/MetaSport360" target="_blank" title="Facebook">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#1877F2" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
    </svg>
  </a>
  <a href="https://www.instagram.com/metasport360" target="_blank" title="Instagram">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#C13584" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
      <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
      <line x1="17.5" y1="6.5" x2="17.5" y2="6.5" />
    </svg>
  </a>
  <a href="https://www.youtube.com/@metasport360" target="_blank" title="YouTube">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#FF0000" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-2C18.88 4 12 4 12 4s-6.88 0-8.59.42a2.78 2.78 0 0 0-1.95 2A29.94 29.94 0 0 0 1 12a29.94 29.94 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.95 2C5.12 20 12 20 12 20s6.88 0 8.59-.42a2.78 2.78 0 0 0 1.95-2A29.94 29.94 0 0 0 23 12a29.94 29.94 0 0 0-.46-5.58z" />
      <polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02" />
    </svg>
  </a>
  <a href="https://www.tiktok.com/@metasport360" target="_blank" title="TikTok">
    <svg id="BotonTiktok" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#010101" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M9 17a4 4 0 1 1 4-4V3c1.5 1.5 2.5 2 4 2" />
    </svg>
  </a>
  <a href="https://x.com/metasport360" target="_blank" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
  <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;"/>
</svg>  </a>
  <a href="https://www.twitch.tv/@metasport360" target="_blank" title="Twitch">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#9146FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M4 2L2 6v14h6v2h4l2-2h4l4-4V2z" />
      <path d="M16 8v4M12 8v4" />
    </svg>
  </a>
</div>

  </ul>
  

</div>
      

      <div class="d-f ai-c pos-rel z-nav h-100">
        <ul class="nav-actions r-list d-f ai-c ml-a pos-rel h-100">
        
    <!-- =========================
     CONTENEDOR PRINCIPAL DE LOGIN MS-PODIO
========================= -->

<style>
.login-wrapper{
	text-align:center;
}

.login-icon{
	font-size:64px;
	margin-bottom:12px;
}

.login-text{
	font-size:12px;
	margin-bottom:18px;
}

.btn-google{
	display:inline-flex;
	align-items:center;
	gap:10px;
	background: #06F;
	color:#FFF;
	padding:10px 18px;
	border-radius:6px;
	text-decoration:none;
	font-weight:300;
	border:1px solid #ddd;
	zoom:0.8;
	margin-right:15px;
	
}

.btn-google img{
	width:20px;
	height:20px;
}

.login-disclaimer{
	font-size:9px;
	color:#888;
	margin-top:18px;
	line-height:1.4;
}
</style>


    <a href="https://accounts.google.com/o/oauth2/v2/auth?client_id=225094271414-bpag08h8kco38uee083fjmjhvb22mtui.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fmetasport360.com%2FFantasy&response_type=code&scope=profile email"
       class="btn-google">
        <img src="https://metasport360.com/Google__G__logo.svg.png" alt="Google Logo">
        Iniciar Sesión
    </a>
          
        
          <li class="act-itm search-toggle">
            <i class="bi bi-search Logo_Main_Light"></i>
          </li>
          <li class="cs-toggle act-itm">
            <style>
  .switch-360-style {
    cursor: pointer !important;
    font-size: 1.5rem !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
  }


</style>

<!-- Botón de cambio de tema -->
<div class="switch-360-style theme-toggle nav360-icon" title="Cambiar modo">
  <i class="bi bi-moon-fill logo-main-light"></i>
  <i class="bi bi-sun-fill logo-main-dark"></i>
</div>


          </li>
        </ul>
      </div>

      <div class="nav-search trns d-f ai-c pos-abs d-f t-0 l-0 r-0 b-0 w-100 bg-col z-nav pl-0-md pr-0-md">
        <div class="w-100 d-f pos-rel p-10-md ai-c">
        
<form id="custom-search-form" role="search" class="sf-form" onsubmit="return redirectSearch();">
  <label for="sf-search-field" class="screen-reader-text">Buscar:</label>
  <input type="search" id="sf-search-field" class="search-field" placeholder="  Que estas buscando?" value="" title="  Que estas buscando?" aria-label="Search">
  <button type="submit" class="search-submit" aria-label="Submit search">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search">
      <circle cx="11" cy="11" r="8"></circle>
      <path d="m21 21-4.3-4.3"></path>
    </svg>
  </button>
</form>

<script>
  // Función de redirección del formulario
  function redirectSearch() {
    const query = document.getElementById('sf-search-field').value.trim();
    if (query.length > 0) {
      const encodedQuery = encodeURIComponent(query);
      window.location.href = `https://metasport360.com/Meta360/${encodedQuery}/Search/1`;
    }
    return false; // Cancelar el envío normal del formulario
  }

  // Toggle de visibilidad del buscador al hacer clic/touch

  document.addEventListener("DOMContentLoaded", function () {
    const searchToggle = document.querySelector('.search-toggle');
    const navSearch = document.querySelector('.nav-search');
    const btnClose = document.querySelector('.btn-off');

    if (searchToggle && navSearch) {
      const toggleSearchVisibility = () => {
        navSearch.classList.toggle("active");
      };

      searchToggle.addEventListener('click', toggleSearchVisibility);
      searchToggle.addEventListener('touchstart', toggleSearchVisibility);

      if (btnClose) {
        btnClose.addEventListener('click', toggleSearchVisibility);
        btnClose.addEventListener('touchstart', toggleSearchVisibility);
      }
    }
  });

</script>

          
          <span class="btn-off d-f ai-c jc-c z-ui trns h-5 icon-x ml-10"></span>
        </div>
      </div>

    </div>
  </div>
</nav>
        <style>
/* === Barra superior fija === */
#nav360-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  z-index: 1000;
  box-sizing: border-box;
}

#nav360-logo {
  height: 35px;
}

#nav360-icons {
  display: flex;
  gap: 10px;
}

.nav360-icon {
  color: white;
  font-size: 30px;
  cursor: pointer;
}

#nav360-search {
  font-size: 20px !important;
  padding:5px !important;
}


/* === Menú desplegable === */
#nav360-menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  transition: top 0.5s ease;
  z-index: 999;
  height: 100%;
  overflow-y: auto;
}

#nav360-menu.nav360-active {
  top: 50px;
}

/* === Lista principal === */
#nav360-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* === Ítems principales === */
.nav360-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}

.nav360-link {
  display: block;
  padding: 15px;
  font-size: 16px;
  color: white;
  text-decoration: none;
  width: 100%;
}

.nav360-link:hover {
  background-color: #111;
}

/* === Submenú === */
.nav360-submenu {
  display: none;
  flex-direction: column;
  background-color: #111;
}

.nav360-item.open .nav360-submenu {
  display: flex;
}

.nav360-submenu .nav360-link {
  padding-left: 30px;
  font-size: 15px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}

/* === Flechita === */
.nav360-arrow {
  float: right;
  font-size: 12px;
  margin-top: 2px;
}


  @media (min-width: 768px) {
    nav#nav360-bar{
	  display:none !important;
    }
  }


#SearchMobile{
/* === Aqui Clase Div Formulario === */
}


</style>
<!-- === BOTÓN PARA MOSTRAR EL BUSCADOR EN MÓVILES (pueden haber varios) === -->


<!-- === CONTENEDOR DEL FORMULARIO DE BÚSQUEDA PARA MÓVILES === -->
<div id="SearchEnMoviles-Container">
  <form id="SearchEnMoviles-Form" role="search" class="SearchEnMoviles-form" onsubmit="return SearchEnMoviles_redirect();">
    <label for="SearchEnMoviles-Field" class="SearchEnMoviles-sr">Buscar:</label>
    <input type="search" id="SearchEnMoviles-Field" class="SearchEnMoviles-input"
      placeholder="¿Qué estás buscando?" title="¿Qué estás buscando?" aria-label="Buscar">
    <button type="submit" class="SearchEnMoviles-submit" aria-label="Enviar búsqueda">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
        fill="none" stroke="currentColor" stroke-width="2"
        stroke-linecap="round" stroke-linejoin="round"
        class="lucide lucide-search">
        <circle cx="11" cy="11" r="8"></circle>
        <path d="m21 21-4.3-4.3"></path>
      </svg>
    </button>
  </form>
</div>
<!-- === SCRIPT CON ALERTS PARA DEPURACIÓN === -->
<script>
  function SearchEnMoviles_redirect() {
    const query = document.getElementById('SearchEnMoviles-Field').value.trim();
    if (query.length > 0) {
      const encodedQuery = encodeURIComponent(query);
      window.location.href = `https://metasport360.com/Meta360/${encodedQuery}/Search/1`;
    }
    return false;
  }

  document.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById('SearchEnMoviles-Container');
    const toggles = document.querySelectorAll('.SearchEnMoviles-toggle');

    if (!container || toggles.length === 0) {
      return;
    }

    const toggleVisibility = () => {
      container.classList.toggle('active');
      // NO FOCUS acá para que el placeholder quede visible
      // document.getElementById('SearchEnMoviles-Field').focus();
    };

    toggles.forEach(btn => {
      btn.addEventListener('click', toggleVisibility);
      btn.addEventListener('touchstart', toggleVisibility);
    });
  });
</script>


<!-- === HTML === -->
<nav id="nav360-bar">


<a href="https://metasport360.com" class="LanzaPreload" data-preload="&nbsp;&nbsp;">
            <!-- Logos normales que cambian con el tema -->
        <img class="logo-movil logo-movil-light" 
             src="https://metasport360.com/Meta_files/fabula.svg" 
             width="209" height="50" 
             alt="MetaSport360 - Info del automovilismo. Argentina y el mundo.">
        <img class="logo-movil logo-movil-dark" 
             src="https://metasport360.com/Meta_files/fabulab.svg" 
             width="209" height="50" 
             alt="MetaSport360 - Info del automovilismo. Argentina y el mundo.">
    </a>


  <div id="nav360-icons">
    <i class="nav360-icon" id="nav360-burger"><i class="bi bi-list"></i></i>
    <i class="nav360-icon SearchEnMoviles-toggle"><i class="bi bi-search"></i></i>
    <style>
  .switch-360-style {
    cursor: pointer !important;
    font-size: 1.5rem !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
  }


</style>

<!-- Botón de cambio de tema -->
<div class="switch-360-style theme-toggle nav360-icon" title="Cambiar modo">
  <i class="bi bi-moon-fill logo-main-light"></i>
  <i class="bi bi-sun-fill logo-main-dark"></i>
</div>


  </div>
</nav>

<div id="nav360-menu">
  <ul id="nav360-list">


    <li class="nav360-item">
      <a href="#" class="nav360-link nav360-toggle nacionales">Nacionales <span class="nav360-arrow">▼</span></a>
      <div class="nav360-submenu">
<a href="https://metasport360.com/Meta360/2120/Page/1" 
   class="nav360-link turismocarretera LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='turismocarretera'>Turismo Carretera</b>">
   Turismo Carretera
</a>

<a href="https://metasport360.com/Meta360/16/Page/1" 
   class="nav360-link tc2000 LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='tc2000'>TC2000</b>">
   TC2000
</a>

<a href="https://metasport360.com/Meta360/2130/Page/1" 
   class="nav360-link turismopista LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='turismopista'>Turismo Pista</b>">
   Turismo Pista
</a>

<a href="https://metasport360.com/Meta360/19/Page/1" 
   class="nav360-link tnapat LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='tnapat'>TN Apat</b>">
   TN Apat
</a>

<a href="https://metasport360.com/Meta360/25/Page/1" 
   class="nav360-link toprace LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='toprace'>Top Race</b>">
   Top Race
</a>

<a href="https://metasport360.com/Meta360/2122/Page/1" 
   class="nav360-link nacionales LanzaPreload" 
   data-preload="<p>Cargando listado de noticias de</p><b class='nacionales'>Otras</b>">
   Otras
</a>
        

        <a href="#" class="nav360-link">Otras Categorías</a>
      </div>
    </li>

    <li class="nav360-item">
      <a href="#" class="nav360-link nav360-toggle internacionales">Exterior <span class="nav360-arrow">▼</span></a>
      <div class="nav360-submenu">
      
      
<a href="https://metasport360.com/Meta360/2124/Page/1" class="nav360-link formula1 LanzaPreload"
   data-preload="<p>Cargando listado de noticias de</p><b class='formula1'>Fórmula Uno</b>">
   Fórmula Uno
</a>

<a href="https://metasport360.com/Meta360/2140/Page/1" class="nav360-link motogp LanzaPreload"
   data-preload="<p>Cargando listado de noticias de</p><b class='motogp'>Moto GP</b>">
   Moto GP
</a>

<a href="https://metasport360.com/Meta360/2118/Page/1" class="nav360-link internacionales LanzaPreload"
   data-preload="<p>Cargando listado de noticias de</p><b class='internacionales'>Otras</b>">
   Otras
</a>
        
        
      </div>
    </li>
    <li class="nav360-item">
    <a href="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" class="nav360-link LanzaPreload" data-preload="<p>Cargando Calendarios</p>">Calendarios</a>
    </li>
    
    <li class="nav360-item">
    <a href="#" class="nav360-link nav360-toggle campeonatos">Campeonatos <span class="nav360-arrow">▼</span></a>
    <div class="nav360-submenu">

        <a href="https://metasport360.com/Posiciones/1/Ranking/2025" class="nav360-link formula1 LanzaPreload"
           data-preload="<p>Cargando campeonato</p><b class='formula1'>Fórmula Uno</b><b><img src='https://metasport360.com/Contenido/LogosCat/1.png'></b>">
           Fórmula Uno
        </a>

        <a href="https://metasport360.com/Posiciones/48/Ranking/2025" class="nav360-link motogp LanzaPreload"
           data-preload="<p>Cargando campeonato</p><b class='motogp'>Moto GP</b><b><img src='https://metasport360.com/Contenido/LogosCat/48.png'></b>">
           Moto GP
        </a>

        <a href="https://metasport360.com/Posiciones/78/Ranking/2025" class="nav360-link turismopista LanzaPreload"
           data-preload="<p>Cargando campeonato</p><b class='turismopista'>Turismo Pista</b><b><img src='https://metasport360.com/Contenido/LogosCat/78.png'></b>">
           Turismo Pista
        </a>


        <a href="https://metasport360.com/Posiciones/17/Ranking/2025" class="nav360-link turismocarretera LanzaPreload"
           data-preload="<p>Cargando campeonato</p><b class='turismopista'>Turismo Carretera</b><b><img src='https://metasport360.com/Contenido/LogosCat/17.png'></b>">
           Turismo Carretera
        </a>

        <a href="https://metasport360.com/Posiciones/2025/Ranking/0" class="nav360-link otros LanzaPreload"
           data-preload="<p>Cargando Campeonatos...</p>">
           Otros Campeonatos
        </a>

    </div>
</li>

    
    <li class="nav360-item" style="height:45px; padding-top:8px; padding-left:15px; background-color:#FFF !important;">
    <!-- Social-Icons.php -->
<div style="display: flex; gap: 4px; align-items: center;">
  <a href="https://www.facebook.com/MetaSport360" target="_blank" title="Facebook">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#1877F2" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
    </svg>
  </a>
  <a href="https://www.instagram.com/metasport360" target="_blank" title="Instagram">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#C13584" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
      <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
      <line x1="17.5" y1="6.5" x2="17.5" y2="6.5" />
    </svg>
  </a>
  <a href="https://www.youtube.com/@metasport360" target="_blank" title="YouTube">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#FF0000" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-2C18.88 4 12 4 12 4s-6.88 0-8.59.42a2.78 2.78 0 0 0-1.95 2A29.94 29.94 0 0 0 1 12a29.94 29.94 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.95 2C5.12 20 12 20 12 20s6.88 0 8.59-.42a2.78 2.78 0 0 0 1.95-2A29.94 29.94 0 0 0 23 12a29.94 29.94 0 0 0-.46-5.58z" />
      <polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02" />
    </svg>
  </a>
  <a href="https://www.tiktok.com/@metasport360" target="_blank" title="TikTok">
    <svg id="BotonTiktok" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#010101" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M9 17a4 4 0 1 1 4-4V3c1.5 1.5 2.5 2 4 2" />
    </svg>
  </a>
  <a href="https://x.com/metasport360" target="_blank" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
  <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;"/>
</svg>  </a>
  <a href="https://www.twitch.tv/@metasport360" target="_blank" title="Twitch">
    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#9146FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="border: 1px solid #ccc; border-radius: 5px; padding: 2px;">
      <path d="M4 2L2 6v14h6v2h4l2-2h4l4-4V2z" />
      <path d="M16 8v4M12 8v4" />
    </svg>
  </a>
</div>

    </li>
    
    
  </ul>
</div>

<!-- === JS === -->
<script>


  // Abrir/cerrar menú general
  document.getElementById('nav360-burger').addEventListener('click', () => {
    document.getElementById('nav360-menu').classList.toggle('nav360-active');
  });

  // Toggle submenús
  document.querySelectorAll('.nav360-toggle').forEach(link => {
    link.addEventListener('click', function (e) {
      e.preventDefault();
      const item = this.closest('.nav360-item');
      item.classList.toggle('open');
    });
  });
</script>
                
        <button id="top-btn" class="d-f">
            <div class="bg-col d-f ai-c jc-c lnh-1 br-lg o-hd">
                <span aria-hidden="true" class="icon-arrow-up h-col mt-txt"></span>
            </div>
        </button>

        <div data-rocket-location-hash="f09345aee2155d0216530408598a4ab5" data-elementor-type="wp-page"
            data-elementor-id="10026" class="elementor elementor-10026">

            
<style>
  :root {
    --vh: 100vh;
  }

  /* === HERO PRINCIPAL (Desktop & Mobile) === */
  .hero-360-main {
    display: flex;
    width: 100vw;
    max-height: 500px;
    height: 500px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }

  .hero-360-item {
    position: relative;
    width: 25vw;
    min-width: 25vw;
    height: 100%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    scroll-snap-align: start;
  }

  .hero-360-gradient-overlay {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
    z-index: 2;
  }

  .hero-360-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 3.3rem);
    padding: 0.6rem 1rem 0.3rem 1rem;
    flex-direction: column;
	min-height:190px;
    gap: 0.25rem;
    color: white;
    z-index: 3;
  }

  .hero-360-title {
	font-size: 1.9rem;
	font-weight: 700;
	margin: 0;
	color: white;
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
  }

  p.hero-360-text {
	font-size: 13px !important;
	font-weight: 200 !important;
	max-height: 35px;
	line-height: 13.5px !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	color: #CCC;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	position: relative;
  }

  .hero-360-bottom-right {
    position: absolute;
    bottom:15px;
    right: 5px;
    width: 3.3rem;
    padding: 0.3rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    z-index: 3;
	min-height:150px;
  }

  .hero-360-icon {
    color: #CCC;
    font-size: 1.4rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    cursor: pointer;
    user-select: none;
    margin-bottom: 10px;
  }

  .hero-360-badge-top,
  .hero-360-badge-bottom {
	border-radius: 2px !important;
	font-size: 0.6rem !important;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: block!important;
	float: left!important;
	padding-top: 0.1;
	padding-right: rem;
	padding-bottom: 0.3;
	padding-left: rem;
	margin-right:6px;
	position: relative!important;
  }

  .hero-360-badge-bottom {
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
	float: left;
	width: auto;
	position: relative;
  }

  NameCat {
    width: auto !important;
    float: left;
    position: relative;
  }

  /* === RESPONSIVE (Mobile) === */
  @media (max-width: 768px) {
.hero-360-main {
  height: calc((var(--vh, 1vh) * 100) - 60px)!important;
  max-height: calc((var(--vh, 1vh) * 100) - 60px)!important;
  width: 100vw;
}

    .hero-360-item {
      width: 100vw;
      min-width: 100vw;
      height: calc((var(--vh, 1vh) * 100) - 60px)!important;
    }

    .hero-360-bottom-left {
      padding: 0.8rem 1.2rem 0.4rem 1.2rem;
    }
	
	
    .hero-360-text {
      margin-bottom:25px!important;
    }

	
  }

  /* === ICONO CON CONTADOR === */
  .icono-con-contador {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
  }

  .contador-icono {
    position: absolute;
    top: -4px;
    right: -8px;
    font-size: 11px;
    font-weight: 300;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1px 3px;
    border-radius: 3px;
    line-height: 1;
    pointer-events: none;
  }
  
  .contador-icono.sin-likes {
  background-color: transparent !important;
}
  /* === EFECTO PARPADEO === */
  @keyframes parpadeo-verde {
    0%, 100% { color: inherit; }
    50% { color: #28a745; }
  }

  .parpadeo-verde {
    animation: parpadeo-verde 0.6s ease-in-out;
  }

  /* === MODAL GALERÍA === */
  .modal-galeria {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    z-index: 99999;
    overflow: hidden;
  }

  .contenedor-galeria {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
  }

  .contenedor-galeria img {
    width: 90vw;
    height: auto;
    max-height: 90vh;
    object-fit: contain;
    display: none;
    transition: opacity 0.3s ease;
    margin: auto;
  }

  .cerrar-galeria {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    font-size: 15px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    cursor: pointer;
    z-index: 100000;
  }

  .flecha-galeria {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: white;
    padding: 10px 15px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s ease;
    z-index: 999999;
  }

  .flecha-galeria.izquierda {
    left: 15px;
  }

  .flecha-galeria.derecha {
    right: 15px;
  }
  
  
  .hero-360-bottom-left div.author-name span{
    color: #CCC !important;
  }
 
 
  .hero-360-bottom-left div.author-name a.name{
    color: #CCC !important;
  }
 
 
.hero-360-bottom-left .DATAHACE {
  color: #CCC !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  padding: 0 4px !important;
  border-radius: 2px !important;
  font-weight: 300 !important;
  width: auto !important;
  height: 15px !important;
  font-size: 11px !important;
  line-height: 15px !important;
}

@media (min-width: 901px) {
  #swipeOverlay {
    top: -1000 !important;
	display:none !important;
	visibility:hidden !important;
  }
}
  
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(100%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 1px !important;
  line-height: 1px !important;
  text-indent: -9999px !important;
  user-select: none !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

  
</style>


<div class="hero-360-main">

<div id="swipeOverlay" style="
  position: fixed;
  top: 30%;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  z-index: 9999;
  opacity:0.5;
  display: none; /* Oculto por defecto */
">
  <img src="https://metasport360.com/assets/images/swipe_pages.gif" alt="Swipe Hint" style="width: 100%; height: 95%;">
</div>


<audio id="likeSound" src="like.MP3" preload="auto"></audio>


  <div class="hero-360-item" style="background-image:url('https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/cravero-edit.jpg&w=800&h=900&q=100&zc=1');"> 
  
<style type="text/css">


.TieneChat {
  position: absolute;
  width: 80%;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  height: 75px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: left;
  padding: 0px;
  color: white;
  border: 2px solid #39ff14; /* verde neón */
  box-shadow:
    0 0 8px #39ff14,
    0 0 15px #39ff14,
    0 0 20px #39ff14,
    0 0 30px #39ff14;
  animation: neonGlow 2.5s ease-in-out infinite alternate;
}

@keyframes neonGlow {
  0% {
    border-color: #39ff14;
    box-shadow:
      0 0 8px #39ff14,
      0 0 15px #39ff14,
      0 0 20px #39ff14,
      0 0 30px #39ff14;
  }
  100% {
    border-color: #0f5200;
    box-shadow:
      0 0 4px #0f5200,
      0 0 7px #0f5200,
      0 0 10px #0f5200,
      0 0 15px #0f5200;
  }
}


.TieneChat-Imagen {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  border-radius: 8px !important;
  margin: 0px !important;
  float:left;
}

.TieneChat-Textos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
}

.TieneChat-Texto1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto2 {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto3 {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  color:#fff !important;
  padding-left:10px;
}
.TieneChat-Texto3 a {
  background-color: #0764DE;
  color: white;
  padding: 0 10px;
  max-height: 15px;
  font-size: 10px;
  line-height: 15px; /* para centrar verticalmente */
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
}


</style>
 <div class="EsIdChat" data-idnota="13523" style="display:none !important;"></div>

  
<div 
  class="TieneChat" 
  id="TieneChat13523" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13523/Contenido/matias-cravero-la-nueva-incorporacion-del-jmoreiro-sport">haz clic aquí</a></div>
    </div>
  </div>

  
  <div class="hero-360-gradient-overlay"></div>
  
  <!-- Contenido inferior izquierdo -->
  <div class="hero-360-bottom-left">
  

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 3 días</div>
</div>

        
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2119/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2130/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload turismopistac3" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='turismopistac3'>Turismo Pista C3</b>"
                >
                   Turismo Pista C3                </a>
            </span>
                
                
<style>
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* evita que se muestre en varias líneas */
  border: 0 !important;
}
</style>


<div class="visually-hidden">
  MATÍAS CRAVERO, LA NUEVA INCORPORACIÓN DEL JMOREIRO SPORT  <p>El piloto de Colazo se sumará a la formación rionegrina a bordo de un Toyota Etios.</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13523/Contenido/matias-cravero-la-nueva-incorporacion-del-jmoreiro-sport"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>MATÍAS CRAVERO, LA NUEVA INCORPORACIÓN DEL JMOREIRO SPORT</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="MATÍAS CRAVERO, LA NUEVA INCORPORACIÓN DEL JMOREIRO SPORT">
        MATÍAS CRAVERO, LA NUEVA INCORPORACIÓN DEL JMOREIRO SPORT      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        1294     -->
     El piloto de Colazo se sumará a la formación rionegrina a bordo de un Toyota Etios.    </p>

  </div>

  <!-- Contenido inferior derecho -->
  <div class="hero-360-bottom-right">    
  
  <!-- Me gusta -->
  <span class="icono-con-contador Corazoncito" data-id="13523">
    <i class="bi bi-heart hero-360-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13523)"></i>
    
<span class="contador-icono contador-likes sin-likes">
  </span>
    
    
  </span>

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('MATÍAS CRAVERO, LA NUEVA INCORPORACIÓN DEL JMOREIRO SPORT', 'El piloto de Colazo se sumará a la formación rionegrina a bordo de un Toyota Etios.', 'https://metasport360.com/Prensa/13523/Contenido/matias-cravero-la-nueva-incorporacion-del-jmoreiro-sport')"></i>

  <!-- Galería de fotos -->
<span class="icono-con-contador" style="margin-top:8px !important;">
  <i class="bi bi-image hero-360-icon" title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/cravero-edit.jpg&h=900&q=100&zc=1"])'></i>
  </span>
 
    
  <!-- Video -->
  
  <!-- Audio -->
  </div>

</div>

<!-- Scripts -->


  <div class="hero-360-item" style="background-image:url('https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/podioc3tn.jpg&w=800&h=900&q=100&zc=1');"> 
  
<style type="text/css">


.TieneChat {
  position: absolute;
  width: 80%;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  height: 75px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: left;
  padding: 0px;
  color: white;
  border: 2px solid #39ff14; /* verde neón */
  box-shadow:
    0 0 8px #39ff14,
    0 0 15px #39ff14,
    0 0 20px #39ff14,
    0 0 30px #39ff14;
  animation: neonGlow 2.5s ease-in-out infinite alternate;
}

@keyframes neonGlow {
  0% {
    border-color: #39ff14;
    box-shadow:
      0 0 8px #39ff14,
      0 0 15px #39ff14,
      0 0 20px #39ff14,
      0 0 30px #39ff14;
  }
  100% {
    border-color: #0f5200;
    box-shadow:
      0 0 4px #0f5200,
      0 0 7px #0f5200,
      0 0 10px #0f5200,
      0 0 15px #0f5200;
  }
}


.TieneChat-Imagen {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  border-radius: 8px !important;
  margin: 0px !important;
  float:left;
}

.TieneChat-Textos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
}

.TieneChat-Texto1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto2 {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto3 {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  color:#fff !important;
  padding-left:10px;
}
.TieneChat-Texto3 a {
  background-color: #0764DE;
  color: white;
  padding: 0 10px;
  max-height: 15px;
  font-size: 10px;
  line-height: 15px; /* para centrar verticalmente */
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
}


</style>
 <div class="EsIdChat" data-idnota="13522" style="display:none !important;"></div>

  
<div 
  class="TieneChat" 
  id="TieneChat13522" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13522/Contenido/jeremias-olmedo-vence-por-primera-vez">haz clic aquí</a></div>
    </div>
  </div>

  
  <div class="hero-360-gradient-overlay"></div>
  
  <!-- Contenido inferior izquierdo -->
  <div class="hero-360-bottom-left">
  

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 5 días</div>
</div>

        
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2119/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2138/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload tnapatc3" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='tnapatc3'>TN APAT C3</b>"
                >
                   TN APAT C3                </a>
            </span>
                
                
<style>
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* evita que se muestre en varias líneas */
  border: 0 !important;
}
</style>


<div class="visually-hidden">
  JEREMÍAS OLMEDO VENCE POR PRIMERA VEZ  <p>El piloto salteño obtiene su primer triunfo en TN Clase 3, venciendo en el Gran Premio elf - Copa Crossmaster disputado hoy en el Autódromo Roberto Mouras, donde se disputó la quinta fecha del Campeonato 2026 RUS</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13522/Contenido/jeremias-olmedo-vence-por-primera-vez"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>JEREMÍAS OLMEDO VENCE POR PRIMERA VEZ</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="JEREMÍAS OLMEDO VENCE POR PRIMERA VEZ">
        JEREMÍAS OLMEDO VENCE POR PRIMERA VEZ      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        2579     -->
     El piloto salteño obtiene su primer triunfo en TN Clase 3, venciendo en el Gran Premio elf -...    </p>

  </div>

  <!-- Contenido inferior derecho -->
  <div class="hero-360-bottom-right">    
  
  <!-- Me gusta -->
  <span class="icono-con-contador Corazoncito" data-id="13522">
    <i class="bi bi-heart hero-360-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13522)"></i>
    
<span class="contador-icono contador-likes sin-likes">
  </span>
    
    
  </span>

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('JEREMÍAS OLMEDO VENCE POR PRIMERA VEZ', 'El piloto salteño obtiene su primer triunfo en TN Clase 3, venciendo en el Gran Premio elf -...', 'https://metasport360.com/Prensa/13522/Contenido/jeremias-olmedo-vence-por-primera-vez')"></i>

  <!-- Galería de fotos -->
<span class="icono-con-contador" style="margin-top:8px !important;">
  <i class="bi bi-image hero-360-icon" title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/podioc3tn.jpg&h=900&q=100&zc=1"])'></i>
  </span>
 
    
  <!-- Video -->
  
  <!-- Audio -->
  </div>

</div>

<!-- Scripts -->


  <div class="hero-360-item" style="background-image:url('https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/marc.png&w=800&h=900&q=100&zc=1');"> 
  
<style type="text/css">


.TieneChat {
  position: absolute;
  width: 80%;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  height: 75px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: left;
  padding: 0px;
  color: white;
  border: 2px solid #39ff14; /* verde neón */
  box-shadow:
    0 0 8px #39ff14,
    0 0 15px #39ff14,
    0 0 20px #39ff14,
    0 0 30px #39ff14;
  animation: neonGlow 2.5s ease-in-out infinite alternate;
}

@keyframes neonGlow {
  0% {
    border-color: #39ff14;
    box-shadow:
      0 0 8px #39ff14,
      0 0 15px #39ff14,
      0 0 20px #39ff14,
      0 0 30px #39ff14;
  }
  100% {
    border-color: #0f5200;
    box-shadow:
      0 0 4px #0f5200,
      0 0 7px #0f5200,
      0 0 10px #0f5200,
      0 0 15px #0f5200;
  }
}


.TieneChat-Imagen {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  border-radius: 8px !important;
  margin: 0px !important;
  float:left;
}

.TieneChat-Textos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
}

.TieneChat-Texto1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto2 {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto3 {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  color:#fff !important;
  padding-left:10px;
}
.TieneChat-Texto3 a {
  background-color: #0764DE;
  color: white;
  padding: 0 10px;
  max-height: 15px;
  font-size: 10px;
  line-height: 15px; /* para centrar verticalmente */
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
}


</style>
 <div class="EsIdChat" data-idnota="13521" style="display:none !important;"></div>

  
<div 
  class="TieneChat" 
  id="TieneChat13521" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13521/Contenido/aca-no-paso-nada-marquez-regreso-y-gano">haz clic aquí</a></div>
    </div>
  </div>

  
  <div class="hero-360-gradient-overlay"></div>
  
  <!-- Contenido inferior izquierdo -->
  <div class="hero-360-bottom-left">
  

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 5 días</div>
</div>

        
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2118/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload internacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='internacionales'>Internacionales</b>"
                >
                   Internacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2140/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload motogp" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='motogp'>Moto GP</b>"
                >
                   Moto GP                </a>
            </span>
                
                
<style>
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* evita que se muestre en varias líneas */
  border: 0 !important;
}
</style>


<div class="visually-hidden">
  ¡ACÁ NO PASÓ NADA! MÁRQUEZ REGRESÓ Y GANÓ  <p>Marc Márquez, con la Ducati oficial, tuvo un fin de semana perfecto en el Gran Premio de Hungría a un mes de su doble operación. Además, el español llegó a las 100 victorias en el mundial. Pedro Acosta (KTM) y Francesco Bagnaia (Ducati) lo escoltaron</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13521/Contenido/aca-no-paso-nada-marquez-regreso-y-gano"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>¡ACÁ NO PASÓ NADA! MÁRQUEZ REGRESÓ Y GANÓ</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="¡ACÁ NO PASÓ NADA! MÁRQUEZ REGRESÓ Y GANÓ">
        ¡ACÁ NO PASÓ NADA! MÁRQUEZ REGRESÓ Y GANÓ      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        2669     -->
     Marc Márquez, con la Ducati oficial, tuvo un fin de semana perfecto en el Gran Premio de Hungría...    </p>

  </div>

  <!-- Contenido inferior derecho -->
  <div class="hero-360-bottom-right">    
  
  <!-- Me gusta -->
  <span class="icono-con-contador Corazoncito" data-id="13521">
    <i class="bi bi-heart hero-360-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13521)"></i>
    
<span class="contador-icono contador-likes sin-likes">
  </span>
    
    
  </span>

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('¡ACÁ NO PASÓ NADA! MÁRQUEZ REGRESÓ Y GANÓ', 'Marc Márquez, con la Ducati oficial, tuvo un fin de semana perfecto en el Gran Premio de Hungría...', 'https://metasport360.com/Prensa/13521/Contenido/aca-no-paso-nada-marquez-regreso-y-gano')"></i>

  <!-- Galería de fotos -->
<span class="icono-con-contador" style="margin-top:8px !important;">
  <i class="bi bi-image hero-360-icon" title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/marc.png&h=900&q=100&zc=1"])'></i>
  </span>
 
    
  <!-- Video -->
  
  <!-- Audio -->
  </div>

</div>

<!-- Scripts -->


  <div class="hero-360-item" style="background-image:url('https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/viat.jpg&w=800&h=900&q=100&zc=1');"> 
  
<style type="text/css">


.TieneChat {
  position: absolute;
  width: 80%;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  height: 75px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: left;
  padding: 0px;
  color: white;
  border: 2px solid #39ff14; /* verde neón */
  box-shadow:
    0 0 8px #39ff14,
    0 0 15px #39ff14,
    0 0 20px #39ff14,
    0 0 30px #39ff14;
  animation: neonGlow 2.5s ease-in-out infinite alternate;
}

@keyframes neonGlow {
  0% {
    border-color: #39ff14;
    box-shadow:
      0 0 8px #39ff14,
      0 0 15px #39ff14,
      0 0 20px #39ff14,
      0 0 30px #39ff14;
  }
  100% {
    border-color: #0f5200;
    box-shadow:
      0 0 4px #0f5200,
      0 0 7px #0f5200,
      0 0 10px #0f5200,
      0 0 15px #0f5200;
  }
}


.TieneChat-Imagen {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  border-radius: 8px !important;
  margin: 0px !important;
  float:left;
}

.TieneChat-Textos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
}

.TieneChat-Texto1 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto2 {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  color:#fff !important;
  padding-left:10px;
}

.TieneChat-Texto3 {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.5;
  color:#fff !important;
  padding-left:10px;
}
.TieneChat-Texto3 a {
  background-color: #0764DE;
  color: white;
  padding: 0 10px;
  max-height: 15px;
  font-size: 10px;
  line-height: 15px; /* para centrar verticalmente */
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
}


</style>
 <div class="EsIdChat" data-idnota="13520" style="display:none !important;"></div>

  
<div 
  class="TieneChat" 
  id="TieneChat13520" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13520/Contenido/tomas-vitar-vence-y-descuenta-diferencias">haz clic aquí</a></div>
    </div>
  </div>

  
  <div class="hero-360-gradient-overlay"></div>
  
  <!-- Contenido inferior izquierdo -->
  <div class="hero-360-bottom-left">
  

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 5 días</div>
</div>

        
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2119/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2146/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='tnapatc2'>TN APAT C2</b>"
                >
                   TN APAT C2                </a>
            </span>
                
                
<style>
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* evita que se muestre en varias líneas */
  border: 0 !important;
}
</style>


<div class="visually-hidden">
  TOMAS VITAR VENCE Y DESCUENTA DIFERENCIAS  <p>El piloto mendocino vence por segunda vez en el Campeonato 206 Río Uruguay Seguros de TN Clase 2, descontando valiosos puntos en la disputa anual a Francisco Coltrinari, segundo en la prueba decisiva</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13520/Contenido/tomas-vitar-vence-y-descuenta-diferencias"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>TOMAS VITAR VENCE Y DESCUENTA DIFERENCIAS</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="TOMAS VITAR VENCE Y DESCUENTA DIFERENCIAS">
        TOMAS VITAR VENCE Y DESCUENTA DIFERENCIAS      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        2491     -->
     El piloto mendocino vence por segunda vez en el Campeonato 206 Río Uruguay Seguros de TN Clase...    </p>

  </div>

  <!-- Contenido inferior derecho -->
  <div class="hero-360-bottom-right">    
  
  <!-- Me gusta -->
  <span class="icono-con-contador Corazoncito" data-id="13520">
    <i class="bi bi-heart hero-360-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13520)"></i>
    
<span class="contador-icono contador-likes sin-likes">
  </span>
    
    
  </span>

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('TOMAS VITAR VENCE Y DESCUENTA DIFERENCIAS', 'El piloto mendocino vence por segunda vez en el Campeonato 206 Río Uruguay Seguros de TN Clase...', 'https://metasport360.com/Prensa/13520/Contenido/tomas-vitar-vence-y-descuenta-diferencias')"></i>

  <!-- Galería de fotos -->
<span class="icono-con-contador" style="margin-top:8px !important;">
  <i class="bi bi-image hero-360-icon" title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/viat.jpg&h=900&q=100&zc=1"])'></i>
  </span>
 
    
  <!-- Video -->
  
  <!-- Audio -->
  </div>

</div>

<!-- Scripts -->


</div>


<audio id="chatSound" src="https://metasport360.com/chat.MP3" preload="auto"></audio>
<script>


  function setVh() {
    let vh = window.innerHeight * 0.01;
    document.documentElement.style.setProperty('--vh', `${vh}px`);
  }
  window.addEventListener('resize', setVh);
  window.addEventListener('load', setVh);
$(document).ready(function() {
  let audioUnlocked = false;

  // Función para desbloquear audio con interacción del usuario
  function unlockAudio() {
    if (!audioUnlocked) {
      console.log('[Audio] Intentando desbloquear audio...');
      const sound = document.getElementById('chatSound');
      if (!sound) {
        console.warn('[Audio] Elemento audio no encontrado en DOM.');
        return;
      }
      console.log('[Audio] Elemento audio encontrado:', sound.src);
      sound.volume = 0;
      sound.play().then(() => {
        console.log('[Audio] Audio reproducido para desbloquear, pausando ahora.');
        sound.pause();
        sound.currentTime = 0;
        sound.volume = 1;
        audioUnlocked = true;
        console.log('[Audio] Audio desbloqueado con éxito.');
      }).catch(e => {
        console.warn('[Audio] Error al intentar reproducir audio para desbloquear:', e);
      });
      window.removeEventListener('click', unlockAudio);
      window.removeEventListener('touchstart', unlockAudio);
    } else {
      console.log('[Audio] Audio ya desbloqueado, no intento otra vez.');
    }
  }

  // Escuchar interacción para desbloquear el audio
  window.addEventListener('click', unlockAudio);
  window.addEventListener('touchstart', unlockAudio);

  function chequearEstadoChats() {
    const idnotas = [];
    $('.EsIdChat').each(function() {
      const id = $(this).data('idnota');
      if (id !== undefined) {
        idnotas.push(id);
      }
    });

    if (idnotas.length === 0) {
      console.log('[Chat] No se encontraron elementos .EsIdChat con data-idnota');
      return;
    }

    console.log('[Chat] Enviando ids al servidor:', idnotas);

    $.ajax({
      url: 'ChequeoChat.php',
      method: 'POST',
      data: { idnotas: idnotas },
      dataType: 'json',
      success: function(response) {
        console.log('[Chat] Respuesta del servidor:', response);
        idnotas.forEach(id => {
          const estado = response[id];
          const displayValue = estado == 1 ? 'block' : 'none';
          const $elem = $('#TieneChat' + id);
          const estabaVisible = $elem.css('display') !== 'none';

          console.log(`[Chat] ID: ${id} - Estado: ${estado} - Display: ${displayValue} - Visible antes: ${estabaVisible}`);

          $elem.css('display', displayValue);

          if (displayValue === 'block' && !estabaVisible && audioUnlocked) {
            console.log(`[Audio] Reproduciendo sonido para ID: ${id}`);
            const sound = document.getElementById('chatSound');
            if (sound) {
              sound.play().then(() => {
                console.log('[Audio] Sonido reproducido correctamente.');
              }).catch(e => {
                console.warn('[Audio] Error al reproducir sonido:', e);
              });
            } else {
              console.warn('[Audio] No se encontró el elemento de audio para reproducir.');
            }
          }
        });
      },
      error: function(jqXHR, textStatus, errorThrown) {
        console.error('[Chat] Error al consultar estados de chats:', textStatus, errorThrown);
      }
    });
  }

  //chequearEstadoChats();
  //setInterval(chequearEstadoChats, 10000);
});
  
  
</script>
            
 
<!-- SECCIÓN FIJA AL HACER SCROLL -->
<div id="sticky-secciones" class="sticky-pre-secciones">
        <div class="Pre-Calendario-Home" role="region" aria-label="Selector de calendarios deportivos">
  <!-- Flecha izquierda -->
              

  <div class="Pre-Calendario-arrow Pre-Calendario-arrow-left" role="button" aria-label="Desplazar hacia la izquierda" tabindex="0">
    <svg viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
  </div>

  <div class="Pre-Calendario-Leyend">
    Categorías
  </div>


  <!-- Contenedor deslizable -->
  <div class="Pre-Calendario-scroll" tabindex="0" aria-label="Lista de categorías deportivas">
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/1/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="1 Fórmula 1"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 1</f><p><img src='https://metasport360.com/Contenido/LogosCat/1.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/1.png" alt="1 Fórmula 1">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/17/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="17 Turismo Carretera"
    data-preload="<p>Cargando Calendario de</p><f>Turismo Carretera</f><p><img src='https://metasport360.com/Contenido/LogosCat/17.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/17.png" alt="17 Turismo Carretera">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/18/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="18 TC Pista"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista</f><p><img src='https://metasport360.com/Contenido/LogosCat/18.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/18.png" alt="18 TC Pista">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/39/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="39 TC PickUp"
    data-preload="<p>Cargando Calendario de</p><f>TC PickUp</f><p><img src='https://metasport360.com/Contenido/LogosCat/39.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/39.png" alt="39 TC PickUp">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/67/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="67 TC Pista PickUp"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista PickUp</f><p><img src='https://metasport360.com/Contenido/LogosCat/67.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/67.png" alt="67 TC Pista PickUp">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/37/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="37 TC Mouras"
    data-preload="<p>Cargando Calendario de</p><f>TC Mouras</f><p><img src='https://metasport360.com/Contenido/LogosCat/37.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/37.png" alt="37 TC Mouras">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/55/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="55 TC Pista Mouras"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista Mouras</f><p><img src='https://metasport360.com/Contenido/LogosCat/55.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/55.png" alt="55 TC Pista Mouras">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/19/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="19 TN Apat"
    data-preload="<p>Cargando Calendario de</p><f>TN Apat</f><p><img src='https://metasport360.com/Contenido/LogosCat/19.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/19.png" alt="19 TN Apat">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/78/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="78 Turismo Pista"
    data-preload="<p>Cargando Calendario de</p><f>Turismo Pista</f><p><img src='https://metasport360.com/Contenido/LogosCat/78.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/78.png" alt="78 Turismo Pista">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/16/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="16 TC2000"
    data-preload="<p>Cargando Calendario de</p><f>TC2000</f><p><img src='https://metasport360.com/Contenido/LogosCat/16.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/16.png" alt="16 TC2000">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/25/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="25 Top Race"
    data-preload="<p>Cargando Calendario de</p><f>Top Race</f><p><img src='https://metasport360.com/Contenido/LogosCat/25.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/25.png" alt="25 Top Race">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/136/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="136 Fórmula 2 Argentina"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 2 Argentina</f><p><img src='https://metasport360.com/Contenido/LogosCat/136.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/136.png" alt="136 Fórmula 2 Argentina">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/138/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="138 ProCar 4000"
    data-preload="<p>Cargando Calendario de</p><f>ProCar 4000</f><p><img src='https://metasport360.com/Contenido/LogosCat/138.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/138.png" alt="138 ProCar 4000">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/95/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="95 TCR South America"
    data-preload="<p>Cargando Calendario de</p><f>TCR South America</f><p><img src='https://metasport360.com/Contenido/LogosCat/95.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/95.png" alt="95 TCR South America">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/137/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="137 Fórmula 3 Metropolitana"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 3 Metropolitana</f><p><img src='https://metasport360.com/Contenido/LogosCat/137.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/137.png" alt="137 Fórmula 3 Metropolitana">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/119/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="119 Nuevo Car Show"
    data-preload="<p>Cargando Calendario de</p><f>Nuevo Car Show</f><p><img src='https://metasport360.com/Contenido/LogosCat/119.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/119.png" alt="119 Nuevo Car Show">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/79/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="79 Cordoba Pista"
    data-preload="<p>Cargando Calendario de</p><f>Cordoba Pista</f><p><img src='https://metasport360.com/Contenido/LogosCat/79.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/79.png" alt="79 Cordoba Pista">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/5/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="5 IndyCar"
    data-preload="<p>Cargando Calendario de</p><f>IndyCar</f><p><img src='https://metasport360.com/Contenido/LogosCat/5.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/5.png" alt="5 IndyCar">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/7/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="7 NASCAR Cup Series"
    data-preload="<p>Cargando Calendario de</p><f>NASCAR Cup Series</f><p><img src='https://metasport360.com/Contenido/LogosCat/7.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/7.png" alt="7 NASCAR Cup Series">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/139/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="139 Fórmula 2"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 2</f><p><img src='https://metasport360.com/Contenido/LogosCat/139.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/139.png" alt="139 Fórmula 2">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/140/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="140 Fórmula 3"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 3</f><p><img src='https://metasport360.com/Contenido/LogosCat/140.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/140.png" alt="140 Fórmula 3">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/135/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="135 Fórmula Nacional Argentina"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula Nacional Argentina</f><p><img src='https://metasport360.com/Contenido/LogosCat/135.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/135.png" alt="135 Fórmula Nacional Argentina">
    </a>
</div>
  </div>
  
  
  <!-- Flecha derecha -->
  <div class="Pre-Calendario-arrow Pre-Calendario-arrow-right" role="button" aria-label="Desplazar hacia la derecha" tabindex="0">
    <svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>
  </div>
</div>


<script>
  $(function() {
    const $scrollContainer = $('.Pre-Calendario-scroll');
    const scrollAmount = 120;

    $('.Pre-Calendario-arrow-left').on('click keypress', function(e) {
      if (e.type === 'click' || (e.type === 'keypress' && (e.key === 'Enter' || e.key === ' '))) {
        e.preventDefault();
        $scrollContainer.animate({ scrollLeft: '-=' + scrollAmount }, 300);
      }
    });

    $('.Pre-Calendario-arrow-right').on('click keypress', function(e) {
      if (e.type === 'click' || (e.type === 'keypress' && (e.key === 'Enter' || e.key === ' '))) {
        e.preventDefault();
        $scrollContainer.animate({ scrollLeft: '+=' + scrollAmount }, 300);
      }
    });
  });
</script>
</div>      
            
            <style>
/* ═══════════════════════════════════════════════════════
   NEW360-TOP — Widget 4 columnas
   ═══════════════════════════════════════════════════════ */
.New360-Top-Wrap {
    display: flex;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    min-height: 340px;
    box-sizing: border-box;
}

/* ── Columnas ─────────────────────────────────────────── */
.New360-Top-Col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e0e0e0;
}

/* Anchos */
.New360-Top-Col:nth-child(1) { flex: 1 1 34%; }   /* Agenda */
.New360-Top-Col:nth-child(2) { flex: 1 1 20%; }   /* Agenda */
.New360-Top-Col:nth-child(3) { flex: 1 1 23%; }   /* Agenda */
.New360-Top-Col:nth-child(4) { flex: 1 1 23%; }

.New360-Top-Col:last-child {
    border-right: none;
}

/* ── Cabecera ─────────────────────────────────────────── */
.New360-Top-ColHeader {
    padding: 7px 10px 6px;
    border-bottom: 2px solid #111;
    background: #fff;
}
.New360-Top-ColHeader-Title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #111;
    margin: 0;
    line-height: 1.2;
}
.New360-Top-ColHeader-Sub {
    font-size: 10px;
    color: #888;
    margin: 2px 0 0;
    line-height: 1.2;
}

/* ═══════════════════════════════════════════════════════
   COL 1 — AGENDA
   ═══════════════════════════════════════════════════════ */
.New360-Top-Agenda {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.New360-Top-EventList {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 10px;
    padding: 10px;
    overflow-y: auto;
}
.New360-Top-Event {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #efefef;
	border-radius: 6px;
	min-height: 62px;
	max-height: 62px;
	padding: 3px 4px;
	background-color: #EEE;
}
.New360-Top-Event-Logo {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    object-fit: contain;
}
.New360-Top-Event-Info {
    flex: 1;
    min-width: 0;
}
.New360-Top-Event-Name { font-size: 12px; font-weight: 700; color: #111; line-height: 1.3; }
.New360-Top-Event-Date { font-size: 10px; color: #555; line-height: 1.3; }
.New360-Top-Event-Venue { font-size: 10px; color: #999; line-height: 1.3; }

/* ═══════════════════════════════════════════════════════
   COL 2 — FANTASY
   ═══════════════════════════════════════════════════════ */
.New360-Top-Fantasy {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.New360-Top-FantasyBrand {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: #111;
    border-bottom: 1px solid #333;
}
.New360-Top-FantasyBrand img { height: 22px; object-fit: contain; }
.New360-Top-FantasyBrand-Name {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.New360-Top-RankList { flex: 1; display: flex; flex-direction: column; }
.New360-Top-RankRow {
	display: flex;
	align-items: center;
	gap: 6px;
	border-bottom: 1px solid #f0f0f0;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
}
.New360-Top-RankRow:last-child { border-bottom: none; }
.New360-Top-RankRow--leader { background: #f9f9f9; }
.New360-Top-Rank-Pos {
	width: 32px;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	text-align: center;
	flex-shrink: 0;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
}
.New360-Top-RankRow--leader .New360-Top-Rank-Pos { color: #111; }
.New360-Top-Rank-Avatar {
	width: 35px;
	height: 35px;
	flex-shrink: 0;
	object-fit: cover;
	border-radius: 4px;
	margin: 0px;
	padding: 2px;
	float: left;
	position: relative;
}
.New360-Top-Rank-Avatar-Letter {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    background: #222;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.New360-Top-Rank-Name {
	flex: 1;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.New360-Top-Rank-Pts {
	font-size: 11px;
	font-weight: 800;
	color: #111;
	flex-shrink: 0;
	line-height: 35px;
	height: 35px;
	padding-right: 15px;
}

/* ═══════════════════════════════════════════════════════
   COL 3 — JUEGO DE LA SEMANA
   ═══════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════
   COL 3 — JUEGO DE LA SEMANA (CON OVERLAY)
   ═══════════════════════════════════════════════════════ */
.New360-Top-Game {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.New360-Top-GamePromo {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.New360-Top-GamePromo-Image {
    width: 100%;
    height: 100%;
    object-fit: cover;           /* Calza perfectamente */
    display: block;
}

.New360-Top-GamePromo-Body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0.6));
    padding: 16px 12px 12px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.New360-Top-GamePromo-Label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ddd;
}

.New360-Top-GamePromo-Title {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
}

.New360-Top-GamePromo-Sub {
    font-size: 10.5px;
    opacity: 0.95;
}

.New360-Top-GamePromo-Venue {
    font-size: 10px;
    opacity: 0.85;
}

.New360-Top-GamePromo-Cta {
    display: inline-block;
    margin-top: 8px;
    padding: 7px 18px;
    background: #fff;
    color: #111;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    align-self: flex-start;
    border-radius: 3px;
}

.New360-Top-GamePromo-Cta:hover {
    background: #f0f0f0;
}

/* ═══════════════════════════════════════════════════════
   COL 4 — EJEMPLO: Próximos Resultados / Destacados
   ═══════════════════════════════════════════════════════ */
.New360-Top-Col4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    gap: 8px;
    font-size: 11px;
}
.New360-Top-Col4-Item {
    padding: 6px 8px;
    background: #f8f8f8;
    border-radius: 4px;
    border-left: 3px solid #111;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .New360-Top-Wrap {
        flex-direction: column;
        min-height: unset;
    }
    .New360-Top-Col {
        flex: none !important;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .New360-Top-Col:last-child { border-bottom: none; }
    
    .New360-Top-EventList {
        grid-template-columns: 1fr;
    }
}
</style>

<!-- ═══════════════════════════════════════════════════
     NEW360-TOP WIDGET — 4 COLUMNAS
     ═══════════════════════════════════════════════ -->
<div class="New360-Top-Wrap">

    <!-- COL 1: AGENDA (30%) -->
    <div class="New360-Top-Col">
        <div class="New360-Top-ColHeader">
        <div class="TituloSeccion">
        <h3>AGENDA DE LA SEMANA</h3>
        </div>
                    <p class="New360-Top-ColHeader-Sub">Desde el Lunes 06/06 al Domingo 12/06</p>
        </div>
        <div class="New360-Top-Agenda">
        
        
<div class="New360-Top-EventList"> 


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/7.png"
             class="New360-Top-Event-Logo"
             alt="NASCAR Cup Series"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                NASCAR Cup Series            </div>

            <div class="New360-Top-Event-Date">
                13/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Pocono Raceway            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/140.png"
             class="New360-Top-Event-Logo"
             alt="Fórmula 3"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Fórmula 3            </div>

            <div class="New360-Top-Event-Date">
                14/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Barcelona            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/78.png"
             class="New360-Top-Event-Logo"
             alt="Turismo Pista"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Turismo Pista            </div>

            <div class="New360-Top-Event-Date">
                14/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Autódromo de Rosario            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/1.png"
             class="New360-Top-Event-Logo"
             alt="Fórmula 1"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Fórmula 1            </div>

            <div class="New360-Top-Event-Date">
                14/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/1.png"
             class="New360-Top-Event-Logo"
             alt="Fórmula 1"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Fórmula 1            </div>

            <div class="New360-Top-Event-Date">
                14/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Barcelona            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/139.png"
             class="New360-Top-Event-Logo"
             alt="Fórmula 2"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Fórmula 2            </div>

            <div class="New360-Top-Event-Date">
                14/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Barcelona            </div>
        </div>

    </div>


    <div class="New360-Top-Event">

        <img src="https://metasport360.com/Contenido/LogosCat/79.png"
             class="New360-Top-Event-Logo"
             alt="Cordoba Pista"
             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">

        <div class="New360-Top-Event-Logo-Placeholder" style="display:none;">
            LOGO
        </div>

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Cordoba Pista            </div>

            <div class="New360-Top-Event-Date">
                15/06/2026            </div>

            <div class="New360-Top-Event-Venue">
                Autódromo Parque Ciudad de Río Cuarto N°3            </div>
        </div>

    </div>


    <div class="New360-Top-Event" style="min-height:62px !important;"></div>
    <div class="New360-Top-Event" style="min-height:62px !important;"></div>
    <div class="New360-Top-Event" style="min-height:62px !important;"></div>
    <div class="New360-Top-Event" style="min-height:62px !important;"></div>
    <div class="New360-Top-Event" style="min-height:62px !important;"></div>

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

    <!-- COL 2: FANTASY (23.33%) -->
    <div class="New360-Top-Col">
      <div class="New360-Top-ColHeader" 
     style="background-image: url('https://metasport360.com/Meta_files/logo-podio.svg'); 
            background-repeat: no-repeat; 
            background-position: right 10px center !important; 
            background-size: auto 26px;">
        <div class="TituloSeccion">
        <h3>RANKING</h3>
        </div>
            <p class="New360-Top-ColHeader-Sub">Ranking general de la temporada:</p>
        </div>
      <div class="New360-Top-Fantasy">

            <div class="New360-Top-RankList">


              <div class="New360-Top-RankRow New360-Top-RankRow--leader">
                        <span class="New360-Top-Rank-Pos">1°</span>
                        <img src="/Contenido/Avatars/1011.jpg" class="New360-Top-Rank-Avatar" alt="Federico Fernandez"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">F</div>
                        <span class="New360-Top-Rank-Name">Federico Fernandez</span>
                        <span class="New360-Top-Rank-Pts">26.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">2°</span>
                        <img src="/Contenido/Avatars/3.jpg" class="New360-Top-Rank-Avatar" alt="Milagros Arlettaz"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">M</div>
                        <span class="New360-Top-Rank-Name">Milagros Arlettaz</span>
                        <span class="New360-Top-Rank-Pts">20.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">3°</span>
                        <img src="/Contenido/Avatars/1005.jpg" class="New360-Top-Rank-Avatar" alt="Matías Grosso"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">M</div>
                        <span class="New360-Top-Rank-Name">Matías Grosso</span>
                        <span class="New360-Top-Rank-Pts">18.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">4°</span>
                        <img src="/Contenido/Avatars/1025.jpg" class="New360-Top-Rank-Avatar" alt="Ema Druetta"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">E</div>
                        <span class="New360-Top-Rank-Name">Ema Druetta</span>
                        <span class="New360-Top-Rank-Pts">16.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">5°</span>
                        <img src="/Contenido/Avatars/1015.jpg" class="New360-Top-Rank-Avatar" alt="Damian Barischpolski"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">D</div>
                        <span class="New360-Top-Rank-Name">Damian Barischpolski</span>
                        <span class="New360-Top-Rank-Pts">9.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">6°</span>
                        <img src="/Contenido/Avatars/1028.jpg" class="New360-Top-Rank-Avatar" alt="Nicolas Vera"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">N</div>
                        <span class="New360-Top-Rank-Name">Nicolas Vera</span>
                        <span class="New360-Top-Rank-Pts">9.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">7°</span>
                        <img src="/Contenido/Avatars/1009.jpg" class="New360-Top-Rank-Avatar" alt="Nicolas Scheurer"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">N</div>
                        <span class="New360-Top-Rank-Name">Nicolas Scheurer</span>
                        <span class="New360-Top-Rank-Pts">9.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">8°</span>
                        <img src="/Contenido/Avatars/1022.jpg" class="New360-Top-Rank-Avatar" alt="Alan Rocca"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">A</div>
                        <span class="New360-Top-Rank-Name">Alan Rocca</span>
                        <span class="New360-Top-Rank-Pts">7.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">9°</span>
                        <img src="/Contenido/Avatars/1010.jpg" class="New360-Top-Rank-Avatar" alt="Lucas Garro"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">L</div>
                        <span class="New360-Top-Rank-Name">Lucas Garro</span>
                        <span class="New360-Top-Rank-Pts">7.00</span>
              </div>
                

              <div class="New360-Top-RankRow ">
                        <span class="New360-Top-Rank-Pos">10°</span>
                        <img src="/Contenido/Avatars/1000.jpg" class="New360-Top-Rank-Avatar" alt="Fabricio Giarelli"
                             onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                        <div class="New360-Top-Rank-Avatar-Letter" style="display:none;">F</div>
                        <span class="New360-Top-Rank-Name">Fabricio Giarelli</span>
                        <span class="New360-Top-Rank-Pts">7.00</span>
              </div>
                          </div>
      </div>
  </div>

    <!-- COL 3: JUEGO DE LA SEMANA (23.33%) -->
  <!-- COL 3: JUEGO DE LA SEMANA -->
<div class="New360-Top-Col">
        <div class="New360-Top-ColHeader" 
     style="background-image: url('https://metasport360.com/Meta_files/logo-podio.svg'); 
            background-repeat: no-repeat; 
            background-position: right 10px center !important; 
            background-size: auto 26px;">
        <div class="TituloSeccion">
        <h3>JUGAMOS?</h3>
        </div>
            <p class="New360-Top-ColHeader-Sub">Proxima Carrera:</p>
        </div>    
    <div class="New360-Top-Game">
                
        <div class="New360-Top-GamePromo">
            <img src="https://metasport360.com/Contenido/Circuitos/Mapas/715059764_18113764913509694_7249423793460694_n.jfif" 
                 class="New360-Top-GamePromo-Image" 
                 alt="Turismo Pista Fecha 5"
                 onerror="this.src='https://metasport360.com/assets/juegos/default-banner.jpg';">

            <div class="New360-Top-GamePromo-Body">
                <span class="New360-Top-GamePromo-Label">Esta semana jugamos con:</span>
                <div class="New360-Top-GamePromo-Title">Turismo Pista Fecha 5</div>
                <div class="New360-Top-GamePromo-Venue">Rosario, Santa Fe</div>
                <a href="https://metasport360.com/Fantasy" class="New360-Top-GamePromo-Cta">Jugar ahora</a>
            </div>
        </div>
    </div>
</div>

    <!-- COL 4: Ejemplo - Puedes cambiar el contenido -->
    <div class="New360-Top-Col">
        <div class="New360-Top-ColHeader" 
     style="background-image: url('https://metasport360.com/Meta_files/logo-podio.svg'); 
            background-repeat: no-repeat; 
            background-position: right 10px center !important; 
            background-size: auto 26px;">
        <div class="TituloSeccion">
        <h3>COMO JUGAR?</h3>
        </div>
            <p class="New360-Top-ColHeader-Sub">&nbsp;</p>
        </div>
        <div class="New360-Top-Col4">
        
<!-- SLIDER PROMO -->
<div class="PromoSlider">
    <div class="slider-container">
        <div class="slides" id="slides">
            <img src="https://metasport360.com/msfantasy/promo1.jpg" alt="Promo 1">
            <img src="https://metasport360.com/msfantasy/promo2.jpg" alt="Promo 2">
            <img src="https://metasport360.com/msfantasy/promo3.jpg" alt="Promo 3">
            <img src="https://metasport360.com/msfantasy/promo4.jpg" alt="Promo 4">
            <img src="https://metasport360.com/msfantasy/promo5.jpg" alt="Promo 5">
            <img src="https://metasport360.com/msfantasy/promo6.jpg" alt="Promo 6">
            <img src="https://metasport360.com/msfantasy/promo7.jpg" alt="Promo 7">
        </div>
    </div>

    <!-- Flechas -->
    <button class="slider-btn prev" id="prev">‹</button>
    <button class="slider-btn next" id="next">›</button>

    <!-- Indicadores -->
    <div class="dots" id="dots"></div>
</div>

<style>
.PromoSlider {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 500px;
    margin: 0;
    overflow: hidden;
}

/* IMPORTANTE:
   Tus imágenes son 1080x1350 (verticales 4:5 aprox)
   Entonces NO uses 16:9.
*/
.slider-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #000;
}

.slides {
    position: absolute;
    inset: 0;
    display: flex;
    transition: transform 0.6s ease;
    width: 100%;
    height: 100%;
}

.slides img {
    width: 100%;
    height: 100%;
    flex-shrink: 0;

    /* hace que SIEMPRE se vean bien */
    object-fit: cover;
    object-position: center top;

    display: block;

    /* mejora visual */
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Desktop */
@media (min-width: 1200px) {
    .slider-container {
        max-height: 850px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .slider-container {
        aspect-ratio: 4 / 5;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .PromoSlider {
        min-height: auto;
        border-radius: 12px;
    }

    .slider-container {
        aspect-ratio: 4 / 5;
    }

    .slides img {
        object-position: center center;
    }
}

/* Flechas */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.55);
    color: white;
    border: none;
    width: 46px;
    height: 46px;
    font-size: 28px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    backdrop-filter: blur(4px);
}

.slider-btn:hover {
    background: rgba(0,0,0,0.85);
    transform: translateY(-50%) scale(1.08);
}

.prev { left: 15px; }
.next { right: 15px; }

/* Dots */
.dots {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.dot {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.55);
    border-radius: 50%;
    cursor: pointer;
    transition: all .25s ease;
}

.dot.active {
    background: #fff;
    transform: scale(1.3);
}
</style>

<script>
// Variables
let currentIndex = 0;
const slides = document.getElementById('slides');
const totalSlides = 7;
let autoSlideInterval;
let isPaused = false;

// Crear dots
const dotsContainer = document.getElementById('dots');
for (let i = 0; i < totalSlides; i++) {
    const dot = document.createElement('div');
    dot.classList.add('dot');
    if (i === 0) dot.classList.add('active');
    dot.addEventListener('click', () => goToSlide(i));
    dotsContainer.appendChild(dot);
}

const dots = document.querySelectorAll('.dot');

// Funciones
function updateSlider() {
    slides.style.transform = `translateX(-${currentIndex * 100}%)`;
    dots.forEach((dot, i) => {
        dot.classList.toggle('active', i === currentIndex);
    });
}

function goToSlide(index) {
    currentIndex = index;
    updateSlider();
    resetAutoSlide();
}

function nextSlide() {
    currentIndex = (currentIndex + 1) % totalSlides;
    updateSlider();
    resetAutoSlide();
}

function prevSlide() {
    currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
    updateSlider();
    resetAutoSlide();
}

// Auto slide
function startAutoSlide() {
    autoSlideInterval = setInterval(() => {
        if (!isPaused) nextSlide();
    }, 5000);
}

function resetAutoSlide() {
    clearInterval(autoSlideInterval);
    startAutoSlide();
}

// Controles
document.getElementById('next').addEventListener('click', () => {
    nextSlide();
});

document.getElementById('prev').addEventListener('click', () => {

    prevSlide();
});

// Touch swipe
let touchStartX = 0;
let touchEndX = 0;

slides.addEventListener('touchstart', e => {
    touchStartX = e.changedTouches[0].screenX;
    isPaused = true;
});

slides.addEventListener('touchend', e => {
    touchEndX = e.changedTouches[0].screenX;
    handleSwipe();
    setTimeout(() => isPaused = false, 6000); // Pausa 6 segundos después de swipe
});

function handleSwipe() {
    if (touchEndX < touchStartX - 50) {
        nextSlide();
    }
    if (touchEndX > touchStartX + 50) {
        prevSlide();
    }
}

// Iniciar
startAutoSlide();
updateSlider();
</script>
    
      </div>
    </div>

</div>                      
            
            <div class="BannerAdsShow">
            <img src="https://placehold.co/900x100/000000/FFF/?text=Publicidad+Home+900x100&font=roboto" alt="Publicidad 720x80" width="900" height="100">


            </div>
            <div class="TitleSectionChamp">
    <div class="TituloSeccion">
        <h3>CAMPEONATOS 2026            <a href="https://metasport360.com/Posiciones/1/Ranking/2026" class="jjjj LinkTodos">
                <span class="vertododerecha">Ver todos<span class="icon-arrow-right ml-3"></span></span>
            </a>
        </h3>
    </div>
</div>

<div id="PreCampeonatos360Container">
    <div id="PreCampeonatos360Carousel">


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/1.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo Fórmula 1">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">Fórmula 1</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Andrea</div>
            <div class="PreCampeonatos360Card-Apellido">Kimi Antonelli</div>
            <div class="PreCampeonatos360Card-Equipo">
                Mercedes-AMG Petronas Formula One Team            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">100</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F1%2F12.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/1/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/mercedestbc.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">63</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/mercedestbc.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        G. RUSSELL                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">80</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+20</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">16</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/ferraritbc.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        C. LECLERC                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">59</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+41</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/133.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo Moto 2">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">Moto 2</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Manuel</div>
            <div class="PreCampeonatos360Card-Apellido">González</div>
            <div class="PreCampeonatos360Card-Equipo">
                Liqui Moly Dynavolt Intact GP            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">0</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=/noprofile.png&amp;w=250&amp;h=250&amp;q=100&amp;zc=1" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/133/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/kalex.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">96</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/kalex.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        D. HOLGADO MIRALLES                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">81</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/kalex.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        S. AGIUS                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/140.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo Fórmula 3">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">Fórmula 3</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Ugo</div>
            <div class="PreCampeonatos360Card-Apellido">Ugochukwu</div>
            <div class="PreCampeonatos360Card-Equipo">
                Campos Racing            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">0</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F140%2F2.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/140/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/dallaraf32025.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/dallaraf32025.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        F. SLATER                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">10</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/dallaraf32025.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        T. KATO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                            </div>
                    </div>

<i class="bi bi-arrow-up-square-fill"></i>
        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/17.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo Turismo Carretera">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">Turismo Carretera</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">José Manuel</div>
            <div class="PreCampeonatos360Card-Apellido">Urcera</div>
            <div class="PreCampeonatos360Card-Equipo">
                Maquin Parts            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">184.5</h1>
                    <h2 class="PuntajeTexto">puntos</h2><i class="bi bi-arrow-up-square-fill"></i>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F17%2F231.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/17/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">101</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. CASTELLANO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">175.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+9</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">3</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        M. LAMBIRIS                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">167</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+18</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/19.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo TN Apat - Clase 2">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">TN Apat - Clase 2</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Francisco</div>
            <div class="PreCampeonatos360Card-Apellido">Coltrinari</div>
            <div class="PreCampeonatos360Card-Equipo">
                Saturni Racing            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">166</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F19-2%2F2.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/19/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/peugeot.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">177</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/nissan.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        T. VITAR                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">165</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+1</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">151</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        E. BASTIDAS                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">129</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+37</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/48.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo MotoGP">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">MotoGP</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Marco</div>
            <div class="PreCampeonatos360Card-Apellido">Bezzecchi</div>
            <div class="PreCampeonatos360Card-Equipo">
                Aprilia Racing            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">75</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F48%2F72.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/48/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/apriliars-gp26.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">89</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/apriliars-gp26.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. MARTÃ­N                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">53</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+22</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">37</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/ktmrc16.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        P. ACOSTA                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">45</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+30</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/7.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo NASCAR Cup Series">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">NASCAR Cup Series</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">Tyler</div>
            <div class="PreCampeonatos360Card-Apellido">Reddick</div>
            <div class="PreCampeonatos360Card-Equipo">
                23XI Racing            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">0</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=/noprofile.png&amp;w=250&amp;h=250&amp;q=100&amp;zc=1" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/7/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/toyotacamryxsenextgen.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">12</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fordmustang&#039;24.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        R. BLANEY                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">11</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/toyotacamryxsenextgen.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        D. HAMLIN                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                            </div>
                    </div>


        <div class="PreCampeonatos360Card">
            <div class="PreCampeonatos360Card-Header">
                <div class="PreCampeonatos360Card-Header-Logo">
                    <img src="https://metasport360.com/phpThumb.php?src=/Contenido/LogosCat/78.png&amp;w=90&amp;h=90&amp;q=80&amp;zc=1&amp;f=png" alt="Logo Turismo Pista - Clase 1">
                </div>
                <div class="PreCampeonatos360Card-Header-Categoria">Turismo Pista - Clase 1</div>
            </div>

            <div class="PreCampeonatos360Card-Nombre">William</div>
            <div class="PreCampeonatos360Card-Apellido">Bull</div>
            <div class="PreCampeonatos360Card-Equipo">
                FAGNANI RACING            </div>

            <div class="PreCampeonatos360Card-Puntaje">
                <div class="PuntajeTextoContainer">
                    <h1 class="PuntajeValor">132.5</h1>
                    <h2 class="PuntajeTexto">puntos</h2>                </div>
            </div>
<div class="PreCampeonatos360Card-Foto">
    <img src="https://metasport360.com/phpThumb.php?src=%2FScraps%2FRetratos%2F78-1%2F4.png" alt="">
</div>

            <div class="PreCampeonatos360Card-FooterChamp">
                <a href="https://metasport360.com/Posiciones/78/Ranking/2026" 
                   class="footer-link">Ver más...</a>
            </div>

            <div class="PreCampeonatos360Card-Marca">
                <img src="https://metasport360.com/Contenido/Marcas-Brands/fiatuno.png" alt="Logo Marca" onerror="this.style.display='none'">
            </div>

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">3</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiatuno.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. CORTINA                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">122</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+11</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiatuno.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        L. RODRIGUEZ                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">120.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+12</div>
                </div>
                            </div>
                    </div>

    </div>
</div>

<script>
// Drag para el carousel
const carousel = document.getElementById('PreCampeonatos360Carousel');
let isDragging = false, startX, scrollLeft;

carousel.addEventListener('mousedown', e => {
    isDragging = true;
    carousel.classList.add('dragging');
    startX = e.pageX - carousel.offsetLeft;
    scrollLeft = carousel.scrollLeft;
});
carousel.addEventListener('mouseleave', () => { isDragging = false; carousel.classList.remove('dragging'); });
carousel.addEventListener('mouseup', () => { isDragging = false; carousel.classList.remove('dragging'); });
carousel.addEventListener('mousemove', e => {
    if (!isDragging) return;
    e.preventDefault();
    const x = e.pageX - carousel.offsetLeft;
    const walk = (x - startX) * 1.5;
    carousel.scrollLeft = scrollLeft - walk;
});
</script>            

            <section data-rocket-location-hash="c8e60f4e52a1380dbd84ef7545b5993b" class="elementor-section elementor-top-section elementor-element elementor-element-c8ede20 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c8ede20" data-element_type="section">
	<div class="elementor-container elementor-column-gap-default">
		<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e1325ca" data-id="e1325ca" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
				
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-f56a546 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f56a546" data-element_type="section">
					<div class="elementor-container elementor-column-gap-default">
						
						<div class="elementor-column elementor-col-100" data-id="2190bcd" data-element_type="column">
							<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d2c84c8 elementor-widget elementor-widget-jk-posts-grid" data-id="d2c84c8" data-element_type="widget" data-widget_type="jk-posts-grid.default">
									<div class="elementor-widget-container" style="margin-top:0px;">
                                    
                                    
  <div class="TituloSeccion">
  <h3>MAS NOTICIAS </h3>
  </div>
                                             
                                    
										<div class="posts-grid-wrp trns pos-rel w-100-d" data-id="jkd_lm_d2c84c8">
											<div class="posts-grid d-f f-wrp o-hd posts-grid-type-5" style="justify-content: flex-start!important;">
												<!-- Inicio Bloque de 6 --> <style type="text/css">

.cat-item {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.cat-item a{
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.p-ttl {
	font-size: 17px;
	line-height: 16px;
	font-weight: 500;
}

.p-ttl-BajadaClean {
	font-size: 11px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 14px;
	font-weight: 500;
	min-height:75px;
		border-bottom: 1px dashed #444; /* Borde punteado gris oscuro */

}

.elementor-10026 .elementor-element.elementor-element-d2c84c8 .grid-item {
    max-width: calc(100% / 3) !important;
}
</style>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/lestontn.jpg&w=800&h=400&q=100&zc=1" alt="MARTIN LESTON DECLARADO GANADOR EN LA TERCERA SERIE" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13519/Contenido/martin-leston-declarado-ganador-en-la-tercera-serie" class="ttl-link LanzaPreload">MARTIN LESTON DECLARADO GANADOR EN LA TERCERA SERIE</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            El piloto quilmeño fue declarado vencedor tras recibir un toque por parte de Tomas Vitar en el cierre de la tercera...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13519">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13519)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('MARTIN LESTON DECLARADO GANADOR EN LA TERCERA SERIE', 'El piloto quilmeño fue declarado vencedor tras recibir un toque por parte de Tomas Vitar en el cierre de la tercera...', 'https://metasport360.com/Prensa/13519/Contenido/martin-leston-declarado-ganador-en-la-tercera-serie')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/lestontn.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/coltrinatitn.jpg&w=800&h=400&q=100&zc=1" alt="FRANCISCO COLTRINATI SE AFIRMA EN EL LIDERAZGO ANUAL" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13518/Contenido/francisco-coltrinati-se-afirma-en-el-liderazgo-anual" class="ttl-link LanzaPreload">FRANCISCO COLTRINATI SE AFIRMA EN EL LIDERAZGO ANUAL</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Manteniendo a favor una plena disputa con Valentino Quattrocchi, el piloto salteño venció en la segunda serie que el...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13518">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13518)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('FRANCISCO COLTRINATI SE AFIRMA EN EL LIDERAZGO ANUAL', 'Manteniendo a favor una plena disputa con Valentino Quattrocchi, el piloto salteño venció en la segunda serie que el...', 'https://metasport360.com/Prensa/13518/Contenido/francisco-coltrinati-se-afirma-en-el-liderazgo-anual')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/coltrinatitn.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/bodratotn.jpg&w=800&h=400&q=100&zc=1" alt="FRANCO BODRATO MIONETTO EN LA PRIMERA SERIE" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13517/Contenido/franco-bodrato-mionetto-en-la-primera-serie" class="ttl-link LanzaPreload">FRANCO BODRATO MIONETTO EN LA PRIMERA SERIE</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            De principio a fin, Franco Bodrato Mionetto dominó la primera serie que el TN Clase 2 disputó en el Autódromo...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13517">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13517)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('FRANCO BODRATO MIONETTO EN LA PRIMERA SERIE', 'De principio a fin, Franco Bodrato Mionetto dominó la primera serie que el TN Clase 2 disputó en el Autódromo...', 'https://metasport360.com/Prensa/13517/Contenido/franco-bodrato-mionetto-en-la-primera-serie')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/bodratotn.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/canapatn.jpg&w=800&h=400&q=100&zc=1" alt="AGUSTÍN CANAPINO: POLE CON RÉCORD INCLUIDO" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2138/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc3">TN APAT C3</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13516/Contenido/agustin-canapino-pole-con-record-incluido" class="ttl-link LanzaPreload">AGUSTÍN CANAPINO: POLE CON RÉCORD INCLUIDO</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            A bordo del Chevrolet Cruze atendido por Salvita Racing, el piloto arrecifeño marcó la pole position en el Autódromo...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13516">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13516)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('AGUSTÍN CANAPINO: POLE CON RÉCORD INCLUIDO', 'A bordo del Chevrolet Cruze atendido por Salvita Racing, el piloto arrecifeño marcó la pole position en el Autódromo...', 'https://metasport360.com/Prensa/13516/Contenido/agustin-canapino-pole-con-record-incluido')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/canapatn.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/tnc3.jpg&w=800&h=400&q=100&zc=1" alt="COMENZARON LAS PRUEBAS EN LA PLATA" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace una semana</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>

   <a href="https://metasport360.com/Meta360/2138/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc3">TN APAT C3</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13515/Contenido/comenzaron-las-pruebas-en-la-plata" class="ttl-link LanzaPreload">COMENZARON LAS PRUEBAS EN LA PLATA</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            La jornada de hoy fue aprovechada por Jonatan Castellano, Gonzalo Antolín y Horacio Evolo para llevar a cabo sus...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13515">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13515)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('COMENZARON LAS PRUEBAS EN LA PLATA', 'La jornada de hoy fue aprovechada por Jonatan Castellano, Gonzalo Antolín y Horacio Evolo para llevar a cabo sus...', 'https://metasport360.com/Prensa/13515/Contenido/comenzaron-las-pruebas-en-la-plata')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/tnc3.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/tnc2.jpg&w=800&h=400&q=100&zc=1" alt="EN LA PLATA LUEGO DE CINCO AÑOS" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace una semana</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>

   <a href="https://metasport360.com/Meta360/2138/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc3">TN APAT C3</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13514/Contenido/en-la-plata-luego-de-cinco-anos" class="ttl-link LanzaPreload">EN LA PLATA LUEGO DE CINCO AÑOS</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            El Gran Premio elf - Copa Crossmaster de TN Clase 2 y Clase 3 se disputará el próximo fin de semana en el Autódromo...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

.hero-360-icon, .Iconos-Horizontales-icon {
  color: #666; /* Más oscuro */
  font-size: 1.1rem; /* Un poquito más pequeño */
  min-width: 1.4rem;
  min-height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.Iconos-Horizontales-icon {
  width: 2rem;
  height: 2.1rem;
  border: 1px solid #999;
  padding-top:3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #666;
  background-color: transparent !important; 
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  margin: 0 4px; /* Para que entre íconos haya 5px en total */
}

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13514">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13514)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('EN LA PLATA LUEGO DE CINCO AÑOS', 'El Gran Premio elf - Copa Crossmaster de TN Clase 2 y Clase 3 se disputará el próximo fin de semana en el Autódromo...', 'https://metasport360.com/Prensa/13514/Contenido/en-la-plata-luego-de-cinco-anos')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/tnc2.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>
 <!-- Fin Bloque de 6 -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
</section>            
                        
            <div class="BannerAdsShow">
            <img src="https://placehold.co/900x100/888888/FFF/?text=Publicidad+Home+Intermedio+780x80&font=roboto" alt="Publicidad 720x80" width="780" height="80">
            </div>
            <section class="MS360-Youtube-Section">
    <div class="MS360-Youtube-Container ">
        <!-- Título -->
        
        
            <div class="TitleSectionChamp">
            <div class="TituloSeccion"> 
              <h3>Últimos Videos
              <a href="https://www.youtube.com/@metasport360" class="jjjj LinkTodos" target="_blank"><span>Ver Canal<span class="icon-arrow-right ml-3"></span></span></a>
              </h3>
            
            </div>
            </div>        
        
        
        <!-- Contenedor de videos dinámico -->
        <div class="MS360-Youtube-Content pl-20 pr-20" id="MS360-Youtube-Content"></div>
    </div>
</section>

<!-- Modal -->
<div id="MS360-Youtube-Modal" class="MS360-Youtube-Modal">
    <div class="MS360-Youtube-ModalContent">
        <span class="MS360-Youtube-ModalClose">&times;</span>
        <iframe id="MS360-Youtube-ModalIframe" src="" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

<script>
const channelRSS = "https://www.youtube.com/feeds/videos.xml?channel_id=UCJNc3vySMGLf9hD2qpEup9g";
const rss2jsonAPI = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(channelRSS);

fetch(rss2jsonAPI)
  .then(res => res.json())
  .then(data => {
    const items = data.items;
    if(!items || items.length === 0) return;

    const container = document.getElementById("MS360-Youtube-Content");

    // Último video grande
    const latest = items[0];
    const latestId = latest.link.split("v=")[1];
    const latestHTML = `
        <div class="MS360-Youtube-Card MS360-Youtube-LatestVideo" data-video-id="${latestId}">
            <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${latestId}/maxresdefault.jpg')"></div>
            <div class="MS360-Youtube-CardOverlay">
			<div class="MS360-Youtube-BoxAutorMS">
  <div class="MS360-Youtube-BoxAutorMS-Img">
    <img src="https://metasport360.com/mschicoblanco.svg" alt="MetaSport360">
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
                <h5>${latest.title}</h5>
            </div>
            <div class="MS360-Youtube-PlayIcon">&#9658;</div>
        </div>
    `;

    // Miniaturas siguientes 6 videos
    let thumbsHTML = '<div class="MS360-Youtube-Thumbnails">';
    for(let i=1; i<=6 && i<items.length; i++){
        const vidId = items[i].link.split("v=")[1];
        thumbsHTML += `
            <div class="MS360-Youtube-Card MS360-Youtube-Thumbnail" data-video-id="${vidId}">
                <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${vidId}/maxresdefault.jpg')"></div>
                <div class="MS360-Youtube-CardOverlay">


<div class="MS360-Youtube-BoxAutorMS">
  <div class="MS360-Youtube-BoxAutorMS-Img MS360-Youtube-CardOverlay-SVG">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>

                    <h5>${items[i].title}</h5>
                </div>
                <div class="MS360-Youtube-PlayIcon">&#9658;</div>
            </div>
        `;
    }
    thumbsHTML += '</div>';

    container.innerHTML = latestHTML + thumbsHTML;

    // Click en card para abrir modal
    document.querySelectorAll(".MS360-Youtube-Card").forEach(card => {
        card.addEventListener("click", () => {
            const vidId = card.getAttribute("data-video-id");
            document.getElementById("MS360-Youtube-ModalIframe").src = `https://www.youtube.com/embed/${vidId}?autoplay=1`;
            document.getElementById("MS360-Youtube-Modal").style.display = "flex";
        });
    });

    // Cerrar modal
    document.querySelector(".MS360-Youtube-ModalClose").addEventListener("click", () => {
        const iframe = document.getElementById("MS360-Youtube-ModalIframe");
        iframe.src = "";
        document.getElementById("MS360-Youtube-Modal").style.display = "none";
    });
  })
  .catch(err => console.error(err));
</script>

<style>

.MS360-Youtube-BoxAutorMS {
  display: flex;
  align-items: center;
  max-height: 25px!important;
  line-height: 1;
  font-size: 10px;
  flex-wrap: nowrap;
  overflow: hidden;
  color: #FFF !important;
  margin-bottom:4px;
}

.MS360-Youtube-BoxAutorMS-Img {
  border-radius:4px;
  padding: 1px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  height: 25px!important;
  width: 25px!important;
  color: inherit;
}

.MS360-Youtube-BoxAutorMS-Img img {
  height: 25px!important;
  width: 25px!important;
  display: block;
}

.MS360-Youtube-BoxAutorMS-Nombre span {
  font-weight: 200;
  color: #CCC;
}

.MS360-Youtube-BoxAutorMS-Nombre strong {
  font-weight: 400;
  color: #CCC !important;
  margin-right:20px!important;
}


/* Contenedor y título */
.MS360-Youtube-Section { padding:20px; font-family:Arial,sans-serif; }
.MS360-Youtube-TitleSection h3 { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }

/* Contenido 50/50 */
.MS360-Youtube-Content { display:flex; gap:20px; flex-wrap:nowrap; }
.MS360-Youtube-LatestVideo { flex:0 0 40%; }
.MS360-Youtube-Thumbnails { flex:0 0 60%; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); gap:10px; }


/* Card */
.MS360-Youtube-Card {
    position:relative;
    cursor:pointer;
    overflow:hidden;
    border-radius:5px;
}
.MS360-Youtube-CardImg {
    width:100%;
    padding-bottom:56.25%;
    background-size:cover;
    background-position:center;
}
.MS360-Youtube-CardOverlay {
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:5px;
}

.MS360-Youtube-CardOverlay-SVG img{
    width:30px !important;
	height:30px !important;
}


.MS360-Youtube-PlayIcon {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:48px;
    color:white;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    pointer-events:none;
}

/* Modal */
.MS360-Youtube-Modal {
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.8);
    justify-content:center;
    align-items:center;
    z-index:9999;
}
.MS360-Youtube-ModalContent {
    position:relative;
    width:90%;
    max-width:900px;
}
.MS360-Youtube-Modal iframe {
    width:100%;
    height:50vw; /* Mantener proporción 16:9 */
    max-height:506px;
}
.MS360-Youtube-ModalClose {
    position:absolute;
    top:10px; right:10px;
    font-size:28px;
    color:#fff;
    cursor:pointer;
}

.MS360-Youtube-CardOverlay h5{
	font-size:14px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:10px !important;
	color:#fff!important;
}


/* Responsive móvil */
@media(max-width:768px) {
    .MS360-Youtube-Content { flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; }
    .MS360-Youtube-LatestVideo, .MS360-Youtube-Thumbnail { flex:0 0 350px; scroll-snap-align:start; }
    .MS360-Youtube-Thumbnails { display:flex; flex-wrap:nowrap; gap:10px; }
	

.MS360-Youtube-CardOverlay h5{
	font-size:11px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:11px !important;
	color:#fff!important;
}
	
	
}
</style>

            
        </div>

        
<style>
#fullScreenDiv {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100vw;
    height: 100vh;
    color: #fff;
    z-index: 9999;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
    transition: top 0.5s ease;
}
#fullScreenDiv.show {
    top: 0;
}
</style>

<button  style="
    position: fixed;
    top: 60px;
    right: 50px;
    z-index: 10000;
    padding: 10px 15px;
    background: green;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 10px;
    display:none;
    z-index:9;
    zoom:1.5;
">
    <i class="bi bi-stopwatch-fill"></i> Tiempos En Vivo
</button>


    <div id="fullScreenDiv">
        <style>
#Div-360-Live{
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%;
    overflow:hidden !important;
}
.Div-360-Live-Marca {
    height: 40px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    font-size: 38px;
    font-weight: 900;
    color: #C9C9C9;
    text-transform: uppercase;
    margin-top: -10px !important;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.Div-360-Live-Marca img {
    height: 40px;
    width: auto;
    margin-right: 15px;
}

.LiveFlag5{ color: #FFF!important; background-color: #F09!important; }
.LiveFlag0{ color: #FFF!important; background-color: #093!important; }
.LiveFlag2{ color: #FFF!important; background-color: #F00!important; }
.LiveFlag1{ color: #000!important; background-color: #F90!important; }
.LiveFlag3{ color: #fff!important; background-color: #000!important; }

  #cerrarmodallive {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
    background-color: #dc3545; /* Fondo rojo (color bootstrap 'danger') */
    color: white; /* Color del texto blanco */
    border: none; /* Sin borde */
    border-radius: 4px; /* Bordes redondeados */
    font-size: 15px; /* Tamaño de fuente 15px */
    font-weight: 500; /* Peso de fuente 500 */
    padding: 8px 16px; /* Espaciado interno para que el botón tenga tamaño adecuado */
    text-align: center; /* Texto centrado */
    cursor: pointer; /* Cambia el cursor al pasar por encima */
    transition: background-color 0.3s ease; /* Suaviza el cambio de color al pasar el ratón */
  }

  #cerrarmodallive:hover {
    background-color: #c82333; /* Cambio de color de fondo en hover */
  }

.inbox {
    border-radius: 3px!important;
    background-color: #e5be01!important;
    color: black!important;
    text-transform: uppercase; /* Texto en mayúsculas */
    text-align: center; /* Centrar el texto */
font-weight: 600!important;
    padding: 0 10px; /* Padding a los costados (izquierda y derecha) */
    font-size: 10px; /* Tamaño de texto */
    max-height: 15px; /* Altura máxima del elemento */
    overflow: hidden; /* Asegura que no se desborde si el texto es demasiado largo */
    width: 5%; /* Ancho del 6% */
    margin-right: 3%; /* Margen derecho del 2% */
}
.Div-360-Live-Top-Todos {
    overflow-y: auto; /* Forzar scroll vertical si el contenido se desborda */
    max-height: 100%; /* O establece una altura específica si quieres limitar el tamaño visible */
}
/* Top 3 */
#Div-360-Live-Top-3{
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index:999999999999999999999999999;
}

/* RESTO CON SCROLL */
#Div-360-Live-Top-Todos{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
	z-index:222;
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:3px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
    background: transparent;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background: #00ffff;
    border-radius: 2px;
}
.Live-Cell-Dif{width:5%!important; color:#F90; text-align:center;}
</style>

<div id="Div-360-Live-Listado" style="display:none;zoom:0.3; background-color:#FFC; position:absolute; z-index:99999999999999999999;"></div>


<!-- Botón de cierre con el icono de "X" de Bootstrap -->
<button id="cerrarmodallive" class="btn btn-sm btn-danger" style="position: absolute; top: 5px; right: 5px; z-index: 9999;">
  CERRAR
</button>

<script>
  // Función que simula el clic en el botón toggleLiveT
  function clickToggleLiveT() {
    const toggleButton = document.getElementById('toggleLiveT');
    if (toggleButton) {
      toggleButton.click();
      //console.log("Botón toggleLiveT clickeado");
    } else {
      //console.log("El botón toggleLiveT no se encuentra en la página.");
    }
  }

  // Event listener para el botón cerrarmodallive
  const closeButton = document.getElementById('cerrarmodallive');
  closeButton.addEventListener('click', function() {
    //console.log("Botón de cerrar clickeado");
    clickToggleLiveT(); // Llamar a la función para hacer clic en toggleLiveT
  });
</script>


<div id="Div-360-Live-Marca" class="Div-360-Live-Marca">
    <img src="https://metasport360.com/assets/images/msdata.svg" alt="MS Data">
    TIEMPOS EN VIVO  
    <input type="hidden" id="DataCL" value=""
       style="width:150px; height:25px; float:left; position:relative; background-color:#ccc !important; color:#000; border:1px solid #999; text-align:center; font-size:12px;">
</div>

<div id="Div-360-Live">
    <div id="Div-360-Live-Header">
        <div id="Div-360-Live-Select">
            <p><span class="spanoculto">Seleccione un</span> <b class="spanmayus">evento:</b></p>
                            <div class="tab-row">
                    <div class="tab-button" 
                         id="ds19" 
                         data-event="F813B5D27E829A52-2147485028" 
                         data-serie="19">
                        <img src="https://metasport360.com/Contenido/LogosCat/19.png" alt="logo">
                        <span class="LiveSpanSelect">TN Apat</span>
                    </div>
                </div>
                    </div>

        <div id="Div-360-Live-Data-Serie"> 
            <div id="Div-360-Live-Data-Serie-Lider">
                <h1 id="event-name"></h1>
                <div class="live-clock">
                    <h2>TRANSCURRIDO</h2>
                    <div id="live-laps"></div>
                </div>
                <div class="live-clock">
                    <h2>RESTANTE</h2>
                    <div id="live-clock"></div>
                </div>
                <div class="live-clock">
                    <h2>VUELTAS</h2>
                    <div id="live-flag"></div>
                </div>
                <p id="StatusLive"> </p>
            </div>

            <div id="Div-360-Live-Data-Serie-Parciales">
                <div id="Div-360-Live-Data">
                    <div class="Div-360-Live-Data-Puntero" id="Puntero"></div>
                    <div class="Div-360-Live-Data-Record" id="Record"></div>
                    <div class="Div-360-Live-Data-SectoresParciales" id="Div-360-Live-Data-SectoresParciales">
                        <div class="Div-360-Live-Data-Sector" id="BestS0"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS1"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS2"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS3"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS4"></div>
                    </div>
                </div>
            </div>
        </div>        
    </div>

    <div id="Div-360-Live-Espia"></div>
    <div id="Div-360-Live-Main">
        <div id="Div-360-Live-Head-Rows">
            <div class="cell Live-Cell-Pos">FAN</div>
            <div class="cell Live-Cell-Pos">P</div>
            <div class="cell Live-Cell-Dorsal">Nº</div>
            <div class="cell Live-Cell-Piloto">Piloto</div>
            <div class="cell Live-Cell-Clase">Clase</div>
            <div class="cell Live-Cell-Equipo">Equipo</div>
            <div class="cell Live-Cell-Marca">Marca</div>
            <div class="cell Live-Cell-UltVuelta">Últ. Vuelta</div>
            <div class="cell Live-Cell-Vueltas">Vtas</div>
            <div class="cell Live-Cell-Total">Total</div>
            <div class="cell Live-Cell-Dif">Dif</div>
        </div>

        <div id="Div-360-Live-Top-3"></div>
        <div id="Div-360-Live-Top-Todos">
            <div class="LiveSeleccione">
                <div class="LiveTexto">
                    Seleccione un evento para conectar
                </div>
                <div class="Botones">
                                            <button  class="tab-button" data-serie="19"
                                data-event="F813B5D27E829A52-2147485028"
                                onclick="seleccionarEvento('F813B5D27E829A52-2147485028','19')">
                            <img src="https://metasport360.com/Contenido/LogosCat/19.png" 
                                 alt="TN Apat">
                        </button>
                                    </div>

                <div class="LiveTexto2">
                    (Podrás cambiar de evento en cualquier momento seleccionando desde los botones en la parte superior izquierda.)
                </div>
            </div>
            <style>
            .LiveSeleccione { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; height: 400px; padding:8px; }
            .LiveSeleccione .Botones { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; justify-content: center; }
            .LiveSeleccione button { width: 75px; height: 75px; border: none !important; background: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; background-color:#333; border-radius:4px !important; }
            .LiveSeleccione button img { width:65px; height: 65px; margin:5px; }
            .LiveTexto { font-size: 14px; line-height: 46px; margin: 0; position:relative; float:left; width:100%; height:46px; padding:0; }
            .LiveTexto2 { font-size: 11px; line-height: 16px; margin: 0; color:#333; position:relative; float:left; width:100%; height:16px; padding:0; }
            </style>
        </div>
    </div>
    
    
</div>


<div id="Div-360-Live-Footer-Zen" style="color:#063; display:none;">
    <div id="Div-360-Live-Footer-Sectores"></div>
    <input type="hidden" id="SerieEnPista" name="SerieEnPista" value="0">
    <input type="hidden" id="ClaseEnPista" name="ClaseEnPista" value="0">
</div>

<script>
document.getElementById("StatusLive").innerHTML = "<conectando>Conectando a <b>MS360-Data</b>...</conectando>";

let top3Nombres = [];
let socket = null;
let lastPositions = {};
let currentEvent = null;
let currentSerie = null;
let sectorKeys = [];
let pilotosData = []; // listado completo de pilotos
let pilotosTop3Data = []; // datos enriquecidos Top3
let reconnectInterval = 5000; 
let espiaSerie = null; 
let espiaEvent = null;

// --- Cargar listado completo de pilotos ---
async function UpdateDriverTags(classId, serieId) {
    try {
        const url = `App/DivListado.php?classId=${encodeURIComponent(classId)}&serieId=${encodeURIComponent(serieId)}`;
        const response = await fetch(url);
        if(!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
        pilotosData = await response.json();
    } catch(err) {
        //console.error("Error cargando listado:", err);
        pilotosData = [];
    }
}


async function UpdateTop3Pilotos(classId, serieId, top3) {
    try {
        // Mostrar el Top3 que vamos a enviar
        console.log("Enviando Top3 a DivListado.php:", top3);

        const url = `App/DivListado.php?classId=${encodeURIComponent(classId)}&serieId=${encodeURIComponent(serieId)}&top3=${encodeURIComponent(JSON.stringify(top3))}`;
        console.log(url);
		
        const response = await fetch(url);
        if(!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
        
        // Parseamos la respuesta
        const data = await response.json();
        pilotosTop3Data = data;

        // Log para verificar la respuesta
        console.log("Respuesta Top3 desde DivListado.php:", data);
    } catch(err) {
        console.error("Error cargando Top3:", err);
        pilotosTop3Data = [];
    }
}


// --- Inicializar WebSocket ---
function initWebSocket() {
    socket = new WebSocket("wss://metasport360.com/live");
    socket.onopen = () => {
        document.getElementById("StatusLive").innerHTML = "<conectado>Conectado a <b>MS360-Data</b>...</conectado>";
        if(currentEvent && currentSerie){
            socket.send(JSON.stringify({action:"subscribe", event:currentEvent, serie:currentSerie}));
        }
        if(espiaEvent && espiaSerie){
            socket.send(JSON.stringify({action:"subscribe", event: espiaEvent, serie: espiaSerie, espia: [espiaEvent]}));
        }
    };
    socket.onmessage = async ev => {
        try {
            const msg = JSON.parse(ev.data);
            if(msg.type === "main" && msg.data && Array.isArray(msg.data.l)){
                // Armamos Top3 original
				// Armamos Top3 original con número + nombre
				const top3Raw = msg.data.l
					.sort((a,b)=>a.lbpos-b.lbpos)
					.slice(0,10)
					.map(p => `${p.no} - ${p.nam}`);                
                // Solo actualizamos Top3 si cambió
                if(JSON.stringify(top3Raw) !== JSON.stringify(top3Nombres)){
                    top3Nombres = top3Raw;
                    await UpdateTop3Pilotos("0", currentSerie, top3Nombres);
                }

                actualizarDOMConData(msg.data);
            } else if(msg.type === "espia" && msg.data && Array.isArray(msg.data.l)){
                manejarDatosEspia(msg.data);
            }
        } catch(e) {
            //console.error("Error parseando mensaje WS:", e, ev.data);
        }
    };
    socket.onclose = () => {
        document.getElementById("StatusLive").innerHTML = "<cerrada>Conexión Cerrada. Reintentando en 10s...</cerrada>";
        setTimeout(initWebSocket, reconnectInterval);
    };
    socket.onerror = err => {
        document.getElementById("StatusLive").innerHTML = "<fallo>Fallo en conexión. Reintentando en 10s...</fallo>";
        socket.close();
    };
}

// --- Funciones espía ---
function actualizarEspias(currentSerie) {
    document.querySelectorAll(".spy-button").forEach(btn => {
        btn.disabled = btn.dataset.serie === currentSerie;
        btn.style.opacity = btn.disabled ? "0.4" : "1";
    });
}

function espiar(serieEspiaEvent, serieEspiaId, serieEspiaNombre){
    const mainDiv = document.getElementById("Div-360-Live-Main");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!mainDiv || !espiaDiv) return;
    mainDiv.style.width = "80%";
    if(!document.getElementById("Espia-Content")){
        espiaDiv.innerHTML = `<div class="EspiandoHeader"><div class="EspiandoHeaderLogo"><img src="https://metasport360.com/Contenido/LogosCat/${serieEspiaId}.png" alt="Logo" width="30" height="30"></div><div class="EspiandoHeaderTitle">ESPIANDO: ${serieEspiaNombre}</div></div><div id="Espia-Content"></div>`;
    } else {
        document.getElementById("Espia-Content").innerHTML = '';
    }
    espiaDiv.classList.add("mostrar");
    espiaSerie = String(serieEspiaId);
    espiaEvent = String(serieEspiaEvent);
    if(socket && socket.readyState === 1){
        socket.send(JSON.stringify({action:"subscribe", event: espiaEvent, serie: espiaSerie, espia: [espiaEvent]}));
    }
    espiaDiv.dataset.serieEspia = espiaSerie;
}

function cerrarEspia(){
    const mainDiv = document.getElementById("Div-360-Live-Main");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!mainDiv || !espiaDiv) return;
    mainDiv.style.width = "100%";
    espiaDiv.classList.remove("mostrar");
}

function manejarDatosEspia(data){
    if(!data || !data.l) return;
    const container = document.getElementById("Espia-Content");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!container || !espiaDiv) return;
    const serieActiva = espiaDiv.dataset.serieEspia;
    if(data.serie && data.serie != serieActiva) return;
    container.innerHTML = '';
    data.l.sort((a,b)=>a.lbpos-b.lbpos);
    data.l.forEach(entry=>{
        const row=document.createElement('div');
        row.classList.add('row');
        row.innerHTML=`<div class="cell Live-Cell-Pos">${entry.lbpos}</div><div class="cell Live-Cell-Dorsal">${entry.no}</div><div class="cell Live-Cell-Piloto">${entry.nam}</div><div class="cell Live-Cell-Total">${entry.lsTm || ''}</div>`;
        container.appendChild(row);
    });
}

// --- Reloj ---
let liveClock = 0;        
let liveClockTimer = null; 
let lastServerTime = null;

function parseTimeToSeconds(t){
    if(!t) return 0;
    let parts = t.split(":").map(Number);
    if(parts.length===2) return parts[0]*60 + parts[1];
    if(parts.length===3) return parts[0]*3600 + parts[1]*60 + parts[2];
    return parseFloat(t) || 0;
}

function formatSecondsToMMSS(sec){
    let m = Math.floor(sec/60);
    let s = Math.floor(sec%60);
    return `${m.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`;
}

function updateLiveClockFromServer(timeStr){
    const newTime = parseTimeToSeconds(timeStr);
    if(liveClock===0) liveClock = newTime;
    else {
        const diff = newTime - liveClock;
        if(Math.abs(diff)>1) liveClock += diff*0.5;
    }
    lastServerTime = newTime;
    if(!liveClockTimer){
        liveClockTimer = setInterval(()=>{ liveClock += 1; }, 1000);
    }
}

// --- Actualización DOM principal ---
async function actualizarDOMConData(data){
    if(!data) return;

    // --- Detectar cambio de evento ---
    let eventName = data.rnNam || '';
    eventName = eventName.substring(0, 27);
    const prevEventName = document.getElementById('event-name').textContent;
    document.getElementById('event-name').textContent = eventName;
    if(eventName !== prevEventName){
        ////console.log("Cambio de evento detectado:", prevEventName, "->", eventName);
        // Refrescar listado completo de pilotos
        if(currentSerie) await UpdateDriverTags("0", currentSerie);
    }

    document.getElementById('DataCL').value = data.l[0].cl;
    document.getElementById('SerieEnPista').value = currentSerie || "0";
const claseEl = document.getElementById('ClaseEnPista');
if (claseEl) {
    let claseValue = "0";
    let tipoValue = ''; // valor original por si no aparece nada

    if (data.gNam) {

        // === Detectar Clase ===
        const match = data.gNam.match(/clase\s*(\d+)/i);
        if (match && match[1]) claseValue = match[1];

        // === Detectar Serie o Final ===
        const name = data.rnNam.toLowerCase();
        
        if (name.includes("final")) {
            tipoValue = "Final";
        } else if (name.includes("final")) {
            tipoValue = "Serie";
        }
		console.log('claseValue:', claseValue, ' -- tipoValue:', tipoValue);
    }

    claseEl.value = claseValue;
    localStorage.setItem('lastClass', claseValue);


    //ActualizarCampeonato(tipoValue, claseValue);
}

	
let time = (data.tm || "00:00").replace(/\.\d+$/, "").replace(/^00:/, "");
let timeTG = (data.rcTm || data.tmTg || "00:00").replace(/\.\d+$/, "").replace(/^00:/, "");
    const footerSectores = document.getElementById('Div-360-Live-Footer-Sectores');
    const dataSectores = document.getElementById('Div-360-Live-Data-SectoresParciales');
    if (footerSectores && dataSectores) footerSectores.innerHTML = dataSectores.innerHTML;

    document.getElementById("live-clock").textContent = timeTG;
    document.getElementById("live-laps").textContent = time;
    updateLiveClockFromServer(timeTG);
    document.getElementById("live-flag").innerHTML = `<b>${data.ls || ''}</b><b>${data.lsTg || ''}</b>`;
    document.getElementById("event-name").className = "LiveFlag" + data.f;

    const top3 = document.getElementById('Div-360-Live-Top-3');
    const topTodos = document.getElementById('Div-360-Live-Top-Todos');
    if(!top3 || !topTodos) return;
    top3.innerHTML = ''; topTodos.innerHTML = '';

    sectorKeys = [];
    if(data.l && data.l.length>0){
        let allKeys = new Set();
        data.l.forEach(entry => Object.keys(entry).forEach(k => { if(/^s\d+$/.test(k) || /^btTm\d+$/.test(k)) allKeys.add(k); }));
        sectorKeys = Array.from(allKeys).sort((a,b)=>{
            const aNum=parseInt(a.match(/\d+$/)?.[0]||0);
            const bNum=parseInt(b.match(/\d+$/)?.[0]||0);
            if(a.startsWith('s') && b.startsWith('s')) return aNum-bNum;
            if(a.startsWith('btTm') && b.startsWith('btTm')) return aNum-bNum;
            if(a.startsWith('s')) return -1; return 1;
        });

        const header = document.getElementById('Div-360-Live-Head-Rows');
        if(header){
            Array.from(header.querySelectorAll('.Live-Cell-Sector')).forEach(h=>h.remove());
            sectorKeys.forEach(sk=>{
                const div = document.createElement('div');
                div.classList.add('cell','Live-Cell-Sector');
                div.textContent = sk.toUpperCase();
                header.appendChild(div);
            });
        }
    }

    let bestSectorTimes = {};
    sectorKeys.forEach(sk=>{
        if(sk.startsWith('s')){
            let minTime=Infinity;
            data.l.forEach(entry=>{ const t=parseFloat(entry[sk]); if(!isNaN(t) && t>0 && t<minTime) minTime=t; });
            bestSectorTimes[sk]=minTime;
        }
    });

    data.l.sort((a,b)=>a.lbpos-b.lbpos);
    let newPositions = {}; top3Nombres = [];
    data.l.forEach((entry,i)=>{
        const row=document.createElement('div');
        row.classList.add('row');
        if(lastPositions[entry.no] && lastPositions[entry.no] !== entry.lbpos) row.classList.add(entry.lbpos < lastPositions[entry.no] ? 'up':'down');
        if (entry.lbpos >= 1 && entry.lbpos <= 3) top3Nombres[entry.lbpos - 1] = entry.nam;

        let pilotoInfo = pilotosTop3Data.find(p => String(p.dorsal) === String(entry.no)) 
                         || pilotosData.find(p => String(p.dorsal) === String(entry.no));
        let nombreCompleto = pilotoInfo ? pilotoInfo.nombre + ' ' + pilotoInfo.apellido : entry.nam || '';
        let equipo = pilotoInfo ? pilotoInfo.equipo : entry.cl || '';
        let marca  = pilotoInfo ? pilotoInfo.marca : '';
        let logo   = '';
        if(pilotoInfo && pilotoInfo.marca){
            let marcaNormalized = pilotoInfo.marca.toLowerCase().replace(/\s+/g,'');
            logo = `<img src="https://metasport360.com/Contenido/Marcas-Brands/${marcaNormalized}.png" alt="${marcaNormalized}" style="height:18px;">`;
        }

        let sectorHtml = sectorKeys.map(sk=>{
            if(!sk.startsWith('s')) return `<div class="cell Live-Cell-Sector">${entry[sk]||''}</div>`;
            let valor=parseFloat(entry[sk])||0;
            let mejorPropio=false; let mejorSector=false;
            const sectorNum=sk.match(/\d+$/)[0];
            const btTm=parseFloat(entry['btTm'+sectorNum])||0;
            if(valor>0 && btTm>0 && valor<btTm) mejorPropio=true;
            if(valor>0 && valor<=bestSectorTimes[sk]) mejorSector=true;
            let clases='cell Live-Cell-Sector';
            if(mejorPropio) clases+=' mejorpropio';
            if(mejorSector) clases+=' mejorsector';
            return `<div class="${clases}">${entry[sk]||''}</div>`;
        }).join("");

        let lapClass = ''; let lapDisplay = entry.lsTm || '';
        if (entry.lsTm) { const normalized = entry.lsTm.toString().toLowerCase().replace(/[^a-z0-9]/g, ''); if (normalized === 'inpit') { lapClass = 'box'; lapDisplay = 'BOX'; } else { lapClass = normalized; } }

        row.innerHTML = `
            <div class="cell Live-Cell-Pos Fantasy-${entry.no}-19"></div>
            <div class="cell Live-Cell-Pos">${entry.lbpos}</div>
            <div class="cell Live-Cell-Dorsal"><span>${entry.no}</span></div>
            <div class="cell Live-Cell-Piloto">${nombreCompleto}</div>
            <div class="cell Live-Cell-Clase">${entry.cl}</div>
            <div class="cell Live-Cell-Equipo">${equipo}</div>
            <div class="cell Live-Cell-Marca" style="display:flex; align-items:center;">${logo}<span style="margin-left:5px;">${marca}</span></div>
            <div class="cell Live-Cell-UltVuelta ${lapClass}">${lapDisplay}</div>
            <div class="cell Live-Cell-Vueltas">${entry.ls}</div>
            <div class="cell Live-Cell-Total">${entry.tTm||''}</div>
            <div class="cell Live-Cell-Dif">${entry.df||''}</div>
            ${sectorHtml}
        `;
        if(i<5) top3.appendChild(row); else topTodos.appendChild(row);
        newPositions[entry.no]=entry.lbpos;
    });
    lastPositions=newPositions;

    // --- Solo actualizar Top3 si hay al menos 5 pilotos ---
    if(top3Nombres.length >= 5){
        await UpdateTop3Pilotos("0", currentSerie, top3Nombres);
    }

    // Mejores sectores y puntero
    if(data.l && data.l.length>0){
        let bestSectors={};
        data.l.forEach(entry=>{ Object.keys(entry).forEach(k=>{ if(/^s\d+$/.test(k)){ const time=parseFloat(entry[k]); if(!isNaN(time)){ if(!bestSectors[k] || time<bestSectors[k].time) bestSectors[k]={time, piloto: entry.nam, numero: entry.no}; } } }); });
        Object.keys(bestSectors).forEach(sk=>{
            const el=document.getElementById("Best"+sk.toUpperCase());
            if(el){ const sectorNum=sk.match(/\d+$/)?sk.match(/\d+$/)[0]:''; el.innerHTML=`<div class="NombreSector">SECTOR ${sectorNum}</div><div class="DorsalPiloto">${bestSectors[sk].numero}</div><div class="NombrePiloto">${(bestSectors[sk].piloto.split(' ').slice(-1)[0] || '').substring(0,6).toUpperCase()}</div><div class="TiempoPiloto">${bestSectors[sk].time.toFixed(3)}</div>`; }
        });

        const puntero = data.l.find(p=>parseInt(p.lbpos)===1);
        if(puntero){ const punteroEl = document.getElementById('Puntero'); if(punteroEl){ punteroEl.innerHTML=`<h1>LIDER DE LA SESION</h1><div class="record-line"><div class="record-number">${puntero.no}</div><div class="record-name">${puntero.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${puntero.btTm}</h3>`; } }

        const record = data.l.find(p=>p.ibt===true);
        if(record){ const recordEl = document.getElementById('Record'); if(recordEl){ recordEl.innerHTML=`<h1>VUELTA RAPIDA</h1><div class="record-line"><div class="record-number">${record.no}</div><div class="record-name">${record.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${record.btTm}</h3>`; } }
    }
}


// --- Tabs ---
document.querySelectorAll('.tab-button').forEach(btn=>{
    btn.addEventListener('click', async ()=>{
        document.querySelectorAll('.tab-button').forEach(b=>b.classList.remove('active'));
        btn.classList.add('active');
        document.getElementById("Div-360-Live-Top-3").innerHTML ="";
        document.getElementById("Div-360-Live-Top-Todos").innerHTML = `
<div style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center;">
    <div style="border: 4px solid #f3f3f3; border-top: 4px solid #33C; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 10px;"></div>
    <div style="color: green; text-align: center;">Conectando al evento solicitado...</div>
</div>
<style>
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
</style>
`;
        currentEvent=btn.dataset.event;
        currentSerie=btn.dataset.serie;
        lastPositions={};
        localStorage.setItem('lastSerie', currentSerie);
        actualizarEspias(currentSerie);
        await UpdateDriverTags("0", currentSerie);
        if(socket && socket.readyState===1){
            socket.send(JSON.stringify({action:"subscribe", event:currentEvent, serie:currentSerie}));
        }
    });
});


// --- Inicialización ---
window.addEventListener('load', async ()=>{
            currentEvent = localStorage.getItem('lastEvent') || "0";
        currentSerie = localStorage.getItem('lastSerie') || "0";
        await UpdateDriverTags("0", currentSerie);
        initWebSocket();
    });
</script>
    </div>


<div id="MS-Seccion-Modal-Campeonato" class="MS-Seccion-Modal">  
    <div class="MS-Seccion-Modal-Content">
        <div class="MS-Seccion-Modal-Header">
            <span id="MS-Seccion-Modal-Titulo"></span>
            <button onclick="cerrarModal()">✖</button>
        </div>

        <div id="MS-Seccion-Modal-Body"><style>
/* CHAMPIONSHIP TABLE — Versión Elegante y Minimal v4 */
.MS-Seccion-Select-Fecha { display: none !important; }

/* Contenedor Principal */
#contenedorTabla {
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
    overflow-x: auto;
    font-family: "Saira Condensed", system-ui, sans-serif;
    background: #f8f9fc;
    scrollbar-width: thin;
}

#contenedorTabla::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#contenedorTabla::-webkit-scrollbar-thumb {
    background: #cbd2e0;
    border-radius: 3px;
}

/* Tabla */
.Seccion-Tabla {
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding-top: 48px;
    min-width: max-content;
}
.Seccion-Tabla.show { opacity: 1; }

/* Header Fijo */
.Seccion-Tabla-Header {
    position: fixed;
    top: 30px;
    z-index: 30;
    display: flex;
    background: #ffffff;
    border-bottom: 2px solid #1e2a44;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    min-width: max-content;
}

.Seccion-Tabla-Header .Seccion-Tabla-Cell {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    color: #64748b;
    text-transform: uppercase;
    padding: 6px 8px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 1px solid #e2e8f0;
    background: #ffffff;
}

/* Filas */
.Seccion-Tabla-Fila {
    display: flex;
    height: 32px;
    min-height: 32px;
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e6eaf2;
    transition: all 0.2s ease;
    cursor: pointer;
}

.Seccion-Tabla-Fila:nth-child(even) {
    background: #f8fafc;
}

.Seccion-Tabla-Fila:hover {
    background: #1e2937;
    transform: translateX(2px);
}

/* Hover - Texto claro */
.Seccion-Tabla-Fila:hover .Seccion-Tabla-Cell {
    color: #e2e8f0;
}

/* Celdas Base */
.Seccion-Tabla-Cell {
    padding: 0 8px;
    font-size: 13px;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e2e8f0;
    height: 32px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Columnas específicas */
.Seccion-Tabla-Pos {
    width: 46px;
    font-weight: 700;
    color: #475569;
    font-size: 13.5px;
}

.Seccion-Tabla-Var { width: 52px; font-size: 12px; }
.Seccion-Tabla-Nro { width: 58px; font-weight: 800; letter-spacing: 0.5px; }

.Seccion-Tabla-Piloto {
    min-width: 170px;
    justify-content: flex-start;
    font-weight: 600;
    padding-left: 12px;
}

.Seccion-Tabla-Logo {
    width: 32px;
    justify-content: center;
}
.Seccion-Tabla-Logo img {
    height: 22px;
    width: 22px;
    object-fit: contain;
}

/* Total */
.Seccion-Tabla-Total {
    width: 88px;
    font-size: 15.5px;
    font-weight: 900;
    background: #f1f5f9;
    border-left: 2px solid #64748b;
    color: #0f172a;
}

/* Top 3 */
.Seccion-Tabla-Fila:nth-child(2) .Seccion-Tabla-Pos { color: #d97706; }
.Seccion-Tabla-Fila:nth-child(3) .Seccion-Tabla-Pos { color: #64748b; }
.Seccion-Tabla-Fila:nth-child(4) .Seccion-Tabla-Pos { color: #b45309; }

/* ====================== COLUMNA EVENTO (Q/S/F) ====================== */
.Seccion-Tabla-Ev {
    width: 138px;
    min-width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border-right: 1px solid #e2e8f0;
}

.TooltipRow {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 3px;
}

/* Badges Sobrios */
.TooltipLabel {
    font-size: 11.5px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 2px;
    min-width: 22px;
    text-align: center;
    line-height: 1;
}

/* Colores muy suaves y elegantes */
.TooltipRow .TooltipLabel:nth-child(1) {    /* Q - Clasificación */
    background: #dbeafe;
    color: #1e40af;
}
.TooltipRow .TooltipLabel:nth-child(1)::after {
    content: "Q";
    font-size: 9px;
    display: block;
    color: #2563eb;
    margin-top: 1px;
}

.TooltipRow .TooltipLabel:nth-child(3) {    /* S - Serie */
    background: #fef3c7;
    color: #854d0e;
}
.TooltipRow .TooltipLabel:nth-child(3)::after {
    content: "S";
    font-size: 9px;
    display: block;
    color: #ca8a04;
}

.TooltipRow .TooltipLabel:nth-child(5) {    /* F - Final */
    background: #d1fae5;
    color: #166534;
}
.TooltipRow .TooltipLabel:nth-child(5)::after {
    content: "F";
    font-size: 9px;
    display: block;
    color: #15803d;
}

.TooltipValue {
    font-size: 13px;
    font-weight: 400;
    color: #334155;
    min-width: 18px;
    text-align: center;
}

/* Hover en evento */
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(1) { background: #1e3a8a; color: #dbeafe; }
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(3) { background: #854d0e; color: #fef9c3; }
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(5) { background: #166534; color: #d1fae5; }

.Seccion-Tabla-Fila:hover .TooltipValue {
    color: #e2e8f0;
}

/* Variación */
.C-VarUp { color: #15803d !important; }
.C-VarDown { color: #b91c1c !important; }
.C-VarEq { color: #64748b !important; }

/* Responsive */
@media (max-width: 1024px) {
    .Seccion-Tabla-Ev { width: 110px; min-width: 110px; }
}

@media (max-width: 768px) {
    .Seccion-Tabla-Ev {
        width: 78px;
        min-width: 78px;
    }
    .TooltipLabel { font-size: 10px; padding: 1px 4px; }
    .TooltipValue { font-size: 12px; }
    .Seccion-Tabla-Piloto { min-width: 130px; }
}
</style>

<div class="MS-Seccion-Select-Fecha">
  <label for="filtroFecha"><b>Filtrar fecha:</b></label>

    <select id="filtroFecha" onchange="renderTabla(true)">
        <option value="all">Todas</option>
    </select>
</div>


<div id="contenedorTabla" style="overflow:scroll !important;"></div>


</div>
    </div>
    
    
<div id="Seccion-Modal-Detalle-Campeonato" class="Seccion-Modal-Detalle-Campeonato">
    
    <!-- OVERLAY -->
    <div class="Seccion-Modal-Detalle-Campeonato-Overlay" onclick="cerrarModalCampeonato()"></div>

    <div class="Seccion-Modal-Detalle-Campeonato-Box">

        <!-- ================= HEADER ================= -->
        <div class="Seccion-Modal-Detalle-Campeonato-Header">

            <!-- IZQUIERDA -->
            <div class="Header-Piloto Header-Piloto-Left"> 
              <div id="ModalFoto" class="ModalFoto"></div>
             <div class="Header-Piloto Header-Piloto-Left-Data">
             <div id="ModalNombre" class="ModalNombre"></div>

              <div id="ModalMarca" class="ModalMarca"></div>
              <div id="ModalEquipo" class="ModalEquipo"></div>
              
                <div id="ModalNumero" class="ModalNumero"></div>
                
            </div>
            
            
              <div class="Header-Piloto-Left-Stats">
              
<div class="Seccion-Modal-Detalle-Campeonato-Stats">

                    <div class="Stat" id="Dif-Puntos-A">
                        <span>Puntos</span>
                        <strong id="ModalTotal">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Carreras-A">
                        <span>Carreras</span>
                        <strong id="ModalCarreras">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Promedio-A">
                        <span>Promedio</span>
                        <strong id="ModalPromedio">0.00</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Victorias-A">
                        <span>Victorias</span>
                        <strong id="ModalWins">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Podios-A">
                        <span>Podios</span>
                        <strong id="ModalPodios">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat">
                        <span>Poles</span>
                        <strong id="ModalPoles">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat">
                        <span>RV</span>
                        <strong id="ModalRV">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

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

            <!-- CENTRO -->
            <div class="Seccion-Modal-Detalle-Campeonato-VS">
                <label>COMPARAR CON:</label>
                <select id="ModalVSSelect">
                    <option value="">-- Seleccionar piloto --</option>
                </select>
            </div>

            <!-- DERECHA -->
            <!-- DERECHA (VS) -->
<div class="Header-Piloto Header-Piloto-Right"> 

    <div class="Header-Piloto-Right-Stats">
    <div id="ModalComparacionStats" class="Seccion-Modal-Detalle-Campeonato-Stats-VS"></div>
    
    </div>

    
    <div class="Header-Piloto-Right-Data">
        <div id="ModalNombreVS" class="ModalNombre"></div>
        <div id="ModalMarcaVS" class="ModalMarca"></div>
        <div id="ModalEquipoVS" class="ModalEquipoVS"></div>
        
        <div id="ModalNumeroVS" class="ModalNumero"></div>
    </div>    
    <div id="ModalFotoVS" class="ModalFoto"></div>

</div>

    
            <!-- CERRAR -->
            <div class="Cerrar" onclick="cerrarModalCampeonato()">✕</div>

        </div> 

        <!-- ================= BODY ================= -->
        <div class="Seccion-Modal-Detalle-Campeonato-Body">


            <!-- ===== GRID PRINCIPAL (CHART + EVENTOS + EXTRA) ===== -->
            <div class="Seccion-Modal-Detalle-Campeonato-Grid">

                <!-- CHART -->
                <div class="Seccion-Modal-Detalle-Campeonato-Chart">
                    <canvas id="ModalChart"></canvas>
                </div>

                <!-- EVENTOS -->
                <div class="Seccion-Modal-Detalle-Campeonato-Eventos">
                <h4 style="font-weight:600; font-size:13px; text-align:center;">PUNTAJE OBTENIDO POR FECHAS</h4>

                <div id="ModalEventos"></div>
                
                </div>

                <!-- STATS SECUNDARIAS -->
                

            </div>

            <!-- EXTRA COMPARACIÓN (opcional futuro) -->
            

        </div>

    </div>
</div>

    
</div>


<footer class="footer d-f w-100 d-col" id="jkd-ft" style="z-index:2;">

                        
            <div class="BannerAdsShow FooterAd">
            <img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
            </div>


  <!-- Footer de escritorio -->
  

  <!-- Barra inferior escritorio -->
  <div class="bot-wrp bg-col-pr primary-cs pos-rel w-100 pt-10 pb-10 pb-20-sm pt-20-sm d-col-sm"
       itemprop="mainEntity" itemscope itemtype="https://schema.org/Organization"
       style="--jkd-h-col: rgba(255, 255, 255, 1); --jkd-txt-col: rgba(199, 199, 199, 1); --jkd-bg-col: rgba(52, 54, 58, 1); --jkd-bg-col-sec: rgba(40, 41, 42, 1);">
    <div class="in-wrp jkd-c jc-c ai-c pos-rel z-ui d-col-md">
      <div class="copyright mr-a mt-txt mr-0-md ta-c-md d-fw d-f ai-c m-fw" itemprop="copyrightHolder">
        © 2025-2026 | MetaSport360 - Info del automovilismo. Argentina y el mundo. | Todos los Derechos Reservados
      </div>
      <div class="menu-wrp ml-a ml-0-md mt-15-md mt-7-sm d-f ai-c" itemprop="hasMenu" itemscope itemtype="https://schema.org/SiteNavigationElement">
        <div class="menu-copyright-menu-container">
          <ul class="menu-list r-list d-f mt-txt m-fw">
            <li class="menu-item">
              <a href="#">Desarrollado por MetaSport</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- Font Awesome (si aún no lo tenés cargado) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</footer>

<!-- Barra móvil tipo app -->
<div class="ms360-footer-mobile" role="navigation" aria-label="Barra de navegación inferior MetaSport360">


  <!-- Botones izquierda -->
  <button class="ft-item submenu-toggle" aria-label="Nosotros" aria-expanded="false" aria-controls="submenu-nosotros">
    <i class="fas fa-info-circle" aria-hidden="true"></i>
    <span>Nosotros</span>
  </button>

  <a class="ft-item submenu-toggle" aria-label="Contacto" aria-expanded="false" href="https://metasport360.com/Fantasy">
    <i class="bi bi-bookmark-star-fill"></i>
    <span>Fantasy</span>
  </a>

  <!-- Botón HOME centrado -->
  <a href="https://metasport360.com/" class="ft-item ft-home LanzaPreload" aria-label="Inicio" title="Inicio" style="overflow:hidden;" data-preload="&nbsp;&nbsp;">
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW 2020 (64-Bit) -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="2050.68mm" height="1909.23mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 103994.37 96821.43"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#0764DE}
    .fil2 {fill:black;fill-rule:nonzero}
    .fil1 {fill:#0764DE;fill-rule:nonzero}
    .fil3 {fill:#4D4D4D;fill-rule:nonzero}
   ]]>
  </style>
 </defs>
 <g id="Capa_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M16436.53 82320.87c19796.76,27676.65 61774.9,12001.28 68841.07,-15758.5l-8623.89 -82.88 -4779.64 -25.24c-8875.41,22524.56 -30521.85,29506.48 -55437.54,15866.62z"/>
  <path class="fil0" d="M81277.39 28857.92l11624.31 6.9c-1313.86,-12521.77 -8969.22,-22372.12 -20473.72,-27107.05 -8763.28,-2985.6 -21689.63,-2208.68 -28779.54,2643.41 21630.99,-4377.18 31199.56,4606.85 37628.96,24456.74z"/>
  <polygon class="fil1" points="16931.23,45769.55 12193.25,64055.27 -0,64055.27 8846.25,29914.18 24693.3,29914.18 31248.25,46984.71 46641.16,29914.18 62488.21,29914.18 53641.96,64055.27 41448.71,64055.27 46186.7,45769.55 30478.96,64055.27 23163.01,64055.27 "/>
  <path id="partecapa" class="fil2" d="M91751.97 29914.18c9754.61,0 13674.68,3662.12 11779.07,10978.07l-314.85 1215.16 -13408.41 0c209.19,-807.33 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-815.65,0 -1329.15,407.83 -1538.34,1215.16 -211.35,815.67 90.81,1223.5 906.46,1223.5l12193.25 0c9754.6,0 13991.69,2438.64 12727.95,7315.95l-631.88 2438.64c-1895.62,7315.95 -7711.32,10969.77 -17465.92,10969.77l-12193.25 0c-9754.59,0 -13685.16,-3653.82 -11789.54,-10969.77l317.03 -1223.48 13408.41 0c-211.34,815.67 90.81,1223.48 906.46,1223.48l12193.25 0c807.34,0 1320.84,-407.82 1532.18,-1223.48 211.33,-815.65 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-9754.59,0 -14000.01,-2438.64 -12736.27,-7315.95l631.88 -2438.66c1895.62,-7315.95 7721.81,-10978.07 17476.4,-10978.07l12193.25 0zm-40493.27 52569.68c-18797.59,1635.2 -25537.65,-3133.39 -30670.77,-16007.39l-9285.03 51.86c2741.1,17056.92 27782.12,26005.92 39955.8,15955.53zm9664.25 -70700.44c4821.33,352.11 9285.4,2402.69 13068.5,5287.33 -3818.51,-7112.76 -14018.7,-12118.93 -25930.44,-10460.76 -12469.53,2000.86 -23771.23,11386.35 -30027.47,22139.69 2638.14,44.96 5276.15,89.79 7914.29,134.74l3057.17 -7.03c9218.98,-9605.99 17013.09,-18182.8 31917.95,-17093.97z"/>
  <path class="fil3" d="M34979.63 78683.78c-553.72,0 -1132.56,-50.33 -1736.6,-150.98 -604.1,-100.65 -1076.02,-220.22 -1415.79,-358.69l283.17 -1359.06c440.43,188.74 909.2,327.15 1406.31,415.24 497.11,88.09 1016.2,132.13 1557.35,132.13 1082.24,0 1922.27,-163.55 2520.02,-490.76 597.76,-327.22 978.44,-899.78 1141.99,-1717.75 176.24,-780.28 53.53,-1346.56 -368.05,-1698.91 -421.59,-352.41 -1072.81,-528.58 -1953.74,-528.58l-1755.52 0 396.39 -1170.33 1453.49 0c906.07,0 1623.38,-198.22 2151.97,-594.62 528.52,-396.39 868.3,-953.25 1019.35,-1670.57 138.41,-692.19 34.56,-1201.86 -311.51,-1529.02 -346.07,-327.22 -1060.25,-490.82 -2142.48,-490.82 -503.39,0 -1022.49,50.33 -1557.35,151.04 -534.8,100.65 -1022.49,232.78 -1462.92,396.39l302.02 -1340.21c377.54,-138.47 865.23,-261.12 1462.98,-368.12 597.76,-106.93 1179.75,-160.46 1746.09,-160.46 1359.06,0 2337.5,311.5 2935.26,934.4 597.76,622.95 789.7,1418.94 575.77,2387.89 -125.85,616.67 -405.88,1205.01 -840.03,1765 -434.15,560 -1028.77,946.96 -1783.85,1160.9 767.65,176.17 1271.04,531.66 1510.17,1066.53 239.06,534.81 295.73,1098.01 169.89,1689.48 -239.13,1182.89 -833.74,2066.96 -1783.85,2652.15 -950.11,585.19 -2123.64,877.73 -3520.52,877.73zm10873 0c-1447.22,0 -2469.7,-368.05 -3067.46,-1104.23 -597.76,-736.24 -726.75,-1909.7 -386.97,-3520.52l622.89 -2869.23c352.41,-1585.69 1047.68,-2822.11 2085.87,-3709.26 1038.26,-887.22 2337.57,-1330.85 3898.06,-1330.85 591.48,0 1104.29,34.62 1538.44,103.85 434.15,69.18 821.12,166.75 1160.89,292.6l-283.17 1340.21c-339.78,-138.41 -723.61,-242.27 -1151.48,-311.44 -427.87,-69.24 -918.63,-103.86 -1472.34,-103.86 -1182.95,0 -2133.06,311.51 -2850.38,934.4 -717.32,622.95 -1182.95,1456.64 -1396.89,2501.18l-188.74 924.97c566.28,-364.98 1164.04,-632.38 1793.28,-802.27 629.24,-169.89 1189.24,-254.83 1679.99,-254.83 1384.32,0 2346.99,336.64 2888.14,1009.92 541.15,673.21 673.28,1645.38 396.39,2916.41 -251.69,1182.95 -792.78,2142.48 -1623.38,2878.71 -830.54,736.17 -2044.97,1104.23 -3643.16,1104.23zm264.26 -1226.93c1006.78,0 1815.33,-242.27 2425.66,-726.75 610.32,-484.54 1003.57,-1148.33 1179.81,-1991.5 125.85,-578.91 157.26,-1072.81 94.37,-1481.83 -62.96,-409.02 -276.89,-723.61 -641.8,-943.82 -364.98,-220.22 -937.54,-330.36 -1717.82,-330.36 -616.61,0 -1211.23,97.51 -1783.79,292.6 -572.63,195.08 -1098.01,443.57 -1576.2,745.66l-302.09 1472.34c-213.93,994.15 -154.12,1736.67 179.38,2227.43 333.5,490.82 1047.62,736.24 2142.48,736.24zm11212.72 1226.93c-1749.24,0 -2929.05,-544.23 -3539.37,-1632.81 -610.33,-1088.52 -720.46,-2582.98 -330.35,-4483.19 289.45,-1359.12 698.47,-2516.88 1226.99,-3473.34 528.52,-956.39 1223.85,-1686.28 2085.87,-2189.66 862.02,-503.39 1941.18,-755.08 3237.35,-755.08 1233.28,0 2170.82,251.69 2812.62,755.08 641.8,503.38 1035.05,1233.28 1179.81,2189.66 144.7,956.45 72.32,2114.21 -217.08,3473.34 -264.32,1258.41 -660.71,2346.99 -1189.23,3265.68 -528.58,918.63 -1220.71,1623.38 -2076.45,2114.14 -855.74,490.82 -1919.12,736.17 -3190.16,736.17zm283.17 -1321.36c1271.04,0 2284.03,-437.3 3039.12,-1311.88 755.08,-874.65 1283.6,-2035.55 1585.62,-3482.76 239.13,-1094.87 339.78,-2022.98 302.02,-2784.28 -37.76,-761.37 -273.68,-1337.13 -707.84,-1727.24 -434.15,-390.11 -1135.77,-585.19 -2104.79,-585.19 -1258.41,0 -2271.47,437.36 -3039.12,1311.94 -767.65,874.65 -1327.65,2136.2 -1679.99,3784.78 -201.37,956.39 -270.61,1796.42 -207.65,2520.02 62.89,723.61 314.59,1283.61 755.02,1679.99 440.5,396.45 1126.34,594.62 2057.6,594.62z"/>
 </g>
</svg>
  </a>

  <!-- Botones derecha -->
  <button class="ft-item submenu-toggle" aria-label="Marca" aria-expanded="false" aria-controls="submenu-marca">
    <i class="fas fa-calendar-alt" aria-hidden="true"></i>
    <span>Calendarios</span>
  </button>


<button class="ft-item" id="toggleLiveT-Mobile">
  <i class="bi bi-stopwatch-fill"></i>
  <span>Tiempos</span>
</button>

  
</div>

<!-- Submenus afuera, fijos justo arriba de la barra -->
<div id="submenu-nosotros" class="mobile-submenu" aria-label="Submenú Nosotros" role="menu">
  <a href="https://metasport360.com/Meta360/Quienes-Somos/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Quiénes Somos</a>
  <a href="https://metasport360.com/Meta360/Privacidad/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Políticas de Privacidad</a>
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Contacto</a>
</div>

<div id="submenu-contacto" class="mobile-submenu" aria-label="Submenú Contacto" role="menu">
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Formulario de Contacto</a>
</div>

<div id="submenu-marca" class="mobile-submenu" aria-label="Submenú Marca" role="menu">


<!-- FORMULARIO OCULTO -->
<form id="catForm" action="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" method="POST" style="display:none;">
  <input type="hidden" name="catid" id="catidInput">
</form>

<!-- ENLACES -->

<a href="#" onclick="enviarCategoria(78)" class="LanzaPreload turismopista" 
   data-preload="<p>Cargando Calendario de</p><b class='turismopista'>Turismo Pista</b>">
   Turismo Pista
</a>

<a href="#" onclick="enviarCategoria(17)" class="LanzaPreload turismocarretera" 
   data-preload="<p>Cargando Calendario de</p><b class='turismocarretera'>Turismo Carretera</b>">
   Turismo Carretera
</a>

<a href="#" onclick="enviarCategoria(19)" class="LanzaPreload tnapat" 
   data-preload="<p>Cargando Calendario de</p><b class='tnapat'>TN Apat</b>">
   TN Apat
</a>

<a href="#" onclick="enviarCategoria(1)" class="LanzaPreload formula1" 
   data-preload="<p>Cargando Calendario de</p><b class='formula1'>Fórmula 1</b>">
   Fórmula 1
</a>

<a href="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" class="LanzaPreload" 
   data-preload="<p>Cargando Calendarios</p>">
   Mas...
</a>


<!-- JAVASCRIPT -->
<script>
function enviarCategoria(id) {
    // Construir URL dinámicamente con el id
    const url = "https://metasport360.com/Fechas/" + encodeURIComponent(id) + "/Schedule/2025";
    
    // Redirigir a la URL
    window.location.href = url;
}
</script>


</div>


<script>
  const toggles = document.querySelectorAll('.submenu-toggle');
  const submenus = document.querySelectorAll('.mobile-submenu');

  toggles.forEach(button => {
    button.addEventListener('click', (e) => {
      e.stopPropagation();

      const expanded = button.getAttribute('aria-expanded') === 'true';
      const targetId = button.getAttribute('aria-controls');
      const targetMenu = document.getElementById(targetId);

      if (!targetMenu) return;

      if (expanded) {
        targetMenu.classList.remove('open');
        button.setAttribute('aria-expanded', 'false');
      } else {
        submenus.forEach(m => m.classList.remove('open'));
        toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));

        targetMenu.classList.add('open');
        button.setAttribute('aria-expanded', 'true');
      }
    });
  });

  document.addEventListener('click', (e) => {
    const clickedInsideMenu = [...submenus].some(menu => menu.contains(e.target));
    const clickedToggle = [...toggles].some(btn => btn.contains(e.target));

    if (!clickedInsideMenu && !clickedToggle) {
      submenus.forEach(m => m.classList.remove('open'));
      toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));
    }
  });
  
  
</script>


<script>
const fsDiv = document.getElementById('fullScreenDiv');
const btns = [
    document.getElementById('toggleLiveT'),
    document.getElementById('toggleLiveT-Mobile'),
	document.getElementById('toggleLiveT-Desktop') // Nuevo botón agregado
];

let visible = false;
let originalOverflow = ''; // Guardamos el overflow original del body

btns.forEach(btn => {
    if(btn){ // verificamos que exista el botón
        btn.addEventListener('click', () => {
            if(!visible){
                // Guardar overflow actual y bloquear scroll
                originalOverflow = document.body.style.overflow || '';
                document.body.style.overflow = 'hidden';

                // Mostrar div y animar bajada
                fsDiv.style.display = 'block';
                requestAnimationFrame(() => {
                    fsDiv.classList.add('show');
                });
                visible = true;
            } else {
                // Animar subida
                fsDiv.classList.remove('show');

                // Restaurar overflow original después de la transición
                setTimeout(() => { 
                    fsDiv.style.display = 'none';
                    document.body.style.overflow = originalOverflow;
                }, 500); // coincide con transition
                visible = false;
            }
        });
    }
});
</script>

<!--
<script>
document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        const objetivo = document.getElementById("PreCampeonatos360Container");
        if (!objetivo) return;

        const velocidadVertical = 2; // px por paso vertical
        const intervaloVertical = 2; // ms entre pasos vertical
        const destinoVertical = objetivo.offsetTop + objetivo.offsetHeight - window.innerHeight;

        const scrollInterval = setInterval(function() {
            const posicionActual = window.scrollY;

            if (posicionActual >= destinoVertical) {
                clearInterval(scrollInterval);

                // --- Scroll horizontal programático ---
                const carousel = document.getElementById('PreCampeonatos360Carousel');
                if (!carousel) return;

                // Aseguramos que sea scrollable
                carousel.style.overflowX = "scroll";

                const distanciaTotal = carousel.scrollWidth - carousel.clientWidth; // todo lo que se puede mover
                const duracion = 3000; // ms para recorrer toda la distancia
                const inicio = performance.now();

                function animarScrollHorizontal(timestamp) {
                    const tiempoTranscurrido = timestamp - inicio;
                    const porcentaje = Math.min(tiempoTranscurrido / duracion, 1);
                    carousel.scrollLeft = porcentaje * distanciaTotal;
                    if (porcentaje < 1) {
                        requestAnimationFrame(animarScrollHorizontal);
                    }
                }

                requestAnimationFrame(animarScrollHorizontal);

                return;
            }

            const paso = Math.min(velocidadVertical, destinoVertical - posicionActual);
            window.scrollBy(0, paso);
        }, intervaloVertical);
    }, 3000);
});
</script>


 -->
 
<script>
// ID global
const SIM_ID = 'sim_global';

// Función para obtener pilotos del tab activo
window.obtenerPilotosActivos = function(){
    let tabContent = $(".TablasCampeonatos360Content:visible").first();
    if(tabContent.length === 0) return [];

    let filas = tabContent.find("table.TablaTransparente tbody tr.FilaClickStat");
    let pilotos = [];
    filas.each(function(){
        pilotos.push({
            dorsal: parseInt($(this).data("dorsal")),
            logo: $(this).data("logo"),
            nombre: $(this).data("nombre"),
            clase: $(this).data("clase"),
            categoria: $(this).data("categoria"),
            puntos: parseFloat($(this).find("td:nth-child(8)").text())
        });
    });
    return pilotos.slice(0,10);
};

// Construir selectores dentro del modal
window.construirSelectores = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();

    let pole = root.find(".pole");
    let record = root.find(".record");
    let series = root.find(".seriesBox");
    let finalBox = root.find(".finalBox");

    pole.empty(); record.empty(); series.empty(); finalBox.empty();

    pilotos.forEach(p=>{
        pole.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
        record.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
    });

    pilotos.forEach(p=>{
if (p.clase) {
    if (!isNaN(p.clase)) {
        // Si es numérico
        $("#SimClass").text("Clase " + p.clase);
    } else {
        // Si es texto, limpiar y capitalizar
        let claseLimpia = p.clase
            .replace(/[^a-zA-Z0-9\s]/g, "") // elimina todo lo que no sea letras, números o espacios
            .trim()
            .toLowerCase()
            .replace(/\b\w/g, c => c.toUpperCase()); // capitaliza cada palabra
        $("#SimClass").html('<span class="Simu-claseLimpia">' + claseLimpia + '</span>');
    }
}
		
		series.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
			<select class="SimuSelect2 serie sim" data-dorsal="${p.dorsal}">
				<option value="">&#9660;</option>
				${Array.from({length:20},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
			</select>
		`);


        finalBox.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
                <select class="SimuSelect2 final sim" data-dorsal="${p.dorsal}">
                    <option value="">&#9660;</option>
                    ${Array.from({length:30},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
                </select>
        `);
    });
};

// Recalcular puntos simulados
window.recalcular = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();
    let tabla = pilotos.map(p=>({...p,puntosSim:p.puntos}));

  
const P_POLE = 3,P_RECORD=0,
      P_SERIE = {
        1: 7.5, 2: 6.75, 3: 6, 4: 5.25, 5: 4.5,6: 3.75, 7: 3, 8: 2.25, 9: 1.5
      },
      P_FINAL = {
  1: 60, 2: 55.5, 3: 51, 4: 46.5, 5: 45,
  6: 43.5, 7: 42, 8: 40.5, 9: 39, 10: 37.5,
  11: 36, 12: 34.5, 13: 33, 14: 31.5, 15: 30,
  16: 28.5, 17: 27, 18: 25.5, 19: 24, 20: 22.5,
  21: 21, 22: 19.5, 23: 18, 24: 16.5, 25: 15,
  26: 13.5, 27: 12, 28: 10.5, 29: 9, 30: 7.5,
  31: 4.5, 32: 4.5, 33: 4.5, 34: 4.5, 35: 4.5,
  36: 4.5, 37: 4.5, 38: 4.5, 39: 4.5, 40: 4.5,
  41: 3
      },
      P_LARGA = 3;
		  

// ============================
    // Mostrar reglas al público style="width:40%"
    // ============================
    let reglasHTML = `
    <table class="TablaReglas" style="width:100%; border-collapse:collapse; font-size:0.9rem; text-align:left; color:#fff;">
      <tr><th colspan="2" style="background:#111; color:#0ff; text-align:center; padding:4px;">Reglas de Puntuación</th></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;width:40%;"><div class="SimReglasTitlePuntos">Pole Position</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlockPole">${P_POLE} Pts.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Vuelta Rápida</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlock">${P_RECORD}P.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición en Serie</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_SERIE).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockSerie">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición Final</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_FINAL).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockFinal">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px;"><div class="SimReglasTitlePuntos">Largó</div></td><td style="padding:4px;"><div class="SimReglasTitlePuntosBlockExtra">${P_LARGA} Pts.</div></td></tr>
    </table>`;
    $("#SimReglasAplicadas").html(reglasHTML);
    let pole = root.find(".pole").val(); if(pole) tabla.find(p=>p.dorsal==pole).puntosSim+=P_POLE;
    let rec = root.find(".record").val(); if(rec) tabla.find(p=>p.dorsal==rec).puntosSim+=P_RECORD;

    root.find(".serie").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        if(P_SERIE[pos]) tabla.find(p=>p.dorsal==dorsal).puntosSim+=P_SERIE[pos];
    });

    root.find(".final").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        let obj = tabla.find(p=>p.dorsal==dorsal);
        if(P_FINAL[pos]) obj.puntosSim+=P_FINAL[pos];
        else if(pos) obj.puntosSim+=P_LARGA;
    });

    tabla.sort((a,b)=>b.puntosSim-a.puntosSim);

    let html="";
    tabla.forEach((p,i)=>{
        html += `
<tr>
  <td><div class="pos">${i + 1}</div></td>
  <td><div class="dorsal">${p.dorsal}</div></td>
  <td><div class="logo"><img src="${p.logo}" alt="${p.nombre}" style="height:26px;"></div></td>
  <td><div class="nombre">${p.nombre}</div></td>
  <td><div class="puntos">${p.puntos}</div></td>
  <td><div class="puntosSim"><b>${p.puntosSim.toFixed(1)}</b></div></td>
</tr>`;
    });

    // -------------------------
    // Inserción con efecto persiana (fila por fila)
    // -------------------------
    const $tbody = root.find(".TablaSim tbody");

    // Primero "apagar" filas existentes y luego vaciar (efecto rápido)
    const existingRows = $tbody.find("tr");
    if (existingRows.length) {
        existingRows.stop(true,true).fadeOut(150, function(){ $(this).remove(); });
    } else {
        $tbody.empty();
    }

    // Convertir el HTML acumulado en elementos jQuery (array de <tr>)
    // Usamos un contenedor temporal para parsear correctamente las filas
    const $temp = $("<tbody>").html(html);
    const $rows = $temp.find("tr");

    // Insertar cada fila con un retardo secuencial para crear el efecto "persiana"
    $rows.each(function(index){
        const $row = $(this).hide(); // ocultar antes de insertar
        // demora progresiva (ajustable): 80ms entre filas
        setTimeout(() => {
            $tbody.append($row);
            // fadeIn suave; la fila debería aparecer como persiana
            $row.fadeIn(220);
        }, index * 80);
    });
};


// Escuchar cambios en selectores
$(document).on("change", '#sim_global_wrap .sim', function(){
    recalcular();
});

$(document).ready(function() {

    // Función para abrir el modal
    function abrirModalSimu() {
        construirSelectores();
        recalcular();
        $("#ModalSimu").css({display:'block', opacity:0, top:'50px'})
                        .animate({opacity:1, top:'0px'}, 400);
    }

    // Abrir con Ctrl+K
    $(document).on('keydown', function(e) {
        if (e.ctrlKey && e.key.toLowerCase() === 'k') {
            e.preventDefault();
            abrirModalSimu();
        }
    });

    // Abrir con click en el botón
    $("#btnOpenSim").on('click', function() {
        abrirModalSimu();
    });

});


// CERRAR MODAL (con botón)
$('#btnCloseSim').on('click', function(){
    $("#ModalSimu").animate({opacity:0, top:'50px'}, 400, function(){
        $(this).css('display','none');
    });
});


function SeccionVerCampeonato(serie, clase){

    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    let body  = document.getElementById('MS-Seccion-Modal-Body');
    let titulo= document.getElementById('MS-Seccion-Modal-Titulo');

    // título dinámico
    titulo.innerHTML = "CAMPEONATO - Clase " + clase;

    // loader mientras carga
    body.innerHTML = `
        <div style="padding:10px;text-align:center;">
            <p>Cargando...</p>
        </div>
    `;

    // mostrar modal
    modal.classList.add('show');

    // AJAX (fetch)
    fetch(`../../../test-champ.php?serie=${serie}&clase=${clase}`)
        .then(response => response.text())
        .then(html => {
            body.innerHTML = html;
			initCampeonato(serie, clase);
        })
        .catch(err => {
            body.innerHTML = `
                <div style="padding:10px;color:red;">
                    Error al cargar contenido
                </div>
            `;
            console.error(err);
        });
}


let DATA = null;
let pilotoRivalDorsal = null;

function initCampeonato(serie = 78, clase = 1) {

    DATA = null;
    let prevOrder = {};
    let posicionesPorEvento = {};

    fetch(`../../../Contenido/Master-JSON/Campeonato-${serie}-${clase}.json`)
    .then(res => {
        if (!res.ok) throw new Error('Error HTTP: ' + res.status);
        return res.json();
    })
    .then(json => {

        if (!json || !json.campeonato) {
            throw new Error("JSON inválido o incompleto");
        }

        DATA = json;

        generarPosiciones();
        cargarFiltro();
        renderTabla(false);

    })
    .catch(err => {
        console.error(err);
        alert("❌ Error:\n" + err.message);
    });

    // 🔥 CALCULAR POSICIONES POR EVENTO
    function generarPosiciones() {

        posicionesPorEvento = {};

        DATA.eventos.forEach(ev => {
            posicionesPorEvento[ev.id] = {};
        });

        DATA.eventos.forEach(ev => {

            let lista = JSON.parse(JSON.stringify(DATA.campeonato));

            lista.sort((a,b) => {
                const aVal = a.eventos?.[ev.id]?.total ?? 0;
                const bVal = b.eventos?.[ev.id]?.total ?? 0;
                return bVal - aVal;
            });

            lista.forEach((p, index) => {
                const dorsal = p.piloto?.dorsal;
                posicionesPorEvento[ev.id][dorsal] = index + 1;
            });

        });
    }

    function cargarFiltro() {

        const select = document.getElementById("filtroFecha");

        select.innerHTML = `<option value="all">GENERAL</option>`;

        DATA.eventos.forEach(ev => {
            const opt = document.createElement("option");
            opt.value = ev.id;
            opt.textContent = `${formatFecha(ev.fecha)} - ${ev.ciudad}`;
            select.appendChild(opt);
        });
    }
	
	
    window.renderTabla = function(animar = false) {

        const cont = document.getElementById("contenedorTabla");
        const filtro = document.getElementById("filtroFecha").value;

        let pilotos = JSON.parse(JSON.stringify(DATA.campeonato));

        // ORDEN
        if (filtro !== "all") {
            pilotos.forEach(p => {
                p.totalFiltro = p.eventos?.[filtro]?.total ?? 0;
            });
            pilotos.sort((a,b) => b.totalFiltro - a.totalFiltro);
        } else {
            pilotos.sort((a,b) => b.total - a.total);
        }

        const newOrder = {};
        pilotos.forEach((p,i)=> newOrder[p.piloto?.dorsal] = i);

        let html = `<div class="Seccion-Tabla">`;

        // HEADER
        html += `<div class="Seccion-Tabla-Header">
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">POS</div>
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Var">VAR</div>
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">NRO</div>
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">M</div>
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">PILOTO</div>
        `;

        if (filtro === "all") {
            DATA.eventos.forEach(ev => {
                html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev"><span>${formatFecha(ev.fecha)}</span><strong>${ev.ciudad}</strong></div>`;
            });
        } else {
            const ev = DATA.eventos.find(e => e.id == filtro);
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev"><span>${formatFecha(ev.fecha)}</span><strong>${ev.ciudad}</strong></div>`;
        }

        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total">TOTAL</div>`;
        html += `</div>`;

        // FILAS
        pilotos.forEach((p,i)=>{

            const piloto = p.piloto || {};
            const dorsal = piloto.dorsal;

            const nombre = `${piloto.nombre ? piloto.nombre[0] + ". " : ""}${piloto.apellido || ''}`;

let varVal = 0;

// 🔥 CLAVE: normalizar dorsal SIEMPRE
const dorsalKey = String(dorsal);

// 🔥 GENERAL
if (filtro === "all") {

    const eventos = DATA.eventos;

    let historial = [];

    // recorremos eventos y guardamos SOLO donde exista posición válida
    for (let i = 0; i < eventos.length; i++) {

        const evId = eventos[i].id;

        const pos = posicionesPorEvento?.[evId]?.[dorsalKey];

        if (pos !== undefined) {
            historial.push(pos);
        }
    }

    // comparar los 2 últimos valores reales
    if (historial.length >= 2) {
        varVal = historial[historial.length - 2] - historial[historial.length - 1];
    }

} else {

    const indexEvento = DATA.eventos.findIndex(e => e.id == filtro);

    if (indexEvento > 0) {

        const prevId = DATA.eventos[indexEvento - 1].id;

        const posActual = posicionesPorEvento?.[filtro]?.[dorsalKey];
        const posAnterior = posicionesPorEvento?.[prevId]?.[dorsalKey];

        if (posActual != null && posAnterior != null) {
            varVal = posAnterior - posActual;
        }
    }
}

// 🔥 RENDER
let varHtml = "•";
let varClass = "C-VarEq";

if (varVal > 0) {
    varHtml = "<strong><i class='bi bi-arrow-up-short'></i></strong>" + "<b>"+varVal+"</b>";
    varClass = "C-VarUp";
} else if (varVal < 0) {
    varHtml = "<strong><i class='bi bi-arrow-down-short'></i></strong>" + "<b>"+Math.abs(varVal)+"</b>";
    varClass = "C-VarDown";
}


            html += `<div class="Seccion-Tabla-Fila fila" data-dorsal="${dorsal}">`;

            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">${i+1}</div>`;
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var ${varClass}">${varHtml}</div>`;
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">${dorsal}</div>`;
			const logoMarca = (piloto.marca || '')
				.toLowerCase()
				.replace(/\s+/g, '');
			
			html += `
			<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">
				<img src="https://metasport360.com/Contenido/Marcas-Brands/${logoMarca}.png" alt="${logoMarca}" />
			</div>
			`;
           html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">${nombre}</div>`;

            if (filtro === "all") {

                DATA.eventos.forEach(ev => {

                    const evData = p.eventos?.[ev.id];
                    const val = evData?.total ?? 0;

const tooltipHTML = evData ? `
    <div class="Seccion-Detalle-Tooltip">

        <div class="TooltipRow">
            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.clas ?? 0}</div>


            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.serie ?? 0}</div>

            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.final ?? 0}</div>
        </div>

    </div>
` : '';

html += `
<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev">

    <div class="Seccion-Tabla-Ev-Total">
    <div class="MSTVal-${val}">${val}</div>
</div>


    <div class="Seccion-Tabla-Ev-Detalle">
        ${tooltipHTML}
    </div>

</div>
`;

                });

            } else {

                const evData = p.eventos?.[filtro];
                const val = evData?.total ?? 0;

const tooltipHTML = evData ? `
    <div class="Seccion-Detalle-Tooltip">

        <div class="TooltipRow">
            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.clas ?? 0}</div>


            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.serie ?? 0}</div>

            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.final ?? 0}</div>
        </div>

    </div>
` : '';

html += `
<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev">

    <div class="Seccion-Tabla-Ev-Total">
    <div class="MSTVal-${val}">jj${val}</div>
</div>


    <div class="Seccion-Tabla-Ev-Detalle">
        ${tooltipHTML}
    </div>

</div>
`;
            }

            const total = (filtro === "all") ? p.total : (p.totalFiltro || 0);

            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"><strong>${total.toFixed(1)}</strong></div>`;
            html += `</div>`;
        });

        html += `</div>`;

        cont.innerHTML = html;

        document.querySelector(".Seccion-Tabla").classList.add("show");

        // RESET
        document.querySelectorAll(".fila").forEach(f => {
            f.style.transform = "translateY(0)";
            f.style.transition = "none";
        });

        // ANIMACIÓN
        if (animar && Object.keys(prevOrder).length) {

            document.querySelectorAll(".fila").forEach(fila => {

                const dorsal = fila.dataset.dorsal;

                if (prevOrder[dorsal] !== undefined) {

                    const delta = prevOrder[dorsal] - newOrder[dorsal];

                    if (delta !== 0) {

                        fila.style.transform = `translateY(${delta * 30}px)`;

                        setTimeout(() => {
                            fila.style.transition = "transform 0.5s ease";
                            fila.style.transform = "translateY(0)";
                        }, 20);
                    }
                }
            });
        }

        prevOrder = newOrder;
		
setTimeout(() => {
    document.querySelectorAll(".fila").forEach(fila => {
        fila.onclick = () => {
            const dorsal = String(fila.dataset.dorsal);
            abrirModalCampeonato(dorsal);
        };
    });
}, 0);
		
		
    }


}


function formatFecha(f) {
    const d = new Date(f);
    return d.toLocaleDateString('es-AR', {
        day: '2-digit',
        month: '2-digit'
    });
}


// 🔥 GLOBAL (IMPORTANTE)
window.cerrarModal  = function(){
    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');

    if (!modal) {
        alert("❌ No se encontró el modal");
        return;
    }

    modal.classList.remove('show');
};


function cerrarModal (){
    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    modal.classList.remove('show');
}


let pilotoActualDorsal = null;


function abrirModalCampeonato(dorsalKey) {

pilotoActualDorsal = dorsalKey; // 🔥 CLAVE

    const piloto = DATA.campeonato.find(p => String(p.piloto?.dorsal) === dorsalKey);
    if (!piloto) return;

    const p = piloto.piloto;

    // HEADER
	
	
    document.getElementById("ModalMarca").innerHTML =
        `${p.marca} ${p.modelo}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;

    document.getElementById("ModalNumero").innerHTML =
        `#${p.dorsal}`;
		
let rutaImg;

if (p.clase == 0) {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}/${p.dorsal}.png`;
} else {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}-${p.clase}/${p.dorsal}.png`;
}

document.getElementById("ModalFoto").innerHTML = `
    <img src="${rutaImg}" alt="#${p.dorsal}" />
`;

		
//		

    // STATS
    document.getElementById("ModalTotal").innerHTML = piloto.total.toFixed(1);
    document.getElementById("ModalEquipo").innerHTML = p.equipo || '-';

    // EVENTOS DETALLE
    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        const total = evData?.total ?? 0;

        htmlEventos += `
        <div class="Seccion-Modal-Detalle-Campeonato-Evento">
            <div>${formatFecha(ev.fecha)} - ${ev.ciudad}</div>
            <div><strong>${total}</strong></div>
        </div>`;
    });

    renderEventos(piloto);
	
const stats = calcularStatsPiloto(piloto);

// STATS AVANZADAS
document.getElementById("ModalCarreras").innerHTML = stats.carreras;
document.getElementById("ModalPromedio").innerHTML = stats.promedio.toFixed(2);
document.getElementById("ModalWins").innerHTML = stats.wins;
document.getElementById("ModalPodios").innerHTML = stats.podios;
document.getElementById("ModalPoles").innerHTML = stats.poles;
document.getElementById("ModalRV").innerHTML = stats.recordVtas;
	
	
const modal = document.querySelector(".Seccion-Modal-Detalle-Campeonato");
// Mostrar
modal.style.display = "block";
// forzar reflow
modal.offsetHeight;
// activar animación
modal.classList.add("show");


// 🔥 doble frame = DOM + layout listos
requestAnimationFrame(() => {
    requestAnimationFrame(() => {
        generarChartCampeonato(piloto);
    });
});
	
	
const select = document.getElementById("ModalVSSelect");
select.innerHTML = `<option value="">-- Seleccionar piloto --</option>`;

DATA.campeonato.forEach(p => {

    const d = String(p.piloto?.dorsal);
    const nombre = `${p.piloto?.nombre?.[0] || ''}. ${p.piloto?.apellido || ''}`;

    // no incluir el mismo piloto
    if (d === dorsalKey) return;

    const opt = document.createElement("option");
    opt.value = d;
    opt.textContent = `#${d} ${nombre}`;

    select.appendChild(opt);
});
	
	
	window.pilotoActual = piloto;

	
}


function setHTML(id, value) {
    const el = document.getElementById(id);

    if (!el) {
        console.error(`❌ No se encontró el elemento: #${id}`);
        return;
    }

    el.innerHTML = value;
}

document.getElementById("ModalVSSelect").onchange = function() {

    const rivalDorsal = this.value;

    // 🔥 SIN RIVAL
    if (!rivalDorsal) {

        limpiarComparacion();

        setHTML("ModalNombreVS", "-");
        setHTML("ModalNumeroVS", "");
        setHTML("ModalFotoVS", "");

        // 🔥 limpiar stats VS
        setHTML("ModalTotalVS", "");
        setHTML("ModalEquipoVS", "");

        renderEventos(window.pilotoActual);

        return;
    }

    // 🔥 BUSCAR RIVAL
    const rival = DATA.campeonato.find(p => String(p.piloto?.dorsal) === rivalDorsal);

    if (!rival) {
        console.warn(`⚠️ No se encontró rival con dorsal: ${rivalDorsal}`);
        return;
    }

    // 🔥 DATOS PRINCIPALES
    setHTML("ModalMarcaVS", `${rival.piloto.marca} ${rival.piloto.modelo}`);
    setHTML("ModalNombreVS", `${rival.piloto.nombre} ${rival.piloto.apellido}`);
    setHTML("ModalNumeroVS", `#${rival.piloto.dorsal}`);

    // 🔥 IMAGEN
    let rutaImg;

    if (rival.piloto.clase == 0) {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}/${rival.piloto.dorsal}.png`;
    } else {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}-${rival.piloto.clase}/${rival.piloto.dorsal}.png`;
    }

    const fotoHTML = `
        <img src="${rutaImg}" alt="#${rival.piloto.dorsal}"
             onerror="this.src='https://metasport360.com/Scraps/Retratos/default.png'">
    `;

    setHTML("ModalFotoVS", fotoHTML);

    // 🔥 STATS BÁSICOS
    setHTML("ModalEquipoVS", rival.piloto.equipo || '-');

    // 🔥 DEBUG EXTRA
    if (!pilotoActualDorsal) {
        console.warn("⚠️ pilotoActualDorsal no está definido");
    }

    if (typeof compararPilotos === "function") {
        compararPilotos(pilotoActualDorsal, rivalDorsal);
    } else {
        console.error("❌ Función compararPilotos no existe");
    }

    if (typeof renderEventos === "function") {
        renderEventos(window.pilotoActual, rival);
    } else {
        console.error("❌ Función renderEventos no existe");
    }
};


const drawLinePlugin = {
    id: 'drawLine',
    beforeDatasetsDraw(chart) {

        const progress = chart._animationProgress ?? 0;

        chart.data.datasets.forEach((dataset, i) => {

            const meta = chart.getDatasetMeta(i);

            meta.data.forEach((point, index) => {

                // 🔥 SI NO HAY PROGRESO → NO DIBUJA
                if (progress === 0) {
                    point.skip = true;
                    return;
                }

                // 🔥 DIBUJO PROGRESIVO REAL
                const limit = Math.floor(meta.data.length * progress);

                point.skip = index > limit;
            });
        });
    }
};

Chart.register(drawLinePlugin);


function generarChartCampeonato(piloto) {

    const labels = [];
    const data = [];

    DATA.eventos.forEach(ev => {
        labels.push(formatFecha(ev.fecha));

        const val = piloto.eventos?.[ev.id]?.total;
        data.push(val > 0 ? val : null); // 🔥 corta línea en carreras no corridas
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [{
                data,

                // 🎨 VISUAL PRO
                borderWidth: 3,
                borderColor: '#00d4ff',
                backgroundColor: 'rgba(0,212,255,0.15)',
                fill: true,

                // 🔥 CURVA PRO
                tension: 0.4,
                cubicInterpolationMode: 'monotone',

                // 🔥 CORTE REAL
                spanGaps: false,

                // 🎯 LIMPIO
                pointRadius: 0,
                pointHoverRadius: 6
            }]
        },
        options: {

            responsive: true,
            maintainAspectRatio: false,

            // 🎯 HOVER PRO
            interaction: {
                mode: 'index',
                intersect: false
            },

            plugins: {
                legend: { display: false },

                // 🧾 TOOLTIP PRO
                tooltip: {
                    backgroundColor: '#000',
                    borderColor: '#333',
                    borderWidth: 1,
                    padding: 10
                }
            },

            scales: {
                x: {
                    ticks: { color: '#aaa' },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                },
                y: {
                    reverse: true, // 🔥 posición real (1 arriba)
                    ticks: {
                        precision: 0,
                        color: '#aaa'
                    },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                }
            },

            // ⚡ ANIMACIÓN PRO
animation: {
    duration: 1200,
    easing: 'easeOutQuart',
    onProgress: (anim) => {
        const chart = anim.chart;

        // 🔥 PROGRESO REAL (0 → 1)
        chart._animationProgress = anim.currentStep / anim.numSteps || anim.current / anim.duration || 1;
    },
    onComplete: (anim) => {
        anim.chart._animationProgress = 1;

        anim.chart.canvas.style.filter =
            "drop-shadow(0 0 6px rgba(255,255,255,0.2))";
    }
}

        }
    });
}


function renderEventos(p1, p2 = null) {

    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const ev1 = p1.eventos?.[ev.id];
        const total1 = ev1?.total ?? 0;

        let total2 = null;

        if (p2) {
            const ev2 = p2.eventos?.[ev.id];
            total2 = ev2?.total ?? 0;
        }

		htmlEventos += `
		<div class="Seccion-Modal-Detalle-Campeonato-Evento">
		
			<div class="SecComparaFecha-Puntos-L ${total1 > total2 ? 'win' : total1 < total2 ? 'lose' : 'eq'}">
				${total1}
			</div>
		
			<div class="SecComparaFecha-Fecha">
				${formatFecha(ev.fecha)} - ${ev.ciudad}
			</div>
		
			<div class="SecComparaFecha-Puntos-R ${p2 ? (total2 > total1 ? 'win' : total2 < total1 ? 'lose' : 'eq') : ''}">
				${p2 ? total2 : ''}
			</div>
		
		</div>`;

    });

    document.getElementById("ModalEventos").innerHTML = htmlEventos;
}


function calcularStatsPiloto(piloto) {

    let carreras = 0;
    let puntos = piloto.total ?? 0;

    let wins = piloto.pos_finales?.[1] ?? 0;

    let podios = 0;
    for (let i = 1; i <= 3; i++) {
        podios += piloto.pos_finales?.[i] ?? 0;
    }

    let poles = 0;
    let recordVtas = 0;

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        if (!evData) return;

        if (evData.total > 0) carreras++;

        if (evData.clas > 0) poles++;

        if (evData.record == 1) recordVtas++;
    });

    const promedio = carreras > 0 ? puntos / carreras : 0;

    return {
        carreras,
        puntos,
        promedio,
        wins,
        podios,
        poles,
        recordVtas
    };
}


function compararPilotos(d1, d2) {

    const p1 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d1);
    const p2 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d2);

    if (!p1 || !p2) return;

    const s1 = calcularStatsPiloto(p1);
    const s2 = calcularStatsPiloto(p2);

    renderComparacionStats(s1, s2);
    generarChartComparacion(p1, p2);
}


function EscribirDiferenciasLado(valor, lado) {

    // 🔥 asegurar número
    valor = parseFloat(valor);
    if (!valor) return; // 0 o NaN → no hacer nada

    const elA = document.getElementById(`Dif-${lado}-B`);
    const elB = document.getElementById(`Dif-${lado}-A`);

    if (!elA || !elB) {
        console.warn('No se encontraron elementos:', `Dif-${lado}-A`, `Dif-${lado}-B`);
        return;
    }

    // limpiar antes
    elA.style.border = '0px solid rgba(0,255,0,0.8)';;
    elB.style.border = '0px solid rgba(0,255,0,0.8)';;

    if (valor > 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
    } else if (valor < 0) {
        // 👉 gana A
        elB.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
        elA.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
    }
	
    if (valor == 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
    } 
	
	
}


function renderComparacionStats(s1, s2) {
function diff(a, b) {
    const d = a - b;
    const val = Math.abs(d);

    if (d < 0) return `<span style="color:#0f0">+${val}</span>`;
    if (d > 0) return `<span style="color:#f00">-${val}</span>`;
    return `<span style="color:#999">0</span>`;
}


    const html = `

    <div class="VS-Row" id="Dif-Puntos-B">
        <div>Puntos</div>
        <div>${s2.puntos.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.puntos, s2.puntos)}</div>
    </div>
    <div class="VS-Row" id="Dif-Carreras-B">
        <div>Carreras</div>
        <div>${s2.carreras}</div>
        <div class='valuedifchico'>${diff(s1.carreras, s2.carreras)}</div>
    </div>

    <div class="VS-Row" id="Dif-Promedio-B">
        <div>Promedio</div>
        <div>${s2.promedio.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.promedio, s2.promedio)}</div>
    </div>

    <div class="VS-Row" id="Dif-Victorias-B">
        <div>Victorias</div>
        <div>${s2.wins}</div>
        <div class='valuedifchico'>${diff(s1.wins, s2.wins)}</div>
    </div>

    <div class="VS-Row" id="Dif-Podios-B">
        <div>Podios</div>
        <div>${s2.podios}</div>
        <div class='valuedifchico'>${diff(s1.podios, s2.podios)}</div>
    </div>

    <div class="VS-Row" id="Dif-Poles-B">
        <div>Poles</div>
        <div>${s2.poles}</div>
        <div class='valuedifchico'>${diff(s1.poles, s2.poles)}</div>
    </div>

    <div class="VS-Row" id="Dif-RV-B">
        <div>RV</div>
        <div>${s2.recordVtas}</div>
        <div class='valuedifchico'>${diff(s1.recordVtas, s2.recordVtas)}</div>
    </div>
    `;

    // 🔥 PRIMERO renderizar
    document.getElementById("ModalComparacionStats").innerHTML = html;

    // 🔥 DESPUÉS aplicar bordes
    const getNum = (v) => parseFloat(v.replace(/<[^>]*>/g, '').replace('+', ''));

    EscribirDiferenciasLado(getNum(diff(s1.promedio, s2.promedio)), 'Promedio');
    EscribirDiferenciasLado(getNum(diff(s1.carreras, s2.carreras)), 'Carreras');
    EscribirDiferenciasLado(getNum(diff(s1.puntos, s2.puntos)), 'Puntos');
    EscribirDiferenciasLado(getNum(diff(s1.wins, s2.wins)), 'Victorias');
    EscribirDiferenciasLado(getNum(diff(s1.podios, s2.podios)), 'Podios');
    EscribirDiferenciasLado(getNum(diff(s1.poles, s2.poles)), 'Poles');
}


function generarChartComparacion(p1, p2) {

    const labels = [];
    const data1 = [];
    const data2 = [];

    DATA.eventos.forEach(ev => {

        labels.push(formatFecha(ev.fecha));

        const v1 = p1.eventos?.[ev.id]?.total;
        const v2 = p2.eventos?.[ev.id]?.total;

        // 🔥 cortar línea si no corrió
        data1.push(v1 > 0 ? v1 : null);
        data2.push(v2 > 0 ? v2 : null);
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [
                {
                    label: `#${p1.piloto.dorsal}`,
                    data: data1,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                },
                {
                    label: `#${p2.piloto.dorsal}`,
                    data: data2,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                }
            ]
        },
        options: {
            spanGaps: false, // 🔥 refuerzo global

            plugins: {
                legend: {
                    display: true
                }
            },

            scales: {
                y: {
                    reverse: true, // 🔥 mejor posición arriba
                    ticks: {
                        precision: 0
                    }
                }
            }
        }
    });
}


function limpiarComparacion() {

    document.getElementById("ModalComparacionStats").innerHTML = "";

    // volver al chart original
    if (window.pilotoActual) {
        generarChartCampeonato(window.pilotoActual);
    }
}


document.getElementById("filtroFecha").addEventListener("change", function() {
    const box = document.querySelector(".MS-FilterInner");

    box.classList.remove("active");
    void box.offsetWidth; // 🔥 reset animation
    box.classList.add("active");
});


function cerrarModalCampeonato() {
    document.getElementById("Seccion-Modal-Detalle-Campeonato").style.display = "none";
}


function GuardarEditInline() {
    // Selecciona el formulario
    var $form = $("#EditInlineForm");
    
    // Serializa los datos
    var data = $form.serialize();
    
    // Muestra en alert el contenido serializado
    console.log("Datos a enviar:\n" + data);

    // Env�a por AJAX
    $.ajax({
        url: '/GuardaPilotoInline.php',
        type: 'POST',
        data: data,
        success: function(response) {
            // Muestra la respuesta del servidor
            console.log("Respuesta del servidor:\n" + response);

            // Si la respuesta contiene "OK", cerramos el modal
            if (response === "OK") {
                SuperAdminModal_close()
            }
        },
        error: function(xhr, status, error) {
            alert("Error en la petici�n: " + error);
        }
    });
}
</script>


</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
// Sticky Header con JS - Versi�n Fuerte
function initStickyHeader() {
    const container = document.getElementById('contenedorTabla');
    const header = document.querySelector('.Seccion-Tabla-Header');
    
    if (!container || !header) return;

    container.style.position = 'relative';

    container.addEventListener('scroll', () => {
        const scrollTop = container.scrollTop;
        
        if (scrollTop > 45) {
            header.style.position = 'absolute';
            header.style.top = scrollTop + 'px';
            header.style.zIndex = '30';
            header.style.background = '#1a1a1a';
            header.style.boxShadow = '0 4px 12px rgba(0,0,0,0.8)';
        } else {
            header.style.position = 'relative';
            header.style.top = '0';
        }
    });
}

// Llamar despu�s de cada render
window.addEventListener('load', initStickyHeader);

// Sobrescribir renderTabla para que siempre actualice
const oldRender = window.renderTabla;
window.renderTabla = function(animar = false) {
    if (oldRender) oldRender(animar);
    setTimeout(initStickyHeader, 150);
};
</script>


<div class="VideoSplash360">
</div>

<!-- Modal Audio Fullscreen -->
<div id="modalAudio">
  <button class="close-btn" onclick="cerrarModalAudio()">×</button>
  <div id="modalAudioContent">
    <p id="tituloAudio">MetaSport audio</p>
    <audio id="audioPlayer" preload="metadata"></audio>
    <div class="audio-controls">
      <button id="playPauseBtn" class="btn-playpause" title="Play/Pause">
        <i class="bi bi-play-fill"></i>
      </button>
      <div class="progress-container" onclick="setAudioProgress(event)">
        <div class="progress-bar" id="progressBar"></div>
      </div>
      <div class="time" id="currentTime">0:00</div>
      <div class="time" id="durationTime">0:00</div>
    </div>
  </div>
</div>
<!-- VIDEO MODAL -->
<!-- Modal Video Fullscreen -->
<div id="modalVideo">
  <div id="modalVideoContent"></div>
  <button id="btnCerrarModalVideo" onclick="cerrarModalVideo()">Cerrar Video ✕</button>
  
  
</div>


<style>
.GaleriaNoticias-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.GaleriaNoticias-contenedor {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.GaleriaNoticias-slider {
  display: flex;
  transition: transform 0.4s ease;
  height: 100%;
}

.GaleriaNoticias-slider img {
  width: 100vw;
  height: 90vh;
  object-fit: contain;
  flex-shrink: 0;
}

.GaleriaNoticias-cerrar {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}

.GaleriaNoticias-flechas {
  position: absolute;
  width: 100%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  transform: translateY(-50%);
  z-index: 5;
}

.GaleriaNoticias-flecha {
	font-size: 40px;
	color: white;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s;
	background: rgba(0, 0, 0, 0.5);
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius:4px;
	line-height:50px;
}
.GaleriaNoticias-flecha:hover {
  transform: scale(1.2);
}


.GaleriaNoticias-disclaimer {
  font-size: 10px;
  color: #ccc;
  text-align: center;
  padding: 0.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


</style>

<div id="GaleriaNoticias-Fotos" class="GaleriaNoticias-modal">
  <span class="GaleriaNoticias-cerrar" onclick="GaleriaNoticiasCerrar()"><i class="bi bi-x-square"></i></span>

  <div class="GaleriaNoticias-contenedor">
    <div class="GaleriaNoticias-slider"></div>
  </div>

  <div class="GaleriaNoticias-flechas">
    <span class="GaleriaNoticias-flecha izquierda" onclick="GaleriaNoticiasMover(-1)"><i class="bi bi-chevron-compact-left"></i></span>
    <span class="GaleriaNoticias-flecha derecha" onclick="GaleriaNoticiasMover(1)"><i class="bi bi-chevron-compact-right"></i></span>
  </div>
  
<div class="GaleriaNoticias-disclaimer">
  MetaSport360 utiliza estas imágenes únicamente con fines informativos y periodísticos. Algunas pueden estar sujetas a copyright y son propiedad de sus respectivos creadores. Está prohibido reproducir, distribuir o utilizar estas imágenes sin la debida autorización.
</div>
  
  
</div>

<script>
let GaleriaNoticiasFotos = [];
let GaleriaNoticiasIndex = 0;
let GaleriaNoticiasStartX = 0;
let GaleriaNoticiasIsDragging = false;

function GaleriaNoticiasAbrir(fotos) {
  GaleriaNoticiasFotos = fotos;
  GaleriaNoticiasIndex = 0;

  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.innerHTML = '';

  fotos.forEach(foto => {
    const img = document.createElement('img');
    img.src = foto;
    slider.appendChild(img);
  });

  document.getElementById('GaleriaNoticias-Fotos').style.display = 'flex';
  GaleriaNoticiasActualizarSlider();

  // Swipe con Pointer Events (funciona en táctil y mouse)
  slider.onpointerdown = (e) => {
    GaleriaNoticiasStartX = e.clientX;
    GaleriaNoticiasIsDragging = true;
  };

  slider.onpointermove = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    // opcional: se podría mostrar arrastre visual acá
  };

  slider.onpointerup = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    if (Math.abs(diffX) > 50) {
      GaleriaNoticiasMover(diffX > 0 ? -1 : 1);
    }
    GaleriaNoticiasIsDragging = false;
  };

  // Cancelar si se suelta fuera
  slider.onpointercancel = () => GaleriaNoticiasIsDragging = false;
}

function GaleriaNoticiasCerrar() {
  const modal = document.getElementById('GaleriaNoticias-Fotos');
  const slider = document.querySelector('.GaleriaNoticias-slider');

  // Ocultar modal
  modal.style.display = 'none';

  // Limpiar imágenes y eventos
  slider.innerHTML = '';
  slider.onpointerdown = null;
  slider.onpointermove = null;
  slider.onpointerup = null;
  slider.onpointercancel = null;
}

function GaleriaNoticiasMover(direccion) {
  GaleriaNoticiasIndex += direccion;
  if (GaleriaNoticiasIndex < 0) GaleriaNoticiasIndex = GaleriaNoticiasFotos.length - 1;
  if (GaleriaNoticiasIndex >= GaleriaNoticiasFotos.length) GaleriaNoticiasIndex = 0;
  GaleriaNoticiasActualizarSlider();
}

function GaleriaNoticiasActualizarSlider() {
  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.style.transform = `translateX(-${GaleriaNoticiasIndex * 100}vw)`;
}
</script>


<!-- JS Funciones Modales -->
<script>
$(document).ready(function(){
  setTimeout(function(){
    $("#swipeOverlay").fadeIn(500, function(){
      // Después de mostrarlo, espera otros 3s y se oculta
      setTimeout(function(){
        $("#swipeOverlay").fadeOut(500);
      }, 3000);
    });
  }, 3000); // Espera 3s ANTES de mostrar
});
  function compartirNota(titulo, texto, url) {
    if (navigator.share) {
      navigator.share({
        title: titulo,
        text: texto,
        url: url
      }).then(() => {
        console.log("Compartido con éxito");
      }).catch((error) => {
        console.error("Error al compartir:", error);
      });
    } else {
      if (navigator.clipboard) {
        navigator.clipboard.writeText(url).then(() => {
          alert("Enlace copiado al portapapeles.");
        });
      } else {
        prompt("Copiá el siguiente link:", url);
      }
    }
  }
  
  
const modalVideo = document.getElementById('modalVideo');
const modalVideoContent = document.getElementById('modalVideoContent');

function abrirModalVideo(urlVideo) {
  modalVideo.style.display = 'flex';

  setTimeout(() => {
    modalVideoContent.innerHTML = '';

    if (!urlVideo) return;

    const esMp4 = urlVideo.toLowerCase().endsWith('.mp4');

    if (esMp4) {
      // Es video mp4 (local o remoto)
      // Si no es URL absoluta, asumimos archivo local y le agregamos dominio + path
      let videoSrc = urlVideo;
      if (!videoSrc.startsWith('http://') && !videoSrc.startsWith('https://')) {
        videoSrc = "https://metasport360.com/Contenido/Videos/" + videoSrc;
      }
      const video = document.createElement('video');
      video.src = videoSrc;
      video.autoplay = true;
      video.controls = false;
      video.playsInline = true;
      modalVideoContent.appendChild(video);
      video.play().catch(() => {});

    } else {
      // No es mp4, puede ser YouTube o inválido
      const ytRegex = /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)/;
      const ytMatch = urlVideo.match(ytRegex);

      if (ytMatch) {
        const videoId = ytMatch[1];
        const iframe = document.createElement('iframe');
        iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1`;
        iframe.allow = 'autoplay; fullscreen; picture-in-picture';
        iframe.allowFullscreen = true;
        modalVideoContent.appendChild(iframe);

      } else {
        const msg = document.createElement('div');
        msg.style.color = 'white';
        msg.style.padding = '20px';
        msg.textContent = 'Formato de video no soportado.';
        modalVideoContent.appendChild(msg);
      }
    }
  }, 50);
}

  function cerrarModalVideo() {
    modalVideo.style.display = 'none';
    modalVideoContent.innerHTML = ''; // Limpiar para evitar flashes y pausar todo
  }
  const modal = document.getElementById('modalAudio');
  const audio = document.getElementById('audioPlayer');
  const playPauseBtn = document.getElementById('playPauseBtn');
  const progressBar = document.getElementById('progressBar');
  const currentTimeEl = document.getElementById('currentTime');
  const durationTimeEl = document.getElementById('durationTime');
  const tituloAudio = document.getElementById('tituloAudio');

  // Formatea segundos a mm:ss
  function formatTime(seconds) {
    const m = Math.floor(seconds / 60);
    const s = Math.floor(seconds % 60);
    return m + ':' + (s < 10 ? '0' : '') + s;
  }
const CFG_Domain = "https://metasport360.com";
function abrirModalAudio(urlAudio, titulo = '') {
  // Verifica si es una URL absoluta (contiene https)
  const isAbsolute = urlAudio.startsWith('http://') || urlAudio.startsWith('https://');

  // Si no es absoluta, construye la ruta completa
  const finalUrl = isAbsolute ? urlAudio : `${CFG_Domain}/Contenido/Audios/${urlAudio}`;

  // Asigna y prepara audio
  audio.src = finalUrl;
  audio.load();
  modal.style.display = 'flex';

  // Mostrar título
  tituloAudio.textContent = titulo;

  // Reset UI
  progressBar.style.width = '0%';
  currentTimeEl.textContent = '0:00';
  durationTimeEl.textContent = '0:00';
  updatePlayPauseIcon(false);

  // Reproducir
  audio.play();
}


  function cerrarModalAudio() {
    audio.pause();
    audio.currentTime = 0;
    modal.style.display = 'none';
  }

  function updatePlayPauseIcon(isPlaying) {
    const icon = playPauseBtn.querySelector('i');
    if (isPlaying) {
      icon.classList.remove('bi-play-fill');
      icon.classList.add('bi-pause-fill');
    } else {
      icon.classList.remove('bi-pause-fill');
      icon.classList.add('bi-play-fill');
    }
  }

  playPauseBtn.addEventListener('click', () => {
    if (audio.paused) {
      audio.play();
    } else {
      audio.pause();
    }
  });

  audio.addEventListener('play', () => {
    updatePlayPauseIcon(true);
  });

  audio.addEventListener('pause', () => {
    updatePlayPauseIcon(false);
  });

  audio.addEventListener('timeupdate', () => {
    if (audio.duration) {
      const progressPercent = (audio.currentTime / audio.duration) * 100;
      progressBar.style.width = progressPercent + '%';
      currentTimeEl.textContent = formatTime(audio.currentTime);
      durationTimeEl.textContent = formatTime(audio.duration);
    }
  });

  function setAudioProgress(event) {
    const width = event.currentTarget.clientWidth;
    const clickX = event.offsetX;
    const duration = audio.duration;

    if (duration) {
      audio.currentTime = (clickX / width) * duration;
    }
  }


function ToqueUsuario(accion, id) {
  fetch('AccionUsuario.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: 'accion=' + accion + '&id=' + id
  })
  .then(response => response.json())
  .then(data => {
    if (data && typeof data.total !== 'undefined') {
      const icono = document.querySelector(`.Corazoncito[data-id='${id}'] i`);
      const contador = document.querySelector(`.Corazoncito[data-id='${id}'] .contador-likes`);

      if (data.total > 0) {
        // Cambiar a ícono relleno
        icono.classList.remove('bi-heart');
        icono.classList.add('bi-heart-fill', 'text-primary');

        // Actualizar contador o crearlo si no existe
        if (contador) {
          contador.textContent = data.total;
        } else {
          const nuevoContador = document.createElement('span');
          nuevoContador.className = 'contador-likes';
          nuevoContador.textContent = data.total;
          icono.parentNode.appendChild(nuevoContador);
        }

        // Reproducir sonido
        const sonido = document.getElementById('likeSound');
        if (sonido) {
          sonido.currentTime = 0; 
          sonido.play();
        }

        // Animación parpadeo verde
        icono.classList.add('parpadeo-verde');
        setTimeout(() => {
          icono.classList.remove('parpadeo-verde');
        }, 600); // igual a la duración de la animación
      }
    }
  });
}

</script>
<script>
(() => {
  const toggles = document.querySelectorAll(".theme-toggle");
  const styleLink = document.getElementById("360-Style-Sheet");
  const savedTheme = localStorage.getItem("360-Style-Theme") || "light";

  function applyTheme(theme) {
    document.documentElement.setAttribute("data-theme", theme);
    localStorage.setItem("360-Style-Theme", theme);

    // Agregar clase temporal para transición segura 
    document.body.classList.add("theme-transition");

    // Cambiar CSS
    styleLink.href = "https://metasport360.com/360-CSS-" + theme + ".css?var=" + new Date().getTime();

    // Forzar reflow
    document.body.offsetHeight;

    // Reinicializar librerías si es necesario
    if (typeof AOS !== "undefined") {
      setTimeout(() => AOS.refreshHard(), 300);
    }

    // Remover clase temporal
    setTimeout(() => {
      document.body.classList.remove("theme-transition");
    }, 400);

    toggles.forEach(toggle => toggle.setAttribute("data-theme", theme));
  }

  applyTheme(savedTheme);

  toggles.forEach(toggle => {
    toggle.addEventListener("click", () => {
      const current = toggle.getAttribute("data-theme");
      const next = current === "light" ? "dark" : "light";
      applyTheme(next);
    });
  });
})();


</script>


<script src="https://metasport360.com/jquery.countdown.js"></script> 
<script async src="//www.instagram.com/embed.js"></script>
<script async src="https://www.tiktok.com/embed.js"></script>

    </main>

    <div data-rocket-location-hash="199d9418b8b1b403025731029a5d202e" style="display: none;"></div>

            <script type="text/javascript" id="jkd-main-js-extra">
            /* <![CDATA[ */
            var jkd_ajax = {"ajaxurl":"https:\/\/\/meta-admin\/meta-ajax.php"};
            var jkd_main = {"set":{"general-rtl-toggle":false,"scroll-top-button-toggle":true,"color-switcher-toggle":true,"gen-col-schm":"light","social-list":[{"social_text":"Facebook","social_icon":"icon-facebook","social_custom_icon":"","social_counter":"849","social_color":"#415e9b","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Dribbble","social_icon":"icon-dribbble","social_custom_icon":"","social_counter":"843","social_color":"#df5188","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Youtube","social_icon":"icon-youtube","social_custom_icon":"","social_counter":"574","social_color":"#f60002","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Linkedin","social_icon":"icon-linkedin","social_custom_icon":"","social_counter":"431","social_color":"#0073ae","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Discord","social_icon":"icon-instagram","social_custom_icon":"","social_counter":"851","social_color":"#de2462","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Twitch","social_icon":"icon-twitch","social_custom_icon":"","social_counter":"325","social_color":"#9146ff","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"}],"error-page-links":true,"branding-logotype":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","branding-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/05\/fabula-white.svg","branding-mini-logotype":"","branding-mini-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2022\/04\/logo-white.svg","branding-copyright":"\u00a9{year} Fabula, Inc. All rights reserved","footer-social-part-toggle":true,"footer-copyright-part-toggle":true,"footer-widgets-part-toggle":true,"footer-menu-part-toggle":true,"blog-categories-catalogue-main-page":"12198","blog-pagination":true,"blog-pagination-type":"load-more","blog-archive-pagination-alignment":"center","nav-tg":true,"nav-h":"80","nav-mob-h":"60","nav-logo-tg":true,"nav-logo-w":"100","nav-logo-mob-w":"35","nav-bk-on":true,"nav-nav-sf-tg":true,"cat-mg-tg":true,"cat-mg-cnt":"7","cat-mg-post-cnt":"12","cat-mg-alert-tg":true,"cat-mg-ldmr-tg":true,"nav-off-sb-on":true,"nav-crt-st":"offcanv","nav-mb-cp-tg":true,"nav-mb-sc-tg":true,"sf-ajax-tg":true,"sf-alert-tg":true,"sf-lt-tg":true,"sf-tags-tg":true,"sf-tags-count":"20","sf-voice-tg":true,"single-post-style":"simple","single-post-progressbar":true,"single-post-views":true,"single-post-likes":true,"single-post-bookmark":true,"single-post-recent":true,"single-post-recent-style":"list","single-post-recent-by":"categories","single-post-number-of-recent-items":"6","single-post-navigation":true,"single-post-navigation-style":"fixed","single-post-reactions":true,"single-post-comments":true,"single-post-comments-ajax":true,"single-post-comments-pagination-type":"default","single-post-comments-style":"default","single-post-share-toggle":true,"single-post-banner-alignment":"bottom","single-post-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-matheus-bertelli-799443-scaled.jpg","single-post-banner-text":"Hurry up! Get 25% off now for a limited time offer.","single-post-banner-button-text":"Learn More","shop-style":"default","shop-pagination-type":"load-more","shop-pagination-alignment":"center","shop-number-of-grid-column":"3","shop-items-offset":"15","shop-number-of-items":"12","shop-cross-sells-products":true,"shop-number-of-cross-sells-items":"5","shop-banner-toggle":true,"shop-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-scandinavian-biolabs-8466547-scaled.jpg","shop-banner-text":"Hurry up! Get 25% off now for a limited time offer.","shop-banner-button-text":"Learn More","shop-product-zoom-toggle":true,"shop-related-products":true,"shop-number-of-related-items":"5","shop-upsells-products":true,"shop-number-of-upsells-items":"5","shop-single-product-summary-alignment":"right","career-share-toggle":true,"career-share-list":["twitter","facebook","linkedin","email"],"typo-heading-font":"gf-poppins","typo-text-font":"gf-poppins","default_color_scheme_bg_color":"#f0ebe3","color_scheme_primary_color":"#ff4e18","default_color_scheme_bg_color_secondary":"#e6e0d8","color_scheme_border_color":"#443c32","default_color_scheme_heading_color":"#443c32","default_color_scheme_text_color":"#443c32","col_schm_primary_color":"#654a4e","default_col_schm_bg_color":"#f0ebe3","default_col_schm_bg_color_secondary":"#e6e0d8","default_col_schm_text_color":"#443c32","default_col_schm_heading_color":"#443c32","col_schm_border_color":"#161519","def_col_schm_bg_color":"#f0ebe3","def_col_schm_bg_color_secondary":"#e6e0d8","def_col_schm_text_color":"#443c32","def_col_schm_heading_color":"#cf9042","def_schm_text_color":"#797c7f","def_schm_heading_color":"#161519","def_schm_bg_color":"#e4ded4","def_schm_bg_color_secondary":"#ffffff","dk_schm_bg_color":"#161519","dk_schm_bg_color_secondary":"#4813e5","dk_schm_text_color":"#797c7f","dk_schm_heading_color":"#ffffff","dk_schm_dk_color":"#161519","dk_schm_placeholder_color":"#868380","def_schm_dk_color":"#161519","t-ban-offr":"u26a1 Flash Sale! 30% OFF! Grab Your Must-Haves Now!  #MegaDeals ","p-rw-st":"progress","p-rw-col":{"p-rw-col-2":"#3e418d","p-rw-col-3":"#5558b8","p-rw-col-4":"#7c7fda","p-rw-col-5":"#b2b5ff","p-rw-col-ic":"#000000","p-rw-col-1":"#2a2c63"},"t-ban-lb":"Hot","t-ban-btn-url":"https:\/\/themeforest.net\/user\/knightleystudio","ft-footer":true,"ft-form":true,"ft-form-ttl":"Subscribe for the Latest Updates Delivered Straight to Your Inbox","ft-form-subttl":"Get the latest updates delivered to your inbox","ft-form-code":"[mc4wp_form id=10131]","ft-widgets":true,"ft-copyright":true,"ft-social":true,"ft-add-menu":true,"p-rw-ttl-1":"Poor","p-rw-ttl-2":"Fair","p-rw-ttl-3":"Good","p-rw-ttl-4":"Excellent","p-rw-ttl-5":"Amazing","footer-instagram":"[instagram-feed feed=5]","mini-logo":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","mini-logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","arch-header":true,"arch-header-brcrmb":true,"arch-header-title":true,"arch-header-desc":true,"arch-header-nav":true,"p-hdr-style":"st-1","arch-pagination-type":"default","error-pg-ttl":"Oops! Page not Found.","error-pg-subttl":"Here are some helpful links instead:","typo-h-multi":"100","nav-rand-post-tg":true,"t-ban-tg":true,"t-ban-btn":"Learn More","arch-catalogue-page":"12198","arch-bookmarks-page":"16427","arch-bookmarks-title":"Your Bookmarks","arch-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-bookmarks-page":"16427","blog-catalogue-page":"12198","blog-bookmarks-title":"Your Bookmarks","blog-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-grid-style":"posts-grid-type-3","blog-grid-columns":"3","blog-grid-offset":"10","blog-sidebar":true,"blog-sidebar-alignment":"left","blog-pag-type":"default","blog-pag-algn":"center","blog-header":true,"blog-header-brcrmb":true,"blog-header-title":true,"blog-header-desc":true,"blog-header-nav":true,"typo-mt-multi":"100","nav-col-switch-tg":true,"nav-sf-tg":true,"nav-cart-tg":true,"blog-bk-page":"16427","blog-bk-title":"Your Bookmarks","blog-bk-subtitle":"Your Curated Bookmarks Page","sp-share-shortcode":"[addtoany]","toc-tg":true,"general-rtl-tg":false,"scroll-top-button-tg":true,"typo-txt-multi":"100","p-ttl-tag":"h1","p-brdcrmb-tg":true,"p-subttl-tg":true,"p-cat-tg":true,"p-tags-tg":true,"p-auth-tg":true,"p-rt-tg":true,"p-date-tg":true,"p-com-tg":true,"p-view-tg":true,"p-like-tg":true,"p-bk-tg":true,"p-rw-tg":true,"p-sb-tg":true,"p-rec-tg":true,"p-news-tg":true,"p-bio":false,"sp-ban-tg":true,"sp-ban-alignment":"top","sp-ban-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/01\/steve-johnson-bNEga8u4kUs-unsplash-scaled.jpg","sp-ban-text":"Hurry up! Get 10% off now u23f3 for a limited time offer! ud83cudf89","sp-ban-button-text":"Learn More","sp-ban-button-link":"#","sp-share-toggle":true,"p-news-ttl":"Stay Informed with Our Newsletter","p-news-sub-ttl":"<p>Get the latest updates delivered to your inbox<\/p>","p-news-form-shortcode":"[mc4wp_form id=10131]","shop-pag-type":"default","shop-pag-alignment":"left","shop-zoom-tg":true,"shop-related-tg":true,"shop-rel-items":"5","shop-upsells-tg":true,"shop-upsells-items":"5","p-nav":true,"p-rec-grid-style":"posts-grid-type-3","p-rec-cnt":"6","p-rw-emoji":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/10\/white-medium-star-1.svg","read-also-count":"7","blog-grid-masonry":true,"p-rec-col":"2","gen-lqip-tg":true,"blog-category-on":true,"blog-date-on":true,"blog-author-on":true,"blog-bk-on":true,"blog-rw-on":true,"blog-rd-on":true,"blog-like-on":true,"blog-view-on":true,"blog-comments-on":true,"blog-share-on":true,"blog-excerpt-on":true,"ft-insta-btn-text":"Follow Us @fabulatheme","ft-insta-btn-link":"https:\/\/www.instagram.com\/jkd_demo_insta\/","ft-insta":true,"ft-insta-btn":true,"arch-grid-masonry":true,"arch-grid-st":"posts-grid-type-2","arch-sidebar":true,"arch-sidebar-algn":"left","arch-grid-thumb-on":true,"arch-grid-cat-on":true,"arch-grid-date-on":true,"arch-grid-auth-on":true,"arch-grid-bk-on":true,"arch-grid-rw-on":true,"arch-grid-com-on":false,"arch-grid-share-on":true,"arch-grid-excerpt-on":true,"arch-grid-off":"10","arch-bk-page":"16427","arch-bk-title":"Your Bookmarks","arch-bk-subtitle":"Easily access and manage your saved articles and posts.","p-info-bar-tg":true,"top-btn-tg":true,"only-post-search-tg":true,"arch-bk-sub-menutitle":" Easily revisit your favorite content anytime","animations-tg":true,"arch-bk-submenu-title":"Your personal collection of saved posts and articles","p-sb-alg":"right","arch-rw-page":"24556","arch-rw-title":"Reviews","arch-rw-submenu-title":"Authentic reviews and insights","arch-bk-image":24816,"arch-rw-image":24817,"arch-cat-lb-st":"st-4","p-rw-ic":"plus","read-also-tg":true,"read-also-txt":"Read Also:","read-also-by":"random","sp-top-btn-tg":true,"p-act-tg":true,"p-cat-lb-st":"st-3","p-rec-count":"8","p-rec-grid-col":"2","p-rec-grid-off":"10","p-rec-grid-st":"posts-grid-type-7","p-ads-tg":false,"p-ad-sb-img":19299,"p-ad-cont-top-img":25916,"p-ad-cont-bot-img":25916,"p-ad-post-bot-img":25916,"p-ad-sb-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-top-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-post-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","cs-gen":{"pr-col":"#ff652c","b-col":"rgba(152, 152, 152, 0.4)","b-col-wh":"rgba(255, 255, 255, 0.25)"},"cs-lh":{"bg-col":"#ffffff","bg-col-sec":"#f4f3f3","h-col":"#000000","txt-col":"#4a4a4a","b-col-def":"#d6d6d6"},"cs-dk":{"bg-col":"#34363a","bg-col-sec":"#28292a","h-col":"#ffffff","txt-col":"#c7c7c7","b-col-def":"#545756"},"content-width":"780","sb-form-tg":false,"sb-form-sh":"[mc4wp_form id=10131]","sb-form-ttl":"Stay Updated!","sb-form-subttl":"Subscribe to get the latest blog posts, news, and updates delivered straight to your inbox.","p-sticky-tg":false,"gen-fixed-soc-tg":true,"sb-form-img":27150,"arch-grid-col":"1","smooth-scrolling-tg":false,"p-cus-com-tg":false,"p-com-spoiler-tg":true,"p-cus-com-fb-id":"1235898684349501","p-cus-com-disqus":false,"p-cus-com-disqus-id":"jkdevstudio","p-cus-com-fb":false,"logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","disable_emojis":true,"disable_embeds":true,"disable_jquery_migrate":true,"disable_dashicons":true,"remove_query_strings":true,"disable_rss_feeds":true,"disable_xmlrpc":true,"elementor_optimization":true,"nav-col-switch-mob-tg":true,"gen-col-schm-sys":true,"arch-grid-activity-on":true,"arch-grid-like-on":true,"arch-grid-views-on":true,"nav-cat-sub-thumb-on":true,"nav-cat-sub-cat-on":true,"nav-cat-sub-lb-st":"st-1","nav-cat-sub-ttl-tag":"h6","nav-cat-sub-date-on":true,"nav-cat-sub-auth-on":true,"nav-cat-sub-bk-on":true,"nav-cat-sub-activity-on":true,"nav-cat-sub-rw-on":false,"nav-cat-sub-com-on":false,"nav-cat-sub-like-on":true,"nav-cat-sub-views-on":true},"reg_nonce":"915aa16638"};
            var jkd_lm_049e177 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19672\",\"22879\",\"23063\"],\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_859341c = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19668\",\"19671\",\"20872\"],\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"20\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_395a50c = {"set":"{\"masonry_on\":\"yes\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":12,\"sizes\":[]},\"show_pagination\":\"yes\",\"exc_lng\":{\"unit\":\"px\",\"size\":20,\"sizes\":[]},\"grid_type\":\"posts-grid-type-2\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"dynamic_pag\":\"yes\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"spacing_between_columns_mobile\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"isShortcode\":true,\"ttl_tag\":\"h4\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"pagination_type\":\"default\",\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"specific_posts\":\"\",\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_f83cfd1 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"posts_sorting\":\"likes\",\"_border_border\":\"none\",\"_border_width\":{\"unit\":\"px\",\"top\":\"1\",\"right\":\"1\",\"bottom\":\"1\",\"left\":\"1\",\"isLinked\":true},\"_border_color\":\"#98989866\",\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"activity_on\":\"\",\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"20\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"like_on\":null,\"view_on\":null,\"comments_on\":null,\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_d2c84c8 = {"set":"{\"grid_type\":\"posts-grid-type-5\",\"ttl_tag\":\"h5\",\"cat_st\":\"st-4\",\"posts_sorting\":\"sticky\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":2,\"sizes\":[]},\"isShortcode\":true,\"masonry_on\":\"no\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"posts_count\":{\"unit\":\"px\",\"size\":6,\"sizes\":[]},\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
            /* <![CDATA[ */
            var eztoc_smooth_local = {"scroll_offset":"130","add_request_uri":"","add_self_reference_link":""};
            /* ]]> */
        </script>
<!--        
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js" fetchpriority="high" src="https://metasport360.com/Meta_files/smooth_scroll.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-js-cookie-js" fetchpriority="high" src="https://metasport360.com/Meta_files/js.cookie.min(1).js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-jquery-sticky-kit-js" fetchpriority="high" src="https://metasport360.com/Meta_files/jquery.sticky-kit.min.js.descarga" data-rocket-status="executed">
        
 -->        
        
        
        </script>
        <script type="text/javascript" id="ez-toc-js-js-extra">
            /* <![CDATA[ */
            var ezTOC = {"smooth_scroll":"1","scroll_offset":"130","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-js-js" fetchpriority="high" src="https://metasport360.com/Meta_files/front.min.js.descarga" data-rocket-status="executed"></script>

        <script type="text/javascript" id="rocket-preload-links-js-extra">
            /* <![CDATA[ */
            var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/my-account\/??(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/metasport360.com","onHoverDelay":"100","rateThrottle":"3"};
            /* ]]> */
        </script>


        <script type="text/javascript" id="elementor-frontend-modules-js" fetchpriority="high" src="https://metasport360.com/Meta_files/frontend-modules.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="jquery-ui-core-js" fetchpriority="high" src="https://metasport360.com/Meta_files/core.min.js.descarga" data-rocket-status="executed"></script>


<script>
document.addEventListener('DOMContentLoaded', function () {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    // Ocultar preloader tras 5s como fallback
    const fallbackTimeout = setTimeout(() => hidePreloader(), 5000);

    // Intentamos ocultar al cargar la ventana, pero no bloquea
    window.addEventListener('load', function () {
        clearTimeout(fallbackTimeout);
        hidePreloader();
    });

    // Mostrar mensaje guardado de la página anterior (si existe)
    const savedMsg = sessionStorage.getItem('preloadMessage');
    if (savedMsg) {
        showPreloaderMessage(savedMsg);
        sessionStorage.removeItem('preloadMessage');

        // Ocultar automáticamente después de 1.5 segundos
        setTimeout(() => hidePreloader(), 1500);
    }

    // Capturamos clics en enlaces con clase LanzaPreload
    document.addEventListener('click', function (e) {
        const link = e.target.closest('.LanzaPreload');
        if (link) {
            const preloadHtml = link.dataset.preload;
            if (preloadHtml) {
                let preloadMsg = preloader.querySelector('.preload-message');
                if (!preloadMsg) {
                    preloadMsg = document.createElement('div');
                    preloadMsg.className = 'preload-message';
                    preloadMsg.style.color = '#fff';
                    preloadMsg.style.textAlign = 'center';
                    preloadMsg.style.marginTop = '15px';
                    spinner.insertAdjacentElement('afterend', preloadMsg);
                }
                preloadMsg.innerHTML = preloadHtml;

                // Guardamos el mensaje para la nueva página
                sessionStorage.setItem('preloadMessage', preloadHtml);
            }

            // Mostrar preloader inmediatamente
            preloader.classList.remove('hidden');
			// Cerrar todos los submenús con id que empiece por "submenu-"
			const submenus = document.querySelectorAll('[id^="submenu-"].open');
			submenus.forEach(submenu => {
				submenu.classList.remove('open');
			});
			
        }
    });
});

function showPreloaderMessage(msg) {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    let preloadMsg = preloader.querySelector('.preload-message');
    if (!preloadMsg) {
        preloadMsg = document.createElement('div');
        preloadMsg.className = 'preload-message';
        preloadMsg.style.color = '#fff';
        preloadMsg.style.textAlign = 'center';
        preloadMsg.style.marginTop = '15px';
        spinner.insertAdjacentElement('afterend', preloadMsg);
    }
    preloadMsg.innerHTML = msg;
    preloader.classList.remove('hidden');
    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
	
}


function showPreloader() {
    const preloader = document.getElementById('Meta360-Preloader');
    preloader.classList.remove('hidden');
	alert('sdfsdfsdf');

    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
}


function hidePreloader() {
    document.getElementById('Meta360-Preloader').classList.add('hidden');
}
</script>


<script>
document.addEventListener("DOMContentLoaded", () => {

    const cont = document.getElementById("Guia360");

    const iframe = document.createElement("iframe");
    iframe.src = "guia.php";
    iframe.style.width = "100%";
    iframe.style.border = "0";
    iframe.style.minHeight = "500px"; // ajustar según tu diseño

    cont.innerHTML = "";
    cont.appendChild(iframe);

});


document.addEventListener("DOMContentLoaded", function() {
    const sticky = document.getElementById("sticky-secciones");
    if (!sticky) return;

    const navHeight = 0; // ajusta según la altura de tu navegación (360-nav.php)

    window.addEventListener("scroll", function() {
        if (window.scrollY > 165) {  // cambia 100 por la distancia donde quieres que se fije
            sticky.style.position = "fixed";
            sticky.style.top = 100 + "px";
            sticky.style.zIndex = "99999999999999999999999999999999999999999999999999999999999999999999999999999999";
            sticky.style.width = "100%";
            sticky.style.left = "0";
            sticky.style.boxShadow = "0 10px 8px -4px rgba(0, 0, 0, 0.05),0 15px 12px -6px rgba(0, 0, 0, 0.03),0 20px 18px -8px rgba(0, 0, 0, 0.05)";
            sticky.style.background = document.documentElement.getAttribute("data-cs") === "dark" ? "#1a1a1a" : "#ffffff";
        } else {
            sticky.style.position = "static";
            sticky.style.boxShadow = "none";
        }
    });
});


</script>


    <link rel="stylesheet" id="sbi_styles-css" href="https://metasport360.com/Meta_files/sbi-styles.min.css" type="text/css" media="all">

</body>

</html>