<!--


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


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * 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/Posiciones/16/Ranking/2026" />

<!-- ✅ 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/Posiciones/16/Ranking/2026" />

<!-- 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/Posiciones/16/Ranking/2026" />
<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/Posiciones/16/Ranking/2026">
<link rel="dns-prefetch" href="https://metasport360.com/Posiciones/16/Ranking/2026">
<link rel="dns-prefetch" href="https://metasport360.com/Posiciones/16/Ranking/2026">
<link href="https://metasport360.com/Posiciones/16/Ranking/2026" 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>


    <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>
 
 
<nav class="w-100-d nav nav-pos-sticky aos-init aos-animate" id="nav-desk" data-aos="jkd-fade-down" style="z-index:1 !important;">


  <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>


</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 type="text/css">
/* ============================
   SecciÃ³n de fondo principal
============================ */
.section-bg-cover {
    background-image: url('https://metasport360.com/Meta_files/SEO-BannerBW.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
}

/* ============================
   Tarjeta de evento
============================ */
.event-card {
    font-family: "Hubot Sans", sans-serif !important;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.event-card img.header-img {
    width: 100%;
    height: 160px !important;
    object-fit: cover;
}

.event-card .date-badge {
    position: absolute;
    background: #fff;
    padding: 8px 12px;
    top: 12px;
    left: 12px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.event-card .date-badge span {
    display: block;
}

.event-card .category-logo {
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.event-card .category-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

.event-body {
    padding: 20px;
    position: relative;
    min-height: 170px;
}

.category-tag {
    background: #e6f0fb;
    color: #007bff;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    margin: 6px 0 0 10px;
    line-height: 28px;
    float: left;
    height: 28px;
    padding: 0 4px;
}

.event-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.event-info {
    font-size: 13px;
    color: #555;
    margin: 4px 0;
    display: flex;
    align-items: center;
}

.event-info i {
    margin-right: 8px;
    color: #777;
    width: 20px;
    text-align: center;
}

.event-footer {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    padding-top: 0;
}

.event-footer button {
    padding: 10px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s ease;
}

.buy-btn {
    background: #2563eb;
    color: #fff;
}

.buy-btn:hover {
    background: #1d4ed8;
}

.details-btn {
    background: #e5e7eb;
    color: #111827;
}

.attendees {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.attendees img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: -8px;
    border: 2px solid #fff;
}

.attendees span {
    margin-left: 10px;
    font-size: 14px;
    color: #333;
}

.event-header {
    position: relative;
}

.filtro-btn {
    padding: 2px;
    border-radius: 3px;
    transition: transform 0.2s ease;
}

.filtro-btn:hover {
    transform: scale(1.05);
}

.filtro-btn.active {
    border: 0px solid #2563eb;
    background-color: #e0ecff;
}

/* ============================
   Animaciones
============================ */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease both;
}

/* ============================
   Pre-calendario
============================ */
.360-Pre-Calendario { width: 100vw; max-width: 400px; box-sizing: border-box; }

@media (min-width: 992px) {
    .Pre-Calendario-Home { margin-top: 100px; }
}

.Pre-Calendario-scroll {
    flex: 1 1 100%;
    height: auto;
    overflow-x: auto;
    gap: 8px;
    scrollbar-width: thin;
    min-height: 24px !important;
}

.Pre-Calendario-arrow, .Pre-Calendario-arrow svg { height: 24px !important; }

/* ============================
   Tabs Campeonatos
============================ */
#TablasCampeonatos360Tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

#TablasCampeonatos360Tabs button {
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.25s ease;
}

#TablasCampeonatos360Tabs button.active {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
}

.TablasCampeonatos360Content { display: none; }
.TablasCampeonatos360Content.active { display: block; }

/* ============================
   Tabla 360 Nueva
============================ */
.Tabla360Nueva-Tabla {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px;
}

.Tabla360Nueva-Fila {
    display: grid;
    grid-template-columns: 40px 50px 50px 1fr 120px 80px;
    align-items: center;
    border-bottom: 1px solid #ddd;
    height: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.Tabla360Nueva-Fila:hover { background-color: #C8E9FD; }

.Tabla360Nueva-Encabezado { background: #f0f0f0; font-weight: bold; text-align: center; }

.{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 4px;
    text-align: left;
}

.Tabla360Nueva-Bandera img { max-height: 30px; width: auto; }

.Tabla360Nueva-Piloto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    text-align: left !important;
    align-items: flex-start !important;
	background-color:#0FF;
	max-width:300px;
}

.Tabla360Nueva-Piloto .Tabla360Nueva-Nombre {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
}

.Tabla360Nueva-Piloto .Tabla360Nueva-Equipo {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px;
    color: #666;
}

.Tabla360Nueva-Marca {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    text-align: left !important;
    align-items: flex-start !important;
	background-color:#0FF;
	max-width:300px;
}

.Tabla360Nueva-Puntos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}

.Tabla360Nueva-PuntosValor { font-weight: bold; }
.Tabla360Nueva-PuntosDiff { font-size: 11px; color: #999; }

/* Responsividad tabla */
@media (max-width: 768px) {
    .Tabla360Nueva-Fila { grid-template-columns: 30px 40px 40px 1fr 60px; height: 30px; }
    .Tabla360Nueva-Marca { display: none; }
    .Tabla360Nueva-Nombre::before { content: attr(data-inicial); margin-right: 4px; }
    .Tabla360Nueva-Nombre { font-size: 12px; white-space: nowrap; }
    .Tabla360Nueva-Piloto .Tabla360Nueva-Equipo { font-size: 10px; }
    .Tabla360Nueva-Bandera img { max-height: 20px; }
}

/* ============================
   Dropdown personalizado
============================ */
.pc-dropdown { position: relative; width: 300px; font-family: sans-serif; }

.pc-dropdown-toggle {
    background-color: #222;
    color: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #444;
    cursor: pointer;
    user-select: none;
}

.pc-dropdown-toggle::after {
    content: "â–¼";
    float: right;
    margin-left: 10px;
    font-size: 0.8em;
}

.pc-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #222;
    border: 1px solid #444;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    z-index: 10;
    margin-top: 5px;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #1e90ff transparent;
}

.pc-dropdown.open .pc-dropdown-menu { display: block; }

.pc-dropdown-menu li {
    padding: 10px 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    list-style: none;
    border-bottom: 1px solid #333;
}

.pc-dropdown-menu li stdorsal {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #FFF;
    background-color: #0764DE;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 35px;
    position: relative;
    border-radius: 3px;
    text-align: center;
}

.pc-dropdown-menu li:last-child { border-bottom: none; }
.pc-dropdown-menu li:hover { background-color: #444; }
.pc-dropdown-menu li.pc-selected { background-color: #ff6384; color: #fff; font-weight: bold; }

/* Scrollbar Webkit */
.pc-dropdown-menu::-webkit-scrollbar { width: 8px; }
.pc-dropdown-menu::-webkit-scrollbar-track { background: transparent; }
.pc-dropdown-menu::-webkit-scrollbar-thumb { background-color: #1e90ff; border-radius: 4px; }

/* ============================
   Star Driver
============================ */
.star-driver-container { display: flex; align-items: center; }

.star-driver-container p {
    display: block !important;
    margin: 0; padding: 0;
    float: left;
    height: auto;
    width: 100%;
    position: relative;
}

.StarDriver-Retrato {
    width: 120px;
    height: 120px;
    background-color: #FFF;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 6px;
}

#StarDriver-Data {
    flex-grow: 1;
    height: 120px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    background-color: #9C0;
}

.StatDriverFlag {
    height: 40px;
    max-width: 60px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.StatDriverFlag img { height: 40px; width: auto; display: block; }

.StatDriverName {
    flex-grow: 1;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #C9C;
}

.DTName {
    height: auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    background-color: #0FC;
    margin: 0;
    padding: 0;
    width: 100%;
}

.DTName img { height: 40px; width: auto; display: block; margin-left: 10px; }

.CardStatA { border: 3px solid #0764DE; border-radius: 7px; margin: 5px; }
.CardStatB { border: 3px solid #FF6384; border-radius: 7px; margin: 5px; }

/* ============================
   Puntaje
============================ */
.puntaje-box {
    margin: 10px 0;
    font-size: 0.9em;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.puntaje-item { display: flex; align-items: center; gap: 8px; }

.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    color: white !important;
    font-size: 0.8em;
    min-width: 40px;
    text-align: center;
}

.verde { background-color: green !important; }
.rojo  { background-color: red !important; }

.explicacion { color: #333; font-size: 1em; }

@media (max-width: 768px) {
    .puntaje-box { flex-direction: column; gap: 2px; padding: 6px; margin: 0 !important; }
    .badge { font-size: 0; height: 18px; }
    .badge::before { content: ""; font-size: 0; }
    .explicacion { font-size: 0.95em; }
}
.Tabla360Nueva-Pos {
	float: left;
	width: 50px;
	position: relative;
	background-color: #D6D6D6;
}


table.TablaTransparente th.FilaClickStat-Pos {
	width:30px!important;
	min-width:30px!important;
	max-width:30px!important;
	
}table.TablaTransparente td.FilaClickStat-Pos {
	width:30px!important;
	min-width:30px!important;
	max-width:30px!important;
	
}


table.TablaTransparente th.FilaClickStat-Nro {
	width:30px!important;
	min-width:30px!important;
	max-width:30px!important;
	
}table.TablaTransparente td.FilaClickStat-Nro {
	width:30px!important;
	min-width:30px!important;
	max-width:30px!important;
	
}


.Tabla360Nueva-Nro {
	float: left;
	width: 50px;
	position: relative;
	background-color: #09C;
}

.Tabla360Nueva-Bandera {
	float: left;
	width: 50px;
	position: relative;
	background-color: #456;
}

.Tabla360Nueva-Piloto {
	float: left;
	width: 50px;
	position: relative;
	background-color: #CF6;
}


.MSTableChamp-Table { display: flex; flex-direction: column; width: 100% !important; font-size: 14px; }
.MSTableChamp-Row, .MSTableChamp-Header {
  display: grid;
  grid-template-columns:
    var(--pos-width, 40px)
    var(--nro-width, 60px)
    var(--bandera-width, 70px)
    var(--piloto-width, 300px)
    var(--marca-width, 300px)
    var(--puntos-width, 100px);
  align-items: center;
  padding: 4px 6px;
  border-bottom: 1px solid #ddd;
  width: 100% !important;
}

.MSTableChamp-Header { font-weight: 600; background: #f4f4f4; }
.MSTableChamp-Col { text-align: left; }

.MSTableChamp-Nro {
	text-align: center;
	background: #008f39;
	color: #d6ffd8;
	border-radius: 4px;
	font-weight: 700;
	display: inline-block;
	float: left;
	width: 50px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	position: relative;
}

.MSTableChamp-Bandera {
  text-align: center;
  font-weight: 700;
  padding: 2px;
  display: inline-block;
  width:80px;
}

.MSTableChamp-Bandera img {

  width:40px !important;
  height:40px !important;
}

.MSTableChamp-Puntos {
	text-align: center;
	background: #008f39;
	color: #d6ffd8;
	border-radius: 4px;
	font-weight: 700;
	display: inline-block;
	float: left;
	width: 50px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	position: relative;
}

.MSTableChamp-PuntosDiff { font-size: 12px; color: #777; }
.TablaTransparente,
.TablaTransparente th,
.TablaTransparente td {
  background-color: transparent !important;
  border: none !important;
  color: inherit !important;
}

.TablaTransparente.table-striped tbody tr:nth-of-type(odd),
.TablaTransparente.table-bordered,
.TablaTransparente.table-bordered th,
.TablaTransparente.table-bordered td {
  background-color: transparent !important;
  border: none !important;
}

.TablaTransparente.table-hover tbody tr:hover {
  background-color: transparent !important;
}

.TablaTransparente thead th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2) !important;
}


.CopaChance {
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

</style> 

<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>

  <!-- Botón fijo izquierdo -->
  <button class="Pre-Calendario-btn--fixed" data-cat="calendarios2025" title="Calendarios 2025">
    CAMPEONATOS<br>2025
  </button>

  <!-- Título para móvil -->
  <div class="Pre-Calendario-titulo-movil" aria-hidden="true">
    <h1 class="mb-4 grantitulopagina">Calendario 2025</h1>
  </div>

  <!-- Contenedor deslizable -->
  <div class="Pre-Calendario-scroll" tabindex="0" aria-label="Lista de categorías deportivas">
    		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC 4000 Argentino</b><span><img src='https://metasport360.com/Contenido/LogosCat/144.png'></span>"
    href="https://metasport360.com/Posiciones/144/Ranking/2025" 
    title="144 TC 4000 Argentino"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/144.png" 
        alt="144 TC 4000 Argentino"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula Nacional Argentina</b><span><img src='https://metasport360.com/Contenido/LogosCat/135.png'></span>"
    href="https://metasport360.com/Posiciones/135/Ranking/2025" 
    title="135 Fórmula Nacional Argentina"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/135.png" 
        alt="135 Fórmula Nacional Argentina"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula 2 Argentina</b><span><img src='https://metasport360.com/Contenido/LogosCat/136.png'></span>"
    href="https://metasport360.com/Posiciones/136/Ranking/2025" 
    title="136 Fórmula 2 Argentina"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/136.png" 
        alt="136 Fórmula 2 Argentina"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Moto 2</b><span><img src='https://metasport360.com/Contenido/LogosCat/133.png'></span>"
    href="https://metasport360.com/Posiciones/133/Ranking/2025" 
    title="133 Moto 2"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/133.png" 
        alt="133 Moto 2"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Moto 3</b><span><img src='https://metasport360.com/Contenido/LogosCat/134.png'></span>"
    href="https://metasport360.com/Posiciones/134/Ranking/2025" 
    title="134 Moto 3"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/134.png" 
        alt="134 Moto 3"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>MotoGP</b><span><img src='https://metasport360.com/Contenido/LogosCat/48.png'></span>"
    href="https://metasport360.com/Posiciones/48/Ranking/2025" 
    title="48 MotoGP"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/48.png" 
        alt="48 MotoGP"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Top Race</b><span><img src='https://metasport360.com/Contenido/LogosCat/25.png'></span>"
    href="https://metasport360.com/Posiciones/25/Ranking/2025" 
    title="25 Top Race"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/25.png" 
        alt="25 Top Race"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC Mouras</b><span><img src='https://metasport360.com/Contenido/LogosCat/37.png'></span>"
    href="https://metasport360.com/Posiciones/37/Ranking/2025" 
    title="37 TC Mouras"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/37.png" 
        alt="37 TC Mouras"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC Pista Mouras</b><span><img src='https://metasport360.com/Contenido/LogosCat/55.png'></span>"
    href="https://metasport360.com/Posiciones/55/Ranking/2025" 
    title="55 TC Pista Mouras"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/55.png" 
        alt="55 TC Pista Mouras"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula 3 Metropolitana</b><span><img src='https://metasport360.com/Contenido/LogosCat/137.png'></span>"
    href="https://metasport360.com/Posiciones/137/Ranking/2025" 
    title="137 Fórmula 3 Metropolitana"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/137.png" 
        alt="137 Fórmula 3 Metropolitana"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Turismo Pista</b><span><img src='https://metasport360.com/Contenido/LogosCat/78.png'></span>"
    href="https://metasport360.com/Posiciones/78/Ranking/2025" 
    title="78 Turismo Pista"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/78.png" 
        alt="78 Turismo Pista"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>NASCAR Cup Series</b><span><img src='https://metasport360.com/Contenido/LogosCat/7.png'></span>"
    href="https://metasport360.com/Posiciones/7/Ranking/2025" 
    title="7 NASCAR Cup Series"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/7.png" 
        alt="7 NASCAR Cup Series"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TN Apat</b><span><img src='https://metasport360.com/Contenido/LogosCat/19.png'></span>"
    href="https://metasport360.com/Posiciones/19/Ranking/2025" 
    title="19 TN Apat"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/19.png" 
        alt="19 TN Apat"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula 1</b><span><img src='https://metasport360.com/Contenido/LogosCat/1.png'></span>"
    href="https://metasport360.com/Posiciones/1/Ranking/2025" 
    title="1 Fórmula 1"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/1.png" 
        alt="1 Fórmula 1"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>NASCAR Truck Series</b><span><img src='https://metasport360.com/Contenido/LogosCat/149.png'></span>"
    href="https://metasport360.com/Posiciones/149/Ranking/2025" 
    title="149 NASCAR Truck Series"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/149.png" 
        alt="149 NASCAR Truck Series"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>NASCAR Xfinity Series</b><span><img src='https://metasport360.com/Contenido/LogosCat/151.png'></span>"
    href="https://metasport360.com/Posiciones/151/Ranking/2025" 
    title="151 NASCAR Xfinity Series"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/151.png" 
        alt="151 NASCAR Xfinity Series"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC PickUp</b><span><img src='https://metasport360.com/Contenido/LogosCat/39.png'></span>"
    href="https://metasport360.com/Posiciones/39/Ranking/2025" 
    title="39 TC PickUp"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/39.png" 
        alt="39 TC PickUp"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC Pista</b><span><img src='https://metasport360.com/Contenido/LogosCat/18.png'></span>"
    href="https://metasport360.com/Posiciones/18/Ranking/2025" 
    title="18 TC Pista"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/18.png" 
        alt="18 TC Pista"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Turismo Carretera</b><span><img src='https://metasport360.com/Contenido/LogosCat/17.png'></span>"
    href="https://metasport360.com/Posiciones/17/Ranking/2025" 
    title="17 Turismo Carretera"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/17.png" 
        alt="17 Turismo Carretera"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>WorldSBK</b><span><img src='https://metasport360.com/Contenido/LogosCat/52.png'></span>"
    href="https://metasport360.com/Posiciones/52/Ranking/2025" 
    title="52 WorldSBK"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/52.png" 
        alt="52 WorldSBK"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>WorldSSP</b><span><img src='https://metasport360.com/Contenido/LogosCat/145.png'></span>"
    href="https://metasport360.com/Posiciones/145/Ranking/2025" 
    title="145 WorldSSP"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/145.png" 
        alt="145 WorldSSP"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC Pista PickUp</b><span><img src='https://metasport360.com/Contenido/LogosCat/67.png'></span>"
    href="https://metasport360.com/Posiciones/67/Ranking/2025" 
    title="67 TC Pista PickUp"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/67.png" 
        alt="67 TC Pista PickUp"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Súper Formula JP</b><span><img src='https://metasport360.com/Contenido/LogosCat/153.png'></span>"
    href="https://metasport360.com/Posiciones/153/Ranking/2025" 
    title="153 Súper Formula JP"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/153.png" 
        alt="153 Súper Formula JP"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>IndyCar</b><span><img src='https://metasport360.com/Contenido/LogosCat/5.png'></span>"
    href="https://metasport360.com/Posiciones/5/Ranking/2025" 
    title="5 IndyCar"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/5.png" 
        alt="5 IndyCar"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Indy NXT</b><span><img src='https://metasport360.com/Contenido/LogosCat/152.png'></span>"
    href="https://metasport360.com/Posiciones/152/Ranking/2025" 
    title="152 Indy NXT"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/152.png" 
        alt="152 Indy NXT"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TCR South America</b><span><img src='https://metasport360.com/Contenido/LogosCat/95.png'></span>"
    href="https://metasport360.com/Posiciones/95/Ranking/2025" 
    title="95 TCR South America"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/95.png" 
        alt="95 TCR South America"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula 2</b><span><img src='https://metasport360.com/Contenido/LogosCat/139.png'></span>"
    href="https://metasport360.com/Posiciones/139/Ranking/2025" 
    title="139 Fórmula 2"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/139.png" 
        alt="139 Fórmula 2"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Fórmula 3</b><span><img src='https://metasport360.com/Contenido/LogosCat/140.png'></span>"
    href="https://metasport360.com/Posiciones/140/Ranking/2025" 
    title="140 Fórmula 3"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/140.png" 
        alt="140 Fórmula 3"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Nuevo Car Show</b><span><img src='https://metasport360.com/Contenido/LogosCat/119.png'></span>"
    href="https://metasport360.com/Posiciones/119/Ranking/2025" 
    title="119 Nuevo Car Show"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/119.png" 
        alt="119 Nuevo Car Show"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>TC2000</b><span><img src='https://metasport360.com/Contenido/LogosCat/16.png'></span>"
    href="https://metasport360.com/Posiciones/16/Ranking/2025" 
    title="16 TC2000"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/16.png" 
        alt="16 TC2000"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Formula PLus 1.6</b><span><img src='https://metasport360.com/Contenido/LogosCat/143.png'></span>"
    href="https://metasport360.com/Posiciones/143/Ranking/2025" 
    title="143 Formula PLus 1.6"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/143.png" 
        alt="143 Formula PLus 1.6"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>WorldSSP300</b><span><img src='https://metasport360.com/Contenido/LogosCat/146.png'></span>"
    href="https://metasport360.com/Posiciones/146/Ranking/2025" 
    title="146 WorldSSP300"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/146.png" 
        alt="146 WorldSSP300"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>WorldWCR</b><span><img src='https://metasport360.com/Contenido/LogosCat/147.png'></span>"
    href="https://metasport360.com/Posiciones/147/Ranking/2025" 
    title="147 WorldWCR"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/147.png" 
        alt="147 WorldWCR"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>R3 World Cup</b><span><img src='https://metasport360.com/Contenido/LogosCat/148.png'></span>"
    href="https://metasport360.com/Posiciones/148/Ranking/2025" 
    title="148 R3 World Cup"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/148.png" 
        alt="148 R3 World Cup"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>Eurocup 3</b><span><img src='https://metasport360.com/Contenido/LogosCat/154.png'></span>"
    href="https://metasport360.com/Posiciones/154/Ranking/2025" 
    title="154 Eurocup 3"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/154.png" 
        alt="154 Eurocup 3"
    >
</a>
		
<a 
    class="Pre-Calendario-btn LanzaPreload" 
    data-preload="<p>Cargando campeonato</p><b class='motogp'>FIA TCR World Tour</b><span><img src='https://metasport360.com/Contenido/LogosCat/155.png'></span>"
    href="https://metasport360.com/Posiciones/155/Ranking/2025" 
    title="155 FIA TCR World Tour"
>
    <img 
        src="https://metasport360.com/Contenido/LogosCat/155.png" 
        alt="155 FIA TCR World Tour"
    >
</a>
  </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; // px a desplazar por click

    $('.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>

<section class="elementor-section elementor-top-section elementor-element elementor-element-9e29fc4 elementor-section-content-middle elementor-section-boxed elementor-section-height-default" data-id="9e29fc4" data-element_type="section"> 
    <div class="elementor-container" style="padding-top:2px;"> 
        <main class="content w-100">


<!-- Banner Ads -->
<div class="BannerAdsShow">
    </div>
<!-- /Banner Ads -->
<!-- Título Campeonato -->
<h1 class="TituloCalChampSection" id="TituloCalChampSection" style="display:flex; align-items:center; justify-content:space-between;">
    CAMPEONATO <span>TC2000</span>

    
    </h1>

<!-- Leyenda puntaje si stock > 0 -->


    <!-- Categorías generales sin clase -->
            <div class="MSTableChamp-wrapper" style="position: relative; display: inline-block;width:100%;">
            <div class="MSTableChamp-background"></div>
            <div class="container mt-4">
                <table class="table table-bordered text-center align-middle TablaTransparente">
                    <thead>
                        <tr>
                            <th class="FilaClickStat-Pos">POS</th>
                            <th class="FilaClickStat-Nro">NRO</th>
                            <th class="solopc">&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>PILOTO</th>
                            <th class="solopc">MARCA</th>
                            <th>PUNTOS</th>
                            <th>DIF</th>
                            <th> </th>
                        </tr>
                    </thead>
                    <tbody>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Franco Morillo" 
                        data-dorsal="64"
                    >
                        <td class="FilaClickStat-Pos">1</td>
                        <td>64</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/64.png&w=40&h=40&zc=1&f=png" 
    alt="Franco Morillo" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/chevrolet.png" alt="Chevrolet" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Franco Morillo</strong></td>
                        <td class="solopc">Chevrolet</td>
                        <td><span style="color: green;">144</span></td>
                      <td>+ 0</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Matias Rossi" 
                        data-dorsal="1"
                    >
                        <td class="FilaClickStat-Pos">2</td>
                        <td>1</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/1.png&w=40&h=40&zc=1&f=png" 
    alt="Matias Rossi" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Matias Rossi</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">125</span></td>
                      <td>+ 19</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Emiliano Stang" 
                        data-dorsal="162"
                    >
                        <td class="FilaClickStat-Pos">3</td>
                        <td>162</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/162.png&w=40&h=40&zc=1&f=png" 
    alt="Emiliano Stang" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Emiliano Stang</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">124</span></td>
                      <td>+ 20</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Gabriel P. de Leon" 
                        data-dorsal="32"
                    >
                        <td class="FilaClickStat-Pos">4</td>
                        <td>32</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/32.png&w=40&h=40&zc=1&f=png" 
    alt="Gabriel P. de Leon" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Gabriel P. de Leon</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">119</span></td>
                      <td>+ 25</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Franco Riva" 
                        data-dorsal="78"
                    >
                        <td class="FilaClickStat-Pos">5</td>
                        <td>78</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/78.png&w=40&h=40&zc=1&f=png" 
    alt="Franco Riva" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/chevrolet.png" alt="Chevrolet" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Franco Riva</strong></td>
                        <td class="solopc">Chevrolet</td>
                        <td><span style="color: green;">98</span></td>
                      <td>+ 46</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Facundo Aldrighetti" 
                        data-dorsal="83"
                    >
                        <td class="FilaClickStat-Pos">6</td>
                        <td>83</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/83.png&w=40&h=40&zc=1&f=png" 
    alt="Facundo Aldrighetti" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/honda.png" alt="Honda" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Facundo Aldrighetti</strong></td>
                        <td class="solopc">Honda</td>
                        <td><span style="color: green;">97</span></td>
                      <td>+ 47</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Franco Vivian" 
                        data-dorsal="57"
                    >
                        <td class="FilaClickStat-Pos">7</td>
                        <td>57</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/57.png&w=40&h=40&zc=1&f=png" 
    alt="Franco Vivian" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/chevrolet.png" alt="Chevrolet" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Franco Vivian</strong></td>
                        <td class="solopc">Chevrolet</td>
                        <td><span style="color: green;">96</span></td>
                      <td>+ 48</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Benjamín Squaglia" 
                        data-dorsal="86"
                    >
                        <td class="FilaClickStat-Pos">8</td>
                        <td>86</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/86.png&w=40&h=40&zc=1&f=png" 
    alt="Benjamín Squaglia" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="Fiat" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Benjamín Squaglia</strong></td>
                        <td class="solopc">Fiat</td>
                        <td><span style="color: green;">88</span></td>
                      <td>+ 56</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Valentín Yankelevich" 
                        data-dorsal="5"
                    >
                        <td class="FilaClickStat-Pos">9</td>
                        <td>5</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/5.png&w=40&h=40&zc=1&f=png" 
    alt="Valentín Yankelevich" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Valentín Yankelevich</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">86</span></td>
                      <td>+ 58</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Tomás Fernandez" 
                        data-dorsal="11"
                    >
                        <td class="FilaClickStat-Pos">10</td>
                        <td>11</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/11.png&w=40&h=40&zc=1&f=png" 
    alt="Tomás Fernandez" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/nissan.png" alt="Nissan" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Tomás Fernandez</strong></td>
                        <td class="solopc">Nissan</td>
                        <td><span style="color: green;">82</span></td>
                      <td>+ 62</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Nicolás Traut" 
                        data-dorsal="7"
                    >
                        <td class="FilaClickStat-Pos">11</td>
                        <td>7</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/7.png&w=40&h=40&zc=1&f=png" 
    alt="Nicolás Traut" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/chevrolet.png" alt="Chevrolet" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Nicolás Traut</strong></td>
                        <td class="solopc">Chevrolet</td>
                        <td><span style="color: green;">81</span></td>
                      <td>+ 63</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Nicolás Palau" 
                        data-dorsal="96"
                    >
                        <td class="FilaClickStat-Pos">12</td>
                        <td>96</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/96.png&w=40&h=40&zc=1&f=png" 
    alt="Nicolás Palau" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/vw.png" alt="VW" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Nicolás Palau</strong></td>
                        <td class="solopc">VW</td>
                        <td><span style="color: green;">67</span></td>
                      <td>+ 77</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Lucas Carabajal" 
                        data-dorsal="81"
                    >
                        <td class="FilaClickStat-Pos">13</td>
                        <td>81</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Lucas Carabajal" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/vw.png" alt="VW" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Lucas Carabajal</strong></td>
                        <td class="solopc">VW</td>
                        <td><span style="color: green;">66</span></td>
                      <td>+ 78</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Marcelo Ciarrocchi" 
                        data-dorsal="25"
                    >
                        <td class="FilaClickStat-Pos">14</td>
                        <td>25</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/25.png&w=40&h=40&zc=1&f=png" 
    alt="Marcelo Ciarrocchi" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="Fiat" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Marcelo Ciarrocchi</strong></td>
                        <td class="solopc">Fiat</td>
                        <td><span style="color: green;">64</span></td>
                      <td>+ 80</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Lucas Vicino" 
                        data-dorsal="30"
                    >
                        <td class="FilaClickStat-Pos">15</td>
                        <td>30</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Lucas Vicino" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/honda.png" alt="Honda" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Lucas Vicino</strong></td>
                        <td class="solopc">Honda</td>
                        <td><span style="color: green;">49</span></td>
                      <td>+ 95</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Diego Ciantini" 
                        data-dorsal="115"
                    >
                        <td class="FilaClickStat-Pos">16</td>
                        <td>115</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/115.png&w=40&h=40&zc=1&f=png" 
    alt="Diego Ciantini" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/nissan.png" alt="Nissan" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Diego Ciantini</strong></td>
                        <td class="solopc">Nissan</td>
                        <td><span style="color: green;">47</span></td>
                      <td>+ 97</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Matias Rodriguez" 
                        data-dorsal="21"
                    >
                        <td class="FilaClickStat-Pos">17</td>
                        <td>21</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Matias Rodriguez" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Matias Rodriguez</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">28</span></td>
                      <td>+ 116</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Francisco Monarca" 
                        data-dorsal="23"
                    >
                        <td class="FilaClickStat-Pos">18</td>
                        <td>23</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/23.png&w=40&h=40&zc=1&f=png" 
    alt="Francisco Monarca" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/honda.png" alt="Honda" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Francisco Monarca</strong></td>
                        <td class="solopc">Honda</td>
                        <td><span style="color: green;">26</span></td>
                      <td>+ 118</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Nicolás Gines" 
                        data-dorsal="19"
                    >
                        <td class="FilaClickStat-Pos">19</td>
                        <td>19</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/19.png&w=40&h=40&zc=1&f=png" 
    alt="Nicolás Gines" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Nicolás Gines</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">18</span></td>
                      <td>+ 126</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Carlos Javier Merlo" 
                        data-dorsal="63"
                    >
                        <td class="FilaClickStat-Pos">20</td>
                        <td>63</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Carlos Javier Merlo" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/honda.png" alt="Honda" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Carlos Javier Merlo</strong></td>
                        <td class="solopc">Honda</td>
                        <td><span style="color: green;">15</span></td>
                      <td>+ 129</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Matías Capurro" 
                        data-dorsal="99"
                    >
                        <td class="FilaClickStat-Pos">21</td>
                        <td>99</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/99.png&w=40&h=40&zc=1&f=png" 
    alt="Matías Capurro" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/vw.png" alt="VW" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Matías Capurro</strong></td>
                        <td class="solopc">VW</td>
                        <td><span style="color: green;">15</span></td>
                      <td>+ 129</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Evgenii Leonov" 
                        data-dorsal="16"
                    >
                        <td class="FilaClickStat-Pos">22</td>
                        <td>16</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/16/16.png&w=40&h=40&zc=1&f=png" 
    alt="Evgenii Leonov" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Evgenii Leonov</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">10</span></td>
                      <td>+ 134</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Mateo Polakovich" 
                        data-dorsal="28"
                    >
                        <td class="FilaClickStat-Pos">23</td>
                        <td>28</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Mateo Polakovich" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/nissan.png" alt="Nissan" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Mateo Polakovich</strong></td>
                        <td class="solopc">Nissan</td>
                        <td><span style="color: green;">9</span></td>
                      <td>+ 135</td>
                      <td class="CopaChance"></td>
                    </tr>
                                        <tr class="FilaClickStat"
                        data-categoria="16" 
                        data-clase="0" 
                        data-nombre="Juan Pablo Traverso" 
                        data-dorsal="17"
                    >
                        <td class="FilaClickStat-Pos">24</td>
                        <td>17</td>
                      <td class="solopc">
                   
<img 
    src="/Scraps/Retratos/no.png" 
    data-src="/phpThumb.php?src=/Scraps/Retratos/no.png&w=40&h=40&zc=1&f=png" 
    alt="Juan Pablo Traverso" 
    width="40" 
    height="40" 
    class="lazyRetrato" 
    style="border-radius:2px; object-fit:cover; display:block;"
    loading="lazy"
/>
                                 
                                 
                      </td>
                      <td><img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="Toyota" width="30" height="30"></td>
                        <td style="text-align:left !important;"><strong>Juan Pablo Traverso</strong></td>
                        <td class="solopc">Toyota</td>
                        <td><span style="color: green;">0</span></td>
                      <td>+ 144</td>
                      <td class="CopaChance"></td>
                    </tr>
                                         

                    </tbody>
                </table>
<!-- ================================
     SIMULADOR EN MODO PANELO FIJO
================================ -->
            </div>
        </div>
    
<!-- Disclaimer al pie de página -->
<div class="disclaimer-footer">
<strong>MetaSport360</strong> no garantiza la veracidad, exactitud ni actualización permanente de los datos publicados en este sitio. Toda la información proviene de fuentes públicas y es recopilada por nuestros propios medios, sin contar con información oficial provista por las categorías. MetaSport360 no mantiene acuerdos, vínculos ni representa oficialmente a ninguna categoría, equipo u organización del automovilismo. La información que se presenta es de carácter informativo y orientativo. No nos responsabilizamos por errores, omisiones, modificaciones, retrasos o cualquier tipo de inconsistencia en calendarios, resultados, posiciones de campeonato u otros datos reflejados. Para obtener información oficial y definitiva, se recomienda consultar siempre los sitios web oficiales de las respectivas categorías u organizadores.</div>

</main>


        ><!-- /main.content -->
    </div>
    
    
    <!-- /elementor-container -->
</section>
<!-- /section.elementor-section -->


<!-- ========================================
     MODAL DE ESTADÃSTICAS
     ID: ModalStats
======================================== -->
<div id="ModalStats" class="modalRes-fullscreen" style="display:none;"> 
    <div class="modalRes-content" style="position:relative; padding-top:85px;">

        <!-- =========================
             HEADER CON SELECT
        ========================= -->
        <div id="HeaderModalStats" style="
             display: none !important;
             grid-template-columns: repeat(3, 1fr);
             align-items: center;
             padding: 0 12px;
             background: #fff;
             color: #000;
             height: 45px;
             max-height: 45px;
             position: sticky;
             top: 0;
             width: 100%;
             z-index: 1000;
             box-shadow: 0 2px 8px rgba(0,0,0,0.15);
             gap: 8px;
        ">
            <!-- Nombre del piloto / demo -->
            <div style="text-align:left;" id="MDNombre">Demo 1</div>

            <!-- Segundo bloque demo -->
            <div style="text-align:left;">Demo 2</div>

            <!-- Selector de pilotos -->
            <div class="input-group" id="SelectorEnModal"> 
                <div class="pc-dropdown" id="DropdownPilotos">
                    <div class="pc-dropdown-toggle">-- Selecciona un piloto --</div>
                    <ul class="pc-dropdown-menu">
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="64"
                            >
                                <stdorsal>64</stdorsal> Franco Morillo                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="1"
                            >
                                <stdorsal>1</stdorsal> Matias Rossi                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="162"
                            >
                                <stdorsal>162</stdorsal> Emiliano Stang                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="32"
                            >
                                <stdorsal>32</stdorsal> Gabriel P. de Leon                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="78"
                            >
                                <stdorsal>78</stdorsal> Franco Riva                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="83"
                            >
                                <stdorsal>83</stdorsal> Facundo Aldrighetti                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="57"
                            >
                                <stdorsal>57</stdorsal> Franco Vivian                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="86"
                            >
                                <stdorsal>86</stdorsal> Benjamín Squaglia                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="5"
                            >
                                <stdorsal>5</stdorsal> Valentín Yankelevich                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="11"
                            >
                                <stdorsal>11</stdorsal> Tomás Fernandez                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="7"
                            >
                                <stdorsal>7</stdorsal> Nicolás Traut                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="96"
                            >
                                <stdorsal>96</stdorsal> Nicolás Palau                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="81"
                            >
                                <stdorsal>81</stdorsal> Lucas Carabajal                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="25"
                            >
                                <stdorsal>25</stdorsal> Marcelo Ciarrocchi                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="30"
                            >
                                <stdorsal>30</stdorsal> Lucas Vicino                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="115"
                            >
                                <stdorsal>115</stdorsal> Diego Ciantini                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="21"
                            >
                                <stdorsal>21</stdorsal> Matias Rodriguez                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="23"
                            >
                                <stdorsal>23</stdorsal> Francisco Monarca                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="19"
                            >
                                <stdorsal>19</stdorsal> Nicolás Gines                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="63"
                            >
                                <stdorsal>63</stdorsal> Carlos Javier Merlo                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="99"
                            >
                                <stdorsal>99</stdorsal> Matías Capurro                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="16"
                            >
                                <stdorsal>16</stdorsal> Evgenii Leonov                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="28"
                            >
                                <stdorsal>28</stdorsal> Mateo Polakovich                            </li>
                                                    <li 
                                data-categoria="16" 
                                data-clase="0" 
                                data-dorsal="17"
                            >
                                <stdorsal>17</stdorsal> Juan Pablo Traverso                            </li>
                                            </ul>
                </div>        
            </div>
        </div>
        <!-- /HEADER -->

        <!-- =========================
             BODY DEL MODAL
        ========================= -->
        <div id="BodyModalStats" style="zoom:0.8; padding-bottom:120px;">
            <p>Cargando estadÃ­sticas...</p>
        </div>
        <!-- /BODY -->

        <!-- =========================
             FOOTER FIJO
        ========================= -->
        <div id="FooterModalStats" 
             style="position:fixed; bottom:0; left:0; width:100%; 
                    background:#f1f1f1; text-align:center; padding:15px; 
                    box-shadow:0 -2px 8px rgba(0,0,0,0.15); z-index:1000;">
            <button 
                onclick="document.getElementById('ModalStats').style.display='none'; 
                         document.getElementById('BodyModalStats').innerHTML='';" 
                style="padding:10px 20px; background:#d9534f; color:white; border:none; border-radius:6px; cursor:pointer;"
            >
                Cerrar
            </button>
        </div>
        <!-- /FOOTER -->

    </div>
</div>
<!-- /MODAL STATS -->


<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const lazyImgs = document.querySelectorAll("img.lazyRetrato");
    lazyImgs.forEach(img => {
        const srcReal = img.getAttribute("data-src");
        if (srcReal) img.src = srcReal;
    });
});
</script>

<script>
  // ==============================
  // FUNCIONES DE TABS
  // ==============================
  // Mostrar la tab seleccionada y ocultar las demás
  function TablasCampeonatos360ShowTab(tabId) {
      const tabsContainer = document.getElementById('TablasCampeonatos360Tabs');
      const buttons = tabsContainer.querySelectorAll('button');
      const contents = document.querySelectorAll('.TablasCampeonatos360Content');

      // Activar/desactivar botones
      buttons.forEach(btn => {
          if (btn.id === tabId) {
              btn.classList.add('active');
              btn.setAttribute('aria-selected', 'true');
          } else {
              btn.classList.remove('active');
              btn.setAttribute('aria-selected', 'false');
          }
      });

      // Mostrar/ocultar contenido de tabs
      contents.forEach(content => {
          if (content.getAttribute('aria-labelledby') === tabId) {
              content.classList.add('active');
          } else {
              content.classList.remove('active');
          }
      });
  }

  // Activar la primera tab al cargar
  document.addEventListener('DOMContentLoaded', () => {
      const tabsContainer = document.getElementById('TablasCampeonatos360Tabs');
      if (tabsContainer) {
          const firstBtn = tabsContainer.querySelector('button');
          if (firstBtn) {
              TablasCampeonatos360ShowTab(firstBtn.id);
          }
      }
  });

  // ==============================
  // FILTROS Y ANIMACIONES DE EVENTOS
  // ==============================
  const container = document.querySelector('.container .row');
  const allCols = container ? Array.from(container.querySelectorAll('[class^="col-"]')) : [];

  // Animación para cards visibles
  function applyAnimationToVisible() {
      if (!container) return;
      container.querySelectorAll('.event-card').forEach(card => {
          card.classList.remove('fade-in-up');
          void card.offsetWidth;
          card.classList.add('fade-in-up');
      });
  }

  // Aplicar filtro por categoría
  function aplicarFiltro(categoria) {
      localStorage.setItem('ultimaCategoria', categoria);

      // Activar botón de filtro
      document.querySelectorAll('.filtro-btn').forEach(b => b.classList.remove('active'));
      const btn = Array.from(document.querySelectorAll('.filtro-btn')).find(b => b.dataset.cat === categoria);
      if (btn) btn.classList.add('active');

      // Filtrar columnas
      const filteredCols = (categoria === 'todas')
          ? allCols
          : allCols.filter(col => {
              const card = col.querySelector('.event-card');
              return card && card.dataset.cat === categoria;
          });

      if (!container) return;
      container.innerHTML = '';
      filteredCols.forEach(col => {
          const card = col.querySelector('.event-card');
          if (card) {
              card.classList.remove('fade-in-up');
              void card.offsetWidth;
              card.classList.add('fade-in-up');
          }
          container.appendChild(col);
      });
  }

  // Inicializar filtros al cargar
  document.addEventListener('DOMContentLoaded', () => {
      document.querySelectorAll('.filtro-btn').forEach(btn => {
          btn.addEventListener('click', function () {
              aplicarFiltro(this.dataset.cat);
          });
      });

      const filtroPHP = 16;
      const filtroGuardado = localStorage.getItem('ultimaCategoria');
      const filtroInicial = (filtroPHP && filtroPHP !== 'todas') ? filtroPHP : (filtroGuardado || 'todas');

      aplicarFiltro(filtroInicial);
      applyAnimationToVisible();
  });

  // ==============================
  // FUNCIONES AUXILIARES
  // ==============================
  function cambiarLabelNuevo(nuevoLabel) {
      if (window.chartTipo3) {
          window.chartTipo3.data.datasets[0].label = nuevoLabel;
          window.chartTipo3.update();
      }
  }

  function decodeNombre(nombre) {
      const txt = document.createElement('textarea');
      txt.innerHTML = nombre;
      return txt.value;
  }

  function filtrarPilotosPorClase(clase) {
      const items = document.querySelectorAll('#DropdownPilotos .pc-dropdown-menu li');
      items.forEach(item => {
          if (item.getAttribute('data-clase') === clase) {
              item.style.display = '';
          } else {
              item.style.display = 'none';
          }
      });
  }

  // ==============================
  // MODAL DE ESTADÍSTICAS DEL PILOTO
  // ==============================
  const filas = document.querySelectorAll('.FilaClickStat');
  const modal = document.getElementById('ModalStats');
  const bodyModal = document.getElementById('BodyModalStats');

  filas.forEach(function(fila) {
      fila.addEventListener('click', function() {

          const categoria = this.dataset.categoria;
          const clase = this.dataset.clase;
          const dorsal = this.dataset.dorsal;
          const nombre = decodeNombre(this.dataset.nombre);

          // Imagen del piloto
          let baseSrc = `Scraps/Retratos/${categoria}/${dorsal}.png`;
          if (clase && clase !== "0") {
              baseSrc = `Scraps/Retratos/${categoria}-${clase}/${dorsal}.png`;
          }
          let imgSrc = `https://metasport360.com/phpThumb.php?src=/${baseSrc}&w=300&q=80&zc=1&f=png`;

          // Contenido temporal del modal
          bodyModal.innerHTML = `
<div style="
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    text-align: center;
">
    <img id="imgModal" src="${imgSrc}" width="400" height="400" alt="Cargando" style="display: block; margin-bottom: 10px;">
    <p style="margin: 10px 0 5px;">Cargando Estadísticas de:</p>
    <h3 style="margin: 0;">${nombre}</h3>
    <div style="
        margin-top: 15px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #555;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
    "></div>
</div>
<style>
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
</style>
          `;

          const imgModal = document.getElementById('imgModal');
          imgModal.onerror = function () {
              this.src = 'https://metasport360.com/Scraps/Retratos/no.png';
          };

          modal.style.display = 'block';

          // Solicitud AJAX para cargar estadísticas
          const xhr = new XMLHttpRequest();
          const url = 'https://metasport360.com/Stats-Driver.php';
          const params = `categoria=${encodeURIComponent(categoria)}&clase=${encodeURIComponent(clase)}&dorsal=${encodeURIComponent(dorsal)}`;

          xhr.open('GET', url + '?' + params, true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            bodyModal.innerHTML = xhr.responseText;
            document.getElementById('MDNombre').innerHTML = document.getElementById('STMDNombre').innerHTML;

            filtrarPilotosPorClase(clase);

            // ==============================
            // GENERAR CHART DEL PILOTO
            // ==============================
            const canvas = document.getElementById('chartTipo3');
            if (canvas) {
                const labels = JSON.parse(canvas.getAttribute('data-labels'));
                const data = JSON.parse(canvas.getAttribute('data-values'));
                const ctx = canvas.getContext('2d');

                window.chartTipo3 = new Chart(ctx, {
                    type: 'line',
                    data: {
                        labels: labels,
                        datasets: [{
                            label: 'Piloto',
                            data: data,
                            borderColor: 'rgba(7,100,222,1)',
                            backgroundColor: 'rgba(7,100,222,0.2)',
                            fill: false,
                            tension: 0.2,
                            color: 'white'
                        }]
                    },
                    options: {
                        responsive: false,
                        maintainAspectRatio: false,
                        scales: {
                            y: {
                                reverse: true,
                                min: 1, // <-- Posición mínima
                                stepSize: 1,
                                ticks: {
                                    color: 'white',
                                    callback: function(value) {
                                        return 'Pos ' + value;
                                    }
                                }
                            },
                            x: { ticks: { color: 'white' } }
                        },
                        plugins: {
                            legend: { position: 'top', labels: { color: 'white' } }
                        }
                    }
                });

                cambiarLabelNuevo(document.getElementById('STMDNombre').innerHTML);
                document.getElementById('SelectorEnCanvas').innerHTML = document.getElementById('SelectorEnModal').innerHTML;
            }
        } else {
            bodyModal.innerHTML = `<p>Error cargando los datos: ${xhr.status}</p>`;
        }
    }
};
          xhr.send();
      });
  });

  // Cerrar modal al hacer clic fuera
  modal.addEventListener('click', function(e) {
      if (e.target === modal) {
          modal.style.display = 'none';
          bodyModal.innerHTML = '';
      }
  });

  // ==============================
  // DROPDOWN PILOTO COMPARADO
  // ==============================
  document.addEventListener('click', function(e) {
      const toggle = e.target.closest('.pc-dropdown-toggle');
      if (toggle) {
          const dropdown = toggle.closest('.pc-dropdown');
          dropdown.classList.toggle('open');
          return;
      }

      const li = e.target.closest('.pc-dropdown-menu li');
      if (li) {
          const dropdown = li.closest('.pc-dropdown');
          const toggle = dropdown.querySelector('.pc-dropdown-toggle');
          const menu = dropdown.querySelector('.pc-dropdown-menu');

          const categoria = li.dataset.categoria;
          const clase = li.dataset.clase;
          const dorsal = li.dataset.dorsal;

          if (!categoria || !dorsal) return;

          toggle.textContent = li.textContent;
          menu.querySelectorAll('li').forEach(item => item.classList.remove('pc-selected'));
          li.classList.add('pc-selected');
          dropdown.classList.remove('open');

          fetch(`https://metasport360.com/Piloto-Comparado.php?categoria=${categoria}&clase=${clase}&dorsal=${dorsal}`)
              .then(res => res.json())
              .then(data => {
                  if (!data.labels || !data.posiciones) return;
                  const canvas = document.getElementById('chartTipo3');
                  if (!canvas) return;

                  if (window.chartTipo3) {
                      // Limpiar datasets anteriores de comparado
                      window.chartTipo3.data.datasets = window.chartTipo3.data.datasets.filter(ds => !ds.label.startsWith('Comparado:'));
                      // Agregar nuevo dataset comparado
                      window.chartTipo3.data.datasets.push({
                          label: 'Comparado: ' + data.nombre,
                          data: data.posiciones,
                          borderColor: 'rgba(255,99,132,1)',
                          backgroundColor: 'rgba(255,99,132,0.2)',
                          fill: false,
                          tension: 0.2
                      });
                      window.chartTipo3.update();

                      // Actualizar datos comparado
                      $('#STNombreComparado').html(data.nombre);
                      $('#TeamDFR-B').html(data.equipo);
                      $('#NameDFR-B').html(data.marca);
                      $('#STLogoComparado').html(data.nat);

                      // Imagen retrato del comparado
                      let rutaImagen = '';
                      if (data.clase == 0) {
                          rutaImagen = 'https://metasport360.com/Scraps/Retratos/' + data.categoria + '/' + data.dorsal + '.png';
                      } else {
                          rutaImagen = 'https://metasport360.com/Scraps/Retratos/' + data.categoria + '-' + data.clase + '/' + data.dorsal + '.png';
                      }

                      const imagen = new Image();
                      imagen.onload = function () {
                          $('#StarDriver-Retrato-B').css('background-image', 'url("' + rutaImagen + '")');
                      };
                      imagen.onerror = function () {
                          $('#StarDriver-Retrato-B').css('background-image', 'url("https://metasport360.com/Scraps/Retratos/no.png")');
                      };
                      imagen.src = rutaImagen;

                      // Logo o bandera
                      let imgUrl = '';
                      const marca = data.marca ? data.marca.toLowerCase().replace(/\s+/g, '') : '';
                      const nat = data.nat ? data.nat.toLowerCase().replace(/\s+/g, '') : '';
                      const urlDefault = 'https://metasport360.com/Contenido/Marcas-Brands/pixel.png';

                      if (marca) {
                          imgUrl = 'https://metasport360.com/Contenido/Marcas-Brands/' + marca + '.png';
                      } else if (nat) {
                          imgUrl = 'https://metasport360.com/Contenido/flags/48x48/' + nat + '.png';
                      } else {
                          imgUrl = urlDefault;
                      }

                      $('#STLogoComparado').html('<img src="' + imgUrl + '" alt="Logo o bandera" onerror="this.onerror=null;this.src=\'' + urlDefault + '\';">');
                  }
              })
              .catch(err => console.error('Error cargando piloto comparado:', err));
          return;
      }

      // Cerrar dropdowns abiertos
      document.querySelectorAll('.pc-dropdown.open').forEach(d => d.classList.remove('open'));
  });

  // ==============================
  // TECLA P PARA CONTROL DE DIVS
  // ==============================
  const TeclaPHandler = {
      divs: [],

      register: function(divId, callback) {
          this.divs.push({ divId, callback, inside: false });
      },

      init: function() {
          // Detectar clic dentro de cada div registrado
          document.addEventListener('click', (e) => {
              this.divs.forEach(item => {
                  const div = document.getElementById(item.divId);
                  item.inside = div && div.contains(e.target);
              });
          });

          // Ejecutar callback al presionar P
          document.addEventListener('keydown', (e) => {
              if (e.key.toLowerCase() === 'p') {
                  this.divs.forEach(item => {
                      if (item.inside && typeof item.callback === 'function') {
                          item.callback();
                      }
                  });
              }
          });
      }
  };

  // Registro de divs para tecla P
  TeclaPHandler.register('DivFlyerStats', () => {
      const head = document.getElementById('HeadStatOculto');
      const pie = document.getElementById('PieStatOculto');
      const selector = document.getElementById('SelectorDeCoomparacion');
      const fondo = document.getElementById('FonditoStat');

      if (head.style.display === 'block') {
          head.style.display = 'none';
          pie.style.display = 'none';
          selector.style.display = 'block';
          fondo.style.bottom = '0px';
      } else {
          head.style.display = 'block';
          pie.style.display = 'block';
          selector.style.display = 'none';
          fondo.style.bottom = '200px';
      }
  });

  TeclaPHandler.register('TituloCalChampSection', () => {
      // Mostrar u ocultar el puntero
      const puntero = document.getElementById('DivPunteroCampeonato');
      puntero.style.display = (puntero.style.display === 'block') ? 'none' : 'block';

      // Contenedor de tabs
      const tabContainer = document.getElementById('TablasCampeonatos360Tabs');
      if (!tabContainer) {
          $('#DivPunteroCampeonato').html($('#SoyPuntero-').html());
          return;
      }

      // Buscar botón activo
      const activeButton = tabContainer.querySelector('button[role="tab"][aria-selected="true"]');
      if (activeButton) {
          const btnId = activeButton.id;
          $('#DivPunteroCampeonato').html($('#SoyPuntero-' + btnId + '-panel').html());
      }
  });

  TeclaPHandler.init();
</script>

<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;
}
.DivPunteroCampeonato {
	position: absolute !important;
	top: 0px!important;
	width: 700px;
	height: 880px;
	z-index: 9999;
    background-image: url('https://metasport360.com/azules.png');
	color: #fff;
	border-radius: 0px;
	text-align: center;
	display: none;
	overflow: hidden;
	background-size: cover;           /* cubre todo el div proporcionalmente */
	background-position: center center; /* centrada */
	background-repeat: no-repeat;     /* evitar repetición */
	border: 1px solid #333;
	zoom:1.2;
}
.DivPunteroCampeonato1 {
	position: absolute !important;
	top: 0px!important;
	width: 700px;
	height: 880px;
	z-index: 9999;
    background-image: url('https://metasport360.com/rojo.png');
	color: #fff;
	border-radius: 0px;
	text-align: center;
	display: none;
	overflow: hidden;
	background-size: cover;           /* cubre todo el div proporcionalmente */
	background-position: center center; /* centrada */
	background-repeat: no-repeat;     /* evitar repetición */
	border: 1px solid #333;
	zoom:1.2;
}


ClaseDivP-2

.HeadFlyer {
    width: 100%;
    height: 100px;
    display: none_;       /* oculto inicialmente */
    background-color: transparent; /* opcional, para que se vea al mostrarlo */
    color: white;          /* texto visible */
    text-align: left;    /* centrar contenido */
    line-height: 50px;     /* centrar verticalmente */
    position: relative;    /* si quieres posicionarlo */
    z-index: 1000;         /* por si hay otros elementos */
}

.TitleFlyer {
	width: 100%;
	height: 65px;
	display: block;
	font-family: "rawhide_raw_2016regular";
	color: rgba(0,0,0,0.5);         /* 50% negro */
	-webkit-text-stroke: 2px #fff;  /* borde celeste */
	text-stroke: 2px #fff;
	text-align: right;
	line-height: 60px;
	position: absolute;
	z-index: 1000;
	font-size: 55px;
	letter-spacing: 0px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5),  /* glow azul suave */
    0 0 10px rgba(0, 0, 0, 0.3);
	top: 30px;
	padding-right: 25px;
}

.TitleFlyer1 {
	width: 100%;
	height: 65px;
	display: block;
	font-family: "rawhide_raw_2016regular";
	color: rgba(0,0,0,0.5);         /* 50% negro */
	-webkit-text-stroke: 2px #fff  ;  /* borde celeste */
	text-stroke: 2px #F00;
	text-align: right;
	line-height: 60px;
	position: absolute;
	z-index: 1000;
	font-size: 55px;
	letter-spacing: 0px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5),  /* glow azul suave */
    0 0 10px rgba(0, 0, 0, 0.3);
	top: 43px !important;
	padding-right: 25px;
}

.TitleFlyer39 {
	top: 43px !important;
}

.TitleFlyer37 {
	top: 43px !important;
}

.QueColor {
	color:#F00;

}


.TitleFlyerClase {
	width: 100%;
	height: 65px;
	display: block;
	font-family: "rawhide_raw_2016regular";
	color: rgba(0,0,0,0.5);         /* 50% negro */
	-webkit-text-stroke: 2px #0764DE;  /* borde celeste */
	text-stroke: 2px #0764DE;
	text-align: right;
	line-height: 60px;
	position: absolute;
	z-index: 1000;
	font-size: 55px;
	letter-spacing: 0px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5),  /* glow azul suave */
    0 0 10px rgba(0, 0, 0, 0.3);
	top: 80px;
	padding-right: 25px;
}


.TitleFlyerClase39 {
	-webkit-text-stroke: 2px #0764DE;  /* borde celeste */
	text-stroke: 2px #0764DE;
	line-height: 70px;
	font-size:35px !important;
}


.TitleFlyerClase37 {
	-webkit-text-stroke: 2px #0764DE;  /* borde celeste */
	text-stroke: 2px #0764DE;
	line-height: 70px;
	font-size:35px !important;
}


.FlyerLiderChampLogoCat {
  position: absolute;
  top: 0;
  left: 30px !important;
  width: 140px;
  height: 140px;
  z-index: 9999;

  /* Fondo degradé azul con opacidad (arriba 80%, abajo 10%) */
  background: linear-gradient(
    to bottom,
    rgba(0, 102, 255, 0.7) 0%,
    rgba(0, 102, 255, 0.1) 70%
  );

  /* Borde simple de 5px blanco semitransparente */

  /* Resplandor visible hacia abajo */
  box-shadow:
    0 15px 30px rgba(0, 102, 255, 0.6),
    0 8px 20px rgba(0, 0, 0, 0.5);

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


.FlyerLiderChampLogoCat1 {
  position: absolute;
  top: 0;
  left: 30px !important;
  width: 140px;
  height: 140px;
  z-index: 9999;

  /* Fondo degradé azul con opacidad (arriba 80%, abajo 10%) */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.1) 70%
  );

  /* Borde simple de 5px blanco semitransparente */

  /* Resplandor visible hacia abajo */
  box-shadow:
    0 15px 30px rgba(255, 255, 255, 0.6),
    0 8px 20px rgba(255, 255, 255, 0.5);

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

/* Imagen del logo */
.FlyerLiderChampLogoCat img {
  height: 90%;
  width: auto;
  object-fit: contain;
  z-index: 2;
}


.FlyerLiderChampRetrato {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 300px;
    margin: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 8px;

    /* Efecto neón retro */
    border: 3px solid #0764DE; /* color cian */
    box-shadow: 
        0 0 5px #0764DE,
        0 0 10px #0764DE,
        0 0 20px #0764DE,
        0 0 40px rgba(7, 100, 122, 0.3),
        0 0 60px rgba(7, 100, 122, 0.1);
}
.FlyerLiderChampNombre {
    position: absolute;
	width: 110%;
    top: 200px;
    left:6px;
    background: transparent;
    height: 55px;
    line-height: 55px;
    text-align: left;
    text-transform: uppercase;
	font-family: "Kanit", sans-serif!important;
    font-weight: 700 !important;
    padding-left: 10px;
    font-size: 50px;
    letter-spacing: 4px;
	opacity:0.7;

    /* Texto transparente con contorno */
    color: transparent; /* El relleno será transparente */
    -webkit-text-stroke: 0.5px #0cf; /* Contorno celeste */
    text-stroke: 0.5px #0cf; /* Para navegadores compatibles */
}
.FlyerLiderChampApellido {
	position: absolute;
	width: 110%;
	top: 230px;
	left: 6px;
	height: 95px;
	line-height: 95px;
    color: #0764DE; /* El relleno será transparente */
	text-align: left;
	text-transform: uppercase;
	font-family: "Kanit", sans-serif!important;
	font-weight: 900 !important;
	padding-left: 10px;
	font-size: 85px;
	letter-spacing: 6px;
	opacity: 0.9;
}


.FlyerLiderChampEquipo {
	position: absolute;
	width: 110%;
	top: 310px;
	left: 6px;
	height: 40px;
	line-height: 40px;
    color: #fff; /* El relleno será transparente */
	text-align: left;
	text-transform: uppercase;
	font-family: "Kanit", sans-serif!important;
	font-weight: 500 !important;
	padding-left: 10px;
	font-size: 26px;
	font-style:italic;
	letter-spacing: 1px;
	opacity: 0.8;
}
.FlyerLiderChampEquipo img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: auto;
	position: relative;
	margin-right:15px;
	border-radius:3px!important;
}


.FlyerLiderChampMarca {
	position: absolute;
	width: 110%;
	top: 340px;
	left: 6px;
	height: 40px;
	line-height: 40px;
    color: #CCC; /* El relleno será transparente */
	text-align: left;
	text-transform: uppercase;
	font-family: "Kanit", sans-serif!important;
	font-weight: 300 !important;
	padding-left: 10px;
	font-size: 22px;
	font-style:italic;
	letter-spacing: 1px;
	opacity: 0.8;
}
.FlyerLiderChampMarca img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: auto;
	position: relative;
	margin-right:15px;
	border-radius:2px;
}

.FlyerLiderChampPuntos {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 250px;
    height: 250px;
    border: 3px dashed #0764DE;     /* borde punteado celeste */
    border-radius: 50%;           /* círculo perfecto */
    background: transparent;
    display: flex;
    flex-direction: column;       /* apilar número y texto */
    justify-content: center;      /* centrar verticalmente */
    align-items: center;          /* centrar horizontalmente */
    text-align: center;
    color: #0cf;                  /* color de los textos */
    font-family: 'Kanit', sans-serif;
}

.FlyerLiderChampPuntos b:first-child {
    font-size: 95px;              /* puntos grandes */
    line-height: 1;
	color:#0764DE!important;
	font-family: 'Kanit', sans-serif;
	font-weight: 800 !important;
	
}

.FlyerLiderChampPuntos b:last-child {
	font-family: 'Kanit', sans-serif;
	font-weight: 400 !important;
    font-size: 28px;              /* texto "PUNTOS" más pequeño */
    line-height: 1;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 500;
	color:#0764DE!important;
}


.Flyer-Lider-Campeonato-Foto-1 {
    z-index: 50;
    margin: 0px;
    padding: 0px;
    height: 340px;
    width: 290px;
    position: absolute;
	overflow:visible;
    left: 0px;
    top: 280px;
    /* Imagen de fondo */
    background-size: cover;      /* La imagen cubre todo el div */
    background-position: center; /* Centrada */
    background-repeat: no-repeat;
}


.Flyer-Lider-Campeonato-Bloque-1 {
    margin: 0px;
    padding: 0px;
    height: 90px;
    width: 210px;
    position: absolute;
	left:30px;
    top: 540px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


.Flyer-Lider-Campeonato-Bloque-1 h1{
	font-family: "Kanit", sans-serif!important;
	font-weight: 500 !important;
	font-size: 25px;
	text-transform:uppercase;
	line-height: 25px;
    font-style:italic;
	color: #FFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	padding-left:0px!important;
	
  /* Resplandor oscuro reducido */
  text-shadow:
    0 0 3px rgba(0,0,0,1),
    0 0 6px rgba(0,0,0,0.9),
    0 0 10px rgba(0,0,0,0.8),
    1px 1px 2px rgba(0,0,0,1),    /* sombra abajo-derecha */
    -1px 1px 2px rgba(0,0,0,1),   /* sombra abajo-izq */
    1px -1px 2px rgba(0,0,0,1),   /* sombra arriba-derecha */
    -1px -1px 2px rgba(0,0,0,1);  /* sombra arriba-izq */

}

.Flyer-Lider-Campeonato-Bloque-1 h2{
	font-family: "Kanit", sans-serif!important;
	font-weight: 800 !important;
	font-size: 35px;
    font-style:italic;
	line-height: 30px;
	text-transform:uppercase;
	color: #FFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	padding-left:0px!important;

  /* Resplandor negro fuerte alrededor */
  text-shadow:
    0 0 5px rgba(0,0,0,1),
    0 0 10px rgba(0,0,0,1),
    0 0 15px rgba(0,0,0,0.9),
    0 0 20px rgba(0,0,0,0.9),
    0 0 30px rgba(0,0,0,0.8),
    2px 2px 4px rgba(0,0,0,1),   /* sombra abajo-derecha */
    -2px 2px 4px rgba(0,0,0,1),  /* sombra abajo-izq */
    2px -2px 4px rgba(0,0,0,1),  /* sombra arriba-derecha */
    -2px -2px 4px rgba(0,0,0,1); /* sombra arriba-izq */
	
}


.Flyer-Lider-Campeonato-Bloque-1 h3 {
	font-family: "Kanit", sans-serif !important;
	font-weight: 400 !important;
	font-size: 17px;
	line-height: 45px;
	text-transform:uppercase;
	text-transform:uppercase;
	color: #FFF;
	margin: 0;
	padding: 0 15px 0 0;       /* padding-right 15px como tenías */
	height: 45px;
	width: 100%;
	display: flex;             /* activa flexbox */
	align-items: center;       /* centra verticalmente */
	justify-content: flex-start; /* alinea todo a la derecha */
	gap: 4px;                 /* separación entre imagen y texto */
}

.Flyer-Lider-Campeonato-Bloque-1 h3 img {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 40px;
	margin-right:0px!important;
}


.Flyer-Lider-Campeonato-Foto-2 {
    z-index: 50;
    margin: 0px;
    padding: 0px;
    height: 340px;
    width: 290px;
    position: absolute;
	right:0;
    top: 280px;
    /* Imagen de fondo */
    background-size: cover;      /* La imagen cubre todo el div */
    background-position: center; /* Centrada */
    background-repeat: no-repeat;
}

.Flyer-Lider-Campeonato-Bloque-2 {
    z-index: 50;
    margin: 0px;
    padding: 0px;
    height: 90px;
    width: 260px;
    position: absolute;
	right:10px;
    top: 540px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


.Flyer-Lider-Campeonato-Bloque-2 h1{
	font-family: "Kanit", sans-serif!important;
	font-weight: 500 !important;
	font-size: 25px;
	text-transform:uppercase;
	line-height: 25px;
    font-style:italic;
	color: #FFF;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	padding-right:15px!important;

  /* Resplandor oscuro reducido */
  text-shadow:
    0 0 3px rgba(0,0,0,1),
    0 0 6px rgba(0,0,0,0.9),
    0 0 10px rgba(0,0,0,0.8),
    1px 1px 2px rgba(0,0,0,1),    /* sombra abajo-derecha */
    -1px 1px 2px rgba(0,0,0,1),   /* sombra abajo-izq */
    1px -1px 2px rgba(0,0,0,1),   /* sombra arriba-derecha */
    -1px -1px 2px rgba(0,0,0,1);  /* sombra arriba-izq */
	
}

.Flyer-Lider-Campeonato-Bloque-2 h2{
	font-family: "Kanit", sans-serif!important;
	font-weight: 800 !important;
	font-size: 35px;
  font-style:italic;
	text-transform:uppercase;
	line-height: 30px;
	color: #FFF;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	padding-right:15px!important;

  /* Resplandor negro fuerte alrededor */
  text-shadow:
    0 0 5px rgba(0,0,0,1),
    0 0 10px rgba(0,0,0,1),
    0 0 15px rgba(0,0,0,0.9),
    0 0 20px rgba(0,0,0,0.9),
    0 0 30px rgba(0,0,0,0.8),
    2px 2px 4px rgba(0,0,0,1),   /* sombra abajo-derecha */
    -2px 2px 4px rgba(0,0,0,1),  /* sombra abajo-izq */
    2px -2px 4px rgba(0,0,0,1),  /* sombra arriba-derecha */
    -2px -2px 4px rgba(0,0,0,1); /* sombra arriba-izq */
	
}


.Flyer-Lider-Campeonato-Bloque-2 h3 {
	font-family: "Kanit", sans-serif !important;
	font-weight: 400 !important;
	font-size: 17px;
	line-height: 45px;
	text-transform:uppercase;
	color: #FFF;
	margin: 0;
	padding: 0 15px 0 0;       /* padding-right 15px como tenías */
	height: 45px;
	width: 100%;
	display: flex;             /* activa flexbox */
	align-items: center;       /* centra verticalmente */
	justify-content: flex-end; /* alinea todo a la derecha */
	gap: 4px;                 /* separación entre imagen y texto */
}

.Flyer-Lider-Campeonato-Bloque-2 h3 img {
  height: 40px;
  width: 40px;
  object-fit: contain;       /* mantiene proporción del logo */
  margin: 0;
  padding: 0;
}


.Flyer-Lider-Campeonato-Foto-3 {
    z-index: 50;
    margin: 0px;
    padding: 0px;
  text-transform:uppercase;
    height: 400px;
    width: 420px;
    position: absolute;
    left: 130px;
    top: 210px;
    /* Imagen de fondo */
    
    background-size: cover;      /* La imagen cubre todo el div */
    background-position: left top; /* Centrada */
    background-repeat: no-repeat;
}
.Flyer-Lider-Campeonato-Bloque-3 {
	z-index: 50;
    text-transform:uppercase;
	padding: 0px;
	height: 120px;
	width: 420px;
	position: absolute;
	left: 133px;
	top: 510px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}

.Flyer-Lider-Campeonato-Bloque-31 {
	z-index: 50;
    text-transform:uppercase;
	padding: 0px;
	height: 120px;
	width: 420px;
	position: absolute;
	left: 123px;
	top: 490px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


.Flyer-Lider-Campeonato-Bloque-337 {
	z-index: 50;
    text-transform:uppercase;
	padding: 0px;
	height: 120px;
	width: 420px;
	position: absolute;
	left: 150px;
	top: 485px;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


.Flyer-Lider-Campeonato-Bloque-3 h1 {
  font-family: "Kanit", sans-serif !important;
  font-weight: 700 !important;
  font-style:italic;
  font-size: 42px;
  text-transform:uppercase;
  line-height: 48px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  float: left;
  height: 30px;
  width: 100%;

  /* Resplandor oscuro reducido */
  text-shadow:
    0 0 3px rgba(0,0,0,1),
    0 0 6px rgba(0,0,0,0.9),
    0 0 10px rgba(0,0,0,0.8),
    1px 1px 2px rgba(0,0,0,1),    /* sombra abajo-derecha */
    -1px 1px 2px rgba(0,0,0,1),   /* sombra abajo-izq */
    1px -1px 2px rgba(0,0,0,1),   /* sombra arriba-derecha */
    -1px -1px 2px rgba(0,0,0,1);  /* sombra arriba-izq */
}

.Flyer-Lider-Campeonato-Bloque-3 h2 {
  font-family: "Kanit", sans-serif !important;
  font-weight: 800 !important;
  font-size: 58px;
  letter-spacing:-1px;
  font-style:italic;
  text-transform:uppercase;
  line-height: 40px;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  float: left;
  height: 50px;
  width: 100%;

  /* Resplandor negro fuerte alrededor */
  text-shadow:
    0 0 5px rgba(0,0,0,1),
    0 0 10px rgba(0,0,0,1),
    0 0 15px rgba(0,0,0,0.9),
    0 0 20px rgba(0,0,0,0.9),
    0 0 30px rgba(0,0,0,0.8),
    2px 2px 4px rgba(0,0,0,1),   /* sombra abajo-derecha */
    -2px 2px 4px rgba(0,0,0,1),  /* sombra abajo-izq */
    2px -2px 4px rgba(0,0,0,1),  /* sombra arriba-derecha */
    -2px -2px 4px rgba(0,0,0,1); /* sombra arriba-izq */
}


.Flyer-Lider-Campeonato-Bloque-3 h3 {
  font-family: "Kanit", sans-serif !important;
  position:absolute;
  font-weight: 500 !important;
  font-size: 22px;
  line-height: 46px;
  color: #FFF;
  text-align: center;
  text-transform:uppercase;
  margin: 0;
  padding: 0;
  height: 50px;
  top:92px!important;
  width: 100%;
  display: flex;            /* activa flexbox */
  align-items: center;      /* centra verticalmente */
  justify-content: center;  /* centra horizontalmente */
  gap: 10px;                /* mantiene separación entre logo y texto */
}

.Flyer-Lider-Campeonato-Bloque-3 h3 img {
  height: 65px;
  width: 65px;
  object-fit: contain;      /* mantiene proporción del logo */
  margin: 0;                /* elimina margen flotante */
  padding: 0;
}


.Flyer-Lider-Campeonato-Foot {
  position: absolute;
  bottom:0px;
  left: 0;
  width: 100%;
  height: 400px;
  background-image: url('https://metasport360.com/azules.png');
  background-size: cover;
  background-position: center top;

  /* Máscara para difuminar 50px superiores */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,1)110px, rgba(0,0,0,1) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;

  mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 110px, rgba(0,0,0,1) 100%);
  mask-repeat: no-repeat;
  mask-size: cover;
  z-index:9999999999999999999;
}


.Flyer-Lider-Campeonato-Foot1 {
  position: absolute;
  bottom:0px;
  left: 0;
  width: 100%;
  height: 400px;
  background-image: url('https://metasport360.com/rojo.png');
  background-size: cover;
  background-position: center top;

  /* Máscara para difuminar 50px superiores */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,1)110px, rgba(0,0,0,1) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;

  mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 110px, rgba(0,0,0,1) 100%);
  mask-repeat: no-repeat;
  mask-size: cover;
  z-index:9999999999999999999;
}


.Flyer-Lider-Campeonato-Pts-1 {
  position: absolute;
  top: 160px;
  left: 35px;
  width: 160px;
  height: 90px;
  background:rgba(0,0,0,0.5);
  box-sizing: border-box;
  border-radius:4px;
}

.Flyer-Lider-Campeonato-Pts-1 h1 {
	margin: 0;
	color: #F2F2F2;
	font-family: "Kanit", sans-serif;
	font-weight: 700!important;
	font-size: 30px;
	line-height: 40px!important;
	text-align: right;
	float: left;
	height: 35px;
	width: 55%;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-1 h2 {
	margin: 0;
	color: #F2F2F2;
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px!important;
	text-align: left;
	float: left;
	height: 35px;
	width: 30%;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-1 h3 {
	margin: 0;
	color: #09C !important;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-1 h3 svg {
	height: 25px !important;
	width: 25px !important;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.Flyer-Lider-Campeonato-Pts-1 h4 {
	margin: 0;
	color: #09C !important;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}


.Flyer-Lider-Campeonato-Pts-1 h4 b {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-1 h4 strong {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 15px;
	width: 100%;
	position: relative;
}


.Flyer-Lider-Campeonato-Pts-2 {
  position: absolute;
  top: 190px;
  left: 250px;
  width: 200px;
  height: 90px;
  background:rgba(0,0,0,0.5);
  box-sizing: border-box;
  border-radius:4px;
}

.Flyer-Lider-Campeonato-Pts-2 h1 {
	margin: 0;
	color: #F2F2F2 !important;
	font-family: "Kanit", sans-serif;
	font-weight: 700!important;
	font-size: 35px;
	line-height: 35px;
	text-align: right;
	float: left;
	height: 35px;
	width:60%;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-2 h2 {
	margin: 0;
	color: #F2F2F2 !important;
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 33px;
	text-align: left;
	float: left;
	height: 35px;
	width: 20%;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-2 h3 {
	margin: 0;
	color: #09C;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-2 h3 svg {
	height: 25px !important;
	width: 25px !important;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.Flyer-Lider-Campeonato-Pts-2 h4 {
	margin: 0;
	color: #09C;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}


.Flyer-Lider-Campeonato-Pts-2 h4 b {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-2 h4 strong {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 15px;
	width: 100%;
	position: relative;
}


.Flyer-Lider-Campeonato-Pts-3 {
  position: absolute;
  top: 160px;
  right:30px;
  width: 160px;
  height: 90px;
  background:rgba(0,0,0,0.5);
  box-sizing: border-box;
  border-radius:4px;
}

.Flyer-Lider-Campeonato-Pts-3 h1 {
	margin: 0;
	color: #F2F2F2 !important;
	font-family: "Kanit", sans-serif;
	font-weight: 700!important;
	font-size: 30px;
	line-height: 40px !important;
	text-align: right;
	float: left;
	height: 35px;
	width: 60%;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-3 h2 {
	margin: 0;
	color: #F2F2F2 !important;
	font-family: "Kanit", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px!important;
	text-align: left;
	float: left;
	height: 35px;
	width: 30%;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.Flyer-Lider-Campeonato-Pts-3 h3 {
	margin: 0;
	color: #09C;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-3 h3 svg {
	height: 25px !important;
	width: 25px !important;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.Flyer-Lider-Campeonato-Pts-3 h4 {
	margin: 0;
	color: #09C;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 35px;
	text-align: left;
	padding: 0px;
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
}


.Flyer-Lider-Campeonato-Pts-3 h4 b {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
}

.Flyer-Lider-Campeonato-Pts-3 h4 strong {
	margin: 0;
	color: #09F !important;
	font-family: "Kanit", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	padding: 0px;
	float: left;
	height: 15px;
	width: 100%;
	position: relative;
}


.Flyer-Lider-Campeonato-Foot1 H3,.Flyer-Lider-Campeonato-Foot1 H4 b,.Flyer-Lider-Campeonato-Foot1 H4 strong {
  color: #CCC !important;
}


.Flyer-Lider-Campeonato-Foot39 H3,.Flyer-Lider-Campeonato-Foot39 H4 b,.Flyer-Lider-Campeonato-Foot39 H4 strong {
  display:none !important;
}


.Flyer-Lider-Campeonato-Foot39 H1,.Flyer-Lider-Campeonato-Foot39 H2 {
  top:30px !important;
}


.Flyer-Lider-Campeonato-Foot37 H3,.Flyer-Lider-Campeonato-Foot37 H4 b,.Flyer-Lider-Campeonato-Foot37 H4 strong {
  display:none !important;
}


.Flyer-Lider-Campeonato-Foot37 H1,.Flyer-Lider-Campeonato-Foot37 H2 {
  top:30px !important;
}


.FabuLogo {
  position: absolute !important;
  bottom: 50px;
  left: 50%;                /* mover al centro horizontal */
  transform: translateX(-50%); /* centrar exactamente */
  height: 45px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity:0.7;
  z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999;
}

.FabuLogo img {
  height: 40px;  /* alto fijo */
  width: auto;   /* mantiene proporción */
  display: block;
}


</style>
<div id="DivPunteroCampeonato" class="DivPunteroCampeonato DivPunteroCampeonato16 ClaseDivP-2" style="">


</div>
<!-- Incluir la librería -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>

<script>
document.addEventListener('keydown', function (e) {
    if (e.ctrlKey && e.key.toLowerCase() === 'q') {
        e.preventDefault();

        const div = document.getElementById('DivPunteroCampeonato');
        if (div) {
            html2canvas(div).then(canvas => {
                // Crear link de descarga
                const link = document.createElement('a');
                link.download = 'DivPunteroCampeonato.png';
                link.href = canvas.toDataURL("image/png");
                link.click();
            });
        }
    }
});
</script>
                        

        </div>

        
<script>
/* == Global functions: loaded first, always available == */
function SeccionVerCampeonato(serie, clase) {
    var modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    var body  = document.getElementById('MS-Seccion-Modal-Body');
    if (!modal || !body) { console.error('Modal elements not found'); return; }
    var el;
    el = document.getElementById('MC-logo-img');
	if(el) el.src='https://metasport360.com/Contenido/LogosCat/'+serie+'.png';
	alert('https://metasport360.com/Contenido/LogosCat/'+serie+'.png');
    el = document.getElementById('MC-hero-cat');   if(el) el.textContent='Serie '+serie;
    el = document.getElementById('MC-hero-title'); if(el) el.textContent='Campeonato — Clase '+clase;
    body.innerHTML='<div style="padding:40px;text-align:center;color:#64748b;">Cargando...</div>';
    modal.classList.add('show');
    document.body.style.overflow='hidden';
    fetch('../../../test-champ.php?serie='+serie+'&clase='+clase)
        .then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.text(); })
        .then(function(html){
            body.innerHTML=html;
            var tries=0;
            (function tryInit(){
                if(typeof initCampeonato==='function'){ initCampeonato(serie,clase); }
                else if(tries++<50){ setTimeout(tryInit,100); }
                else{ console.error('initCampeonato never loaded'); }
            })();
        })
        .catch(function(err){
            body.innerHTML='<div style="padding:20px;color:#dc2626;text-align:center;">Error: '+err.message+'</div>';
            console.error(err);
        });
}
function cerrarModal(){
    var m=document.getElementById('MS-Seccion-Modal-Campeonato');
    if(m){ m.classList.remove('show'); document.body.style.overflow=''; }
}
function cerrarModalCampeonato(){
    var m=document.getElementById('Seccion-Modal-Detalle-Campeonato');
    if(m) m.classList.remove('show');
    document.body.style.overflow='hidden';
}
</script>

<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="ds78" 
                         data-event="F76FD77A21001CF3-2147484904" 
                         data-serie="78">
                        <img src="https://metasport360.com/Contenido/LogosCat/78.png" alt="logo">
                        <span class="LiveSpanSelect">Turismo Pista</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="78"
                                data-event="F76FD77A21001CF3-2147484904"
                                onclick="seleccionarEvento('F76FD77A21001CF3-2147484904','78')">
                            <img src="https://metasport360.com/Contenido/LogosCat/78.png" 
                                 alt="Turismo Pista">
                        </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}-78"></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>


<style>
/* ══ Championship Modals — MetaSport360 ══ */

/* TABLA modal fullscreen */
#MS-Seccion-Modal-Campeonato {
    display:none !important; position:fixed !important; inset:0; z-index:99990;
    flex-direction:column; background:#f1f5f9; overflow:hidden;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important;
    border-radius:0 !important; max-width:none !important;
}
#MS-Seccion-Modal-Campeonato.show { display:flex !important; }

.MC-hero {
    background:linear-gradient(135deg,#0a0f1e 0%,#0d1a3a 60%,#0f2558 100%);
    flex-shrink:0; display:flex; align-items:center; gap:14px;
    padding:14px 20px; position:relative;
    border-bottom:2px solid #0764DE;
}
.MC-hero-logo { width:46px; height:46px; border-radius:9px; flex-shrink:0;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
    display:flex; align-items:center; justify-content:center; overflow:hidden; }
.MC-hero-logo img { width:38px; height:38px; object-fit:contain; }
.MC-hero-txt  { flex:1; min-width:0; }
.MC-hero-cat  { font-size:9px; font-weight:700; letter-spacing:1.2px;
    text-transform:uppercase; color:#0764DE; margin-bottom:2px; }
.MC-hero-title{ font-size:18px; font-weight:900; color:#fff; letter-spacing:-.3px; }
.MC-close {
    width:30px; height:30px; border-radius:50%; background:#dc2626; color:#fff;
    border:none; font-size:13px; cursor:pointer; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    transition:background .12s; font-family:inherit;
}
.MC-close:hover { background:#b91c1c; }
.MC-scroll-hint {
    display:none; background:linear-gradient(135deg,#0764DE,#1e3a8a);
    color:#fff; font-size:10px; font-weight:700; text-align:center;
    padding:5px; letter-spacing:.5px; flex-shrink:0;
}
.MC-table-wrap { flex:1; overflow:auto; scrollbar-width:thin; }

/* Table internals */
.Seccion-Tabla { display:flex; flex-direction:column; opacity:0;
    transition:opacity .3s ease; min-width:max-content; }
.Seccion-Tabla.show { opacity:1; }
.Seccion-Tabla-Header { position:sticky; top:0; z-index:30; display:flex;
    min-width:max-content; background:#1e293b; border-bottom:2px solid #0764DE; }
.Seccion-Tabla-Header .Seccion-Tabla-Cell {
    font-size:9px; font-weight:700; letter-spacing:.8px;
    color:rgba(255,255,255,.5); text-transform:uppercase; padding:0 8px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-right:1px solid rgba(255,255,255,.06); background:transparent; white-space:nowrap; }
.Seccion-Tabla-Header .Seccion-Tabla-Piloto { justify-content:flex-start; padding-left:12px; }
.Seccion-Tabla-Header .Seccion-Tabla-Total  { color:#fff; background:#0764DE; }
.Seccion-Tabla-Fila { display:flex; height:52px; min-height:52px; align-items:center;
    background:#fff; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background .1s; }
.Seccion-Tabla-Fila:nth-child(even) { background:#fafbfd; }
.Seccion-Tabla-Fila:hover { background:#eff6ff; }
.Seccion-Tabla-Cell { padding:0 8px; font-size:12px; font-weight:500; color:#111;
    display:flex; align-items:center; justify-content:center;
    border-right:1px solid #f1f5f9; height:52px; box-sizing:border-box;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.Seccion-Tabla-Pos { width:40px; font-weight:800; font-size:12px; color:#94a3b8; }
.Seccion-Tabla-Fila:nth-child(2) .Seccion-Tabla-Pos { color:#f59e0b; }
.Seccion-Tabla-Fila:nth-child(3) .Seccion-Tabla-Pos { color:#9ca3af; }
.Seccion-Tabla-Fila:nth-child(4) .Seccion-Tabla-Pos { color:#b45309; }
.Seccion-Tabla-Var  { width:48px; font-size:11px; font-weight:700; }
.C-VarUp { color:#15803d !important; } .C-VarDown { color:#dc2626 !important; } .C-VarEq { color:#cbd5e1 !important; }
.Seccion-Tabla-Nro { width:50px; font-weight:900; font-size:11px; background:#1e293b; color:#fff; }
.Seccion-Tabla-Header .Seccion-Tabla-Nro { background:transparent; color:rgba(255,255,255,.5); }
.Seccion-Tabla-Logo { width:36px; padding:0 4px; justify-content:center; }
.Seccion-Tabla-Logo img { max-height:20px; max-width:28px; object-fit:contain; }
.Seccion-Tabla-Piloto { min-width:210px; justify-content:flex-start; padding:0; }
.CT-pil { display:flex; align-items:center; height:52px; width:100%; }
.CT-pil-thumb { width:36px; height:52px; flex-shrink:0; overflow:hidden; background:#e2e8f0; border-right:1px solid #f1f5f9; }
.CT-pil-thumb img { width:36px; height:52px; object-fit:cover; object-position:top; display:block; }
.CT-pil-info { display:flex; flex-direction:column; gap:1px; padding:0 10px; min-width:0; }
.CT-pil-name { font-size:12.5px; font-weight:700; color:#111; white-space:nowrap; }
.CT-pil-team { font-size:10px; color:#64748b; white-space:nowrap; }
/* Q/S/F sub-cells */
.CT-ev-head { min-width:108px; padding:0; text-align:center; background:#1e293b;
    border-right:2px solid rgba(255,255,255,.1) !important; display:table-cell; vertical-align:middle; }
.CT-ev-head-inner { display:flex; flex-direction:column; align-items:center; gap:2px; padding:4px 2px 2px; }
.CT-ev-head-fecha { font-size:9px; font-weight:700; color:#fff; white-space:nowrap; text-transform:uppercase; }
.CT-ev-head-subs { display:flex; }
.CT-ev-head-subs span { width:34px; font-size:8px; font-weight:800; text-align:center; }
.CT-ev-head-subs span:nth-child(1) { color:#60a5fa; }
.CT-ev-head-subs span:nth-child(2) { color:#fbbf24; }
.CT-ev-head-subs span:nth-child(3) { color:#4ade80; }
.CT-sub-q,.CT-sub-s,.CT-sub-f { width:34px; min-width:34px; padding:0; font-size:12px; font-weight:700; text-align:center; display:flex; align-items:center; justify-content:center; height:52px; }
.CT-sub-q { color:#1e40af; background:#f0f7ff; border-right:1px solid #e2e8f0; }
.CT-sub-s { color:#854d0e; background:#fffbeb; border-right:1px solid #e2e8f0; }
.CT-sub-f { color:#166534; background:#f0fdf4; border-right:2px solid #e2e8f0; }
.Seccion-Tabla-Fila:hover .CT-sub-q { background:#dbeafe !important; }
.Seccion-Tabla-Fila:hover .CT-sub-s { background:#fef3c7 !important; }
.Seccion-Tabla-Fila:hover .CT-sub-f { background:#dcfce7 !important; }
.CT-zero { color:#e2e8f0; font-size:11px; }
.Seccion-Tabla-Total { width:72px; font-size:14px; font-weight:900;
    color:#0764DE; background:#eff6ff; border-left:2px solid #0764DE; }
.Seccion-Tabla-Fila:hover .Seccion-Tabla-Total { background:#dbeafe; }

/* PILOTO modal fullscreen */
#Seccion-Modal-Detalle-Campeonato,
.Seccion-Modal-Detalle-Campeonato {
    display:none !important; position:fixed !important; inset:0; z-index:99999;
    flex-direction:column; background:#f1f5f9; overflow:hidden;
    opacity:0; transition:opacity .2s;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important;
}
#Seccion-Modal-Detalle-Campeonato.show,
.Seccion-Modal-Detalle-Campeonato.show { display:flex !important; opacity:1; }
.MP-hero { background:linear-gradient(135deg,#0a0f1e 0%,#0d1a3a 65%,#0f2558 100%);
    display:flex; align-items:stretch; flex-shrink:0; min-height:140px; position:relative; }
.MP-hero-left { display:flex; align-items:center; gap:14px; flex:1; padding:14px 16px; min-width:0;
    border-right:1px solid rgba(255,255,255,.07); }
.MP-foto { width:88px; flex-shrink:0; border-radius:8px; overflow:hidden; align-self:stretch;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); display:flex; align-items:flex-end; }
.MP-foto img { width:88px; height:120px; object-fit:cover; object-position:top; display:block; }
.MP-data { display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.MP-number { display:inline-block; background:#0764DE; color:#fff; font-size:10px; font-weight:800;
    padding:2px 10px; border-radius:20px; width:fit-content; }
.MP-name  { font-size:20px; font-weight:900; color:#fff; letter-spacing:-.4px; line-height:1.1; }
.MP-brand { font-size:11px; color:rgba(255,255,255,.45); }
.MP-team  { font-size:10px; color:rgba(255,255,255,.3); }
.MP-stats { display:flex; flex-direction:column; gap:3px; padding:0 0 0 4px; flex-shrink:0; justify-content:center; }
.MP-stat  { display:flex; align-items:center; gap:8px; padding:4px 10px; border-radius:6px;
    background:rgba(255,255,255,.06); min-width:120px; }
.MP-stat span    { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:rgba(255,255,255,.35); flex:1; }
.MP-stat strong  { font-size:14px; font-weight:900; color:#fff; }
.valuedifchico   { font-size:9px; color:rgba(255,255,255,.2); }
.MP-vs { display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:12px 14px; gap:7px; flex-shrink:0;
    border-right:1px solid rgba(255,255,255,.07); border-left:1px solid rgba(255,255,255,.07); }
.MP-vs label { font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,.35); }
.MP-vs-wrap { position:relative; min-width:180px; }
.MP-vs-wrap::after { content:'▾'; position:absolute; right:10px; top:50%; transform:translateY(-50%);
    color:rgba(255,255,255,.5); pointer-events:none; font-size:12px; }
#ModalVSSelect { width:100%; appearance:none; background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.2); color:#fff; font-size:12px;
    padding:7px 30px 7px 10px; border-radius:8px; cursor:pointer; font-family:inherit; }
#ModalVSSelect option { background:#1e293b; color:#fff; }
.MP-hero-right { display:flex; align-items:center; gap:14px; flex:1; padding:14px 16px;
    min-width:0; flex-direction:row-reverse; }
.MP-stats-vs { display:flex; flex-direction:column; gap:3px; flex-shrink:0; justify-content:center; }
.VS-Row { display:flex; align-items:center; gap:8px; padding:4px 10px; border-radius:6px;
    background:rgba(255,255,255,.06); min-width:120px; font-size:12px; font-weight:700; color:#fff; }
.MP-body { flex:1; overflow-y:auto; background:#f8fafc; padding:16px;
    scrollbar-width:thin; scrollbar-color:#cbd5e1 #f8fafc; }
.MP-grid { display:grid; grid-template-columns:1fr 220px; gap:14px; }
.MP-card { background:#fff; border-radius:10px; padding:14px;
    border:1px solid #e2e8f0; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.MP-card h6 { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.7px;
    color:#64748b; margin:0 0 10px; padding-bottom:6px; border-bottom:1px solid #e2e8f0; }
.MP-card canvas { width:100%!important; height:200px!important; }
.MP-ev-row { display:flex; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid #f1f5f9; }
.MP-ev-row:last-child { border-bottom:none; }
.MP-ev-date { flex:1; font-size:10px; color:#334155; font-weight:500; }
.MP-ev-pts  { font-size:11px; font-weight:800; min-width:34px; text-align:center;
    padding:2px 6px; border-radius:4px; background:#f1f5f9; color:#1e293b; }
.MP-ev-pts.win  { background:#dcfce7; color:#15803d; }
.MP-ev-pts.lose { background:#fee2e2; color:#b91c1c; }
.MP-ev-pts.eq   { background:#f1f5f9; color:#64748b; }
.MP-close { position:absolute; top:10px; right:14px; width:30px; height:30px; border-radius:50%;
    background:#dc2626; color:#fff; border:none; font-size:13px; cursor:pointer;
    display:flex; align-items:center; justify-content:center; z-index:10; font-family:inherit; }
.MP-close:hover { background:#b91c1c; }
@media(max-width:768px){
    .MC-scroll-hint { display:block; }
    .Seccion-Tabla-Var { display:none; }
    .CT-pil-team { display:none; }
    .MP-hero { flex-wrap:wrap; }
    .MP-vs { border:none; border-top:1px solid rgba(255,255,255,.07); width:100%;
        flex-direction:row; flex-wrap:wrap; padding:8px 14px; }
    .MP-grid { grid-template-columns:1fr; }
}
@media(max-width:480px){
    .Seccion-Tabla-Logo { display:none; }
    .MP-stats,.MP-stats-vs { display:none; }
}
</style>
<!-- ══ MODAL TABLA CAMPEONATO ══ -->
<div id="MS-Seccion-Modal-Campeonato" class="MS-Seccion-Modal">
    <div class="MC-hero">
        <div class="MC-hero-logo"><img id="MC-logo-img" src="" alt="" onerror="this.style.opacity='.3'"></div>
        <div class="MC-hero-txt">
            <div class="MC-hero-cat" id="MC-hero-cat">CAMPEONATO</div>
            <div class="MC-hero-title" id="MC-hero-title">Cargando...</div>
        </div>
        <button class="MC-close" onclick="cerrarModal()"><i class="bi bi-x-lg"></i></button>
    </div>
    <div class="MC-scroll-hint"><i class="bi bi-arrows-expand-horizontal"></i> Deslizá para ver todas las fechas</div>
    <div class="MC-table-wrap">
        <div id="MS-Seccion-Modal-Body"></div>
    </div>
</div>

<!-- ══ MODAL DETALLE PILOTO ══ -->
<div id="Seccion-Modal-Detalle-Campeonato">
    <button class="MP-close" onclick="cerrarModalCampeonato()"><i class="bi bi-x-lg"></i></button>
    <div class="MP-hero">
        <div class="MP-hero-left">
            <div class="MP-foto" id="ModalFoto"></div>
            <div class="MP-data">
                <div class="MP-number" id="ModalNumero">#--</div>
                <div class="MP-name"   id="ModalNombre">---</div>
                <div class="MP-brand"  id="ModalMarca"></div>
                <div class="MP-team"   id="ModalEquipo"></div>
            </div>
            <div class="MP-stats">
                <div class="MP-stat" id="Dif-Puntos-A"><span>Puntos</span><strong id="ModalTotal">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Carreras-A"><span>Carreras</span><strong id="ModalCarreras">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Promedio-A"><span>Promedio</span><strong id="ModalPromedio">0.00</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Victorias-A"><span>Victorias</span><strong id="ModalWins">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Podios-A"><span>Podios</span><strong id="ModalPodios">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat"><span>Poles</span><strong id="ModalPoles">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat"><span>RV</span><strong id="ModalRV">0</strong><div class="valuedifchico"></div></div>
            </div>
        </div>
        <div class="MP-vs">
            <label>COMPARAR CON</label>
            <div class="MP-vs-wrap"><select id="ModalVSSelect"><option value="">— Seleccionar piloto —</option></select></div>
        </div>
        <div class="MP-hero-right">
            <div class="MP-foto" id="ModalFotoVS"></div>
            <div class="MP-data" style="align-items:flex-end;">
                <div class="MP-number" id="ModalNumeroVS"></div>
                <div class="MP-name"   id="ModalNombreVS" style="text-align:right;"></div>
                <div class="MP-brand"  id="ModalMarcaVS"></div>
                <div class="MP-team"   id="ModalEquipoVS"></div>
            </div>
            <div class="MP-stats-vs"><div id="ModalComparacionStats" class="Seccion-Modal-Detalle-Campeonato-Stats-VS"></div></div>
        </div>
    </div>
    <div class="MP-body">
        <div class="MP-grid">
            <div class="MP-card"><h6>Puntaje por fecha</h6><canvas id="ModalChart"></canvas></div>
            <div class="MP-card"><h6>Detalle de fechas</h6><div id="ModalEventos"></div></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) {
    var modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    var body  = document.getElementById('MS-Seccion-Modal-Body');
    
    if (!modal || !body) { 
        console.error('Modal elements not found'); 
        return; 
    }

    // Limpiar y mostrar loader bonito
    body.innerHTML = `
        <div class="loading-champ-container">
            <div class="loading-champ">
                <div class="spinner"></div>
                <div class="loading-text">
                    <span>Cargando Campeonato</span>
                    <span class="loading-dots">...</span>
                </div>
                <div class="loading-subtitle">Serie ${serie} � Clase ${clase}</div>
            </div>
        </div>
    `;
    var el;
    el = document.getElementById('MC-logo-img');
	if(el) el.src='https://metasport360.com/Contenido/LogosCat/'+serie+'.png';
	alert('https://metasport360.com/Contenido/LogosCat/'+serie+'.png');
    el = document.getElementById('MC-hero-cat');   if(el) el.textContent='Serie '+serie;
    el = document.getElementById('MC-hero-title'); if(el) el.textContent='Campeonato — Clase '+clase;
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';

    fetch(`../../../test-champ.php?serie=${serie}&clase=${clase}`)
        .then(function(r){ 
            if(!r.ok) throw new Error('HTTP '+r.status); 
            return r.text(); 
        })
        .then(function(html){
            body.innerHTML = html;
            
            // Peque�o delay para que se vea la transici�n
            setTimeout(() => {
                if(typeof initCampeonato === 'function'){
                    initCampeonato(serie, clase);
                }
            }, 80);
        })
        .catch(function(err){
            body.innerHTML = `
                <div style="padding:40px;text-align:center;color:#dc2626;">
                    <i class="bi bi-exclamation-triangle" style="font-size:42px;margin-bottom:12px;display:block;"></i>
                    <strong>Error al cargar</strong><br>
                    ${err.message}
                </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 dropdown = document.getElementById("filter-dropdown");
    dropdown.innerHTML = `
        <div class="filter-option" data-value="all">
            <span class="filter-option-text">
                <strong>Todas las Fechas</strong><br>
                <span class="fecha">Campeonato General</span>
            </span>
        </div>
    `;

    DATA.eventos.forEach(ev => {
        const fechaFormat = formatFecha(ev.fecha);
        const provincia = ev.provincia || ev.ciudad || 'Argentina';
        const ciudad = ev.ciudad || 'Fecha';
		
		const provinciaSlug = (provincia || '')
			.toLowerCase()
			.normalize('NFD')
			.replace(/[\u0300-\u036f]/g, '') // quita acentos
			.replace(/\s+/g, '');            // quita espacios
		
		const optionHTML = `
			<div class="filter-option" data-value="${ev.id}">
				<img src="https://metasport360.com/Contenido/Provincias/${provinciaSlug}.png" alt="">
				<span class="filter-option-text">
					<strong>${ciudad}</strong> � ${provincia}<br>
					<span class="fecha">${fechaFormat}</span>
				</span>
			</div>
		`;

        dropdown.innerHTML += optionHTML;
    });

    // Event listeners
    setupFilterListeners();
}


function setupFilterListeners() {
    const trigger = document.getElementById("filter-trigger");
    const dropdown = document.getElementById("filter-dropdown");

    // Toggle dropdown
    trigger.addEventListener("click", (e) => {
        e.stopPropagation();
        dropdown.classList.toggle("show");
    });

    // Seleccionar opci�n
    dropdown.addEventListener("click", (e) => {
        const option = e.target.closest(".filter-option");
        if (!option) return;

        const value = option.dataset.value;

        // Actualizar trigger
        const selectedText = document.getElementById("filter-selected-text");
        if (value === "all") {
            selectedText.textContent = "Todas las Fechas � Campeonato General";
        } else {
            selectedText.textContent = option.querySelector("strong").textContent + " � " + option.querySelector(".fecha").textContent;
        }

        // Cerrar dropdown
        dropdown.classList.remove("show");

        // Marcar como activo
        document.querySelectorAll(".filter-option").forEach(opt => opt.classList.remove("active"));
        option.classList.add("active");

        // Renderizar tabla
        renderTabla(true);
    });

    // Cerrar al hacer click fuera
    document.addEventListener("click", () => {
        dropdown.classList.remove("show");
    });
}

	
window.renderTabla = function(animar = false) {
    const cont = document.getElementById("contenedorTabla");
    
    // Obtener el valor seleccionado del dropdown personalizado
    let filtroValue = "all"; // valor por defecto
    
    const activeOption = document.querySelector(".filter-option.active");
    if (activeOption) {
        filtroValue = activeOption.dataset.value || "all";
    }

    let pilotos = JSON.parse(JSON.stringify(DATA.campeonato));
    let eventosAMostrar = DATA.eventos;

    // ====================== FILTRO ACUMULADO ======================
    if (filtroValue !== "all") {
        const idxSeleccionado = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
        
        if (idxSeleccionado !== -1) {
            eventosAMostrar = DATA.eventos.slice(0, idxSeleccionado + 1);

            // Calcular total acumulado
            pilotos.forEach(p => {
                let totalAcumulado = 0;
                eventosAMostrar.forEach(ev => {
                    totalAcumulado += (p.eventos?.[ev.id]?.total ?? 0);
                });
                p.totalFiltro = totalAcumulado;
            });

            pilotos.sort((a, b) => (b.totalFiltro || 0) - (a.totalFiltro || 0));
        }
    } else {
        pilotos.sort((a, b) => (b.total || 0) - (a.total || 0));
    }
    // ============================================================

    const newOrder = {};
    pilotos.forEach((p, i) => newOrder[p.piloto?.dorsal] = i);

    let html = `<div class="Seccion-Tabla">`;

    // ==================== HEADER ====================
    html += `<div class="Seccion-Tabla-Header">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">POS</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var">VAR</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">NRO</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">M</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">PILOTO</div>`;

    eventosAMostrar.forEach(ev => {
        const titulo = `${formatFecha(ev.fecha)} ? ${ev.ciudad || ''}`;
        html += `
            <div class="Seccion-Tabla-Cell CT-evento-header" style="width:145px; min-width:145px; max-width:145px;">
                ${titulo}
            </div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total">TOTAL</div>`;
    html += `</div>`;

    // ==================== SUB-HEADER ====================
    html += `<div class="Seccion-Tabla-SubHeader">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto"></div>`;

    eventosAMostrar.forEach(() => {
        html += `
            <div class="Seccion-Tabla-Cell CT-sub-q-header">Q</div>
            <div class="Seccion-Tabla-Cell CT-sub-s-header">S</div>
            <div class="Seccion-Tabla-Cell CT-sub-f-header">F</div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"></div>`;
    html += `</div>`;

    // ==================== FILAS ====================
    pilotos.forEach((p, i) => {
        const piloto = p.piloto || {};
        const dorsal = piloto.dorsal;
        const dorsalKey = String(dorsal);
        const nombre = `${piloto.nombre ? piloto.nombre[0] + ". " : ""}${piloto.apellido || ''}`;

        // Variaci�n
        let varVal = 0;
        if (filtroValue !== "all") {
            const idxActual = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
            if (idxActual > 0) {
                const idAnterior = DATA.eventos[idxActual - 1].id;
                const posActual = posicionesPorEvento?.[filtroValue]?.[dorsalKey];
                const posAnterior = posicionesPorEvento?.[idAnterior]?.[dorsalKey];
                if (posActual != null && posAnterior != null) {
                    varVal = posAnterior - posActual;
                }
            }
        } else {
            let historial = [];
            DATA.eventos.forEach(ev => {
                const pos = posicionesPorEvento?.[ev.id]?.[dorsalKey];
                if (pos !== undefined) historial.push(pos);
            });
            if (historial.length >= 2) {
                varVal = historial[historial.length - 2] - historial[historial.length - 1];
            }
        }

        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>`;

        // Logo
        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>`;

        // Piloto
        const _c2 = piloto.categoria || '0', _cl2 = piloto.clase || '0', _d2 = piloto.dorsal || '';
        const _src = (parseInt(_cl2)===0 || _cl2==='') ? `/Scraps/Retratos/${_c2}/${_d2}.png` : `/Scraps/Retratos/${_c2}-${_cl2}/${_d2}.png`;
        const _th = `https://metasport360.com/phpThumb.php?src=${encodeURIComponent(_src)}&w=80&h=100&zc=2&q=80`;

        html += `
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">
                <div class="CT-pil">
                    <div class="CT-pil-thumb"><img src="${_th}" loading="lazy" onerror="this.style.visibility='hidden'"></div>
                    <div class="CT-pil-info">
                        <div class="CT-pil-name">${nombre}</div>
                        <div class="CT-pil-team">${piloto.equipo || ''}</div>
                    </div>
                </div>
            </div>
        `;

        // Resultados por evento
        eventosAMostrar.forEach(ev => {
            const evData = p.eventos?.[ev.id] || {};
            const q = evData.clas ?? 0;
            const s = evData.serie ?? 0;
            const f = evData.final ?? 0;

            html += `<div class="Seccion-Tabla-Cell CT-sub-q">${q > 0 ? q : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-s">${s > 0 ? s : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-f">${f > 0 ? f : '<span class="CT-zero">�</span>'}</div>`;
        });

        const total = filtroValue === "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;

    // Animaci�n
    const tabla = document.querySelector(".Seccion-Tabla");
    if (tabla) tabla.classList.add("show");

    // Click en filas
    setTimeout(() => {
        document.querySelectorAll(".fila").forEach(fila => {
            fila.onclick = () => abrirModalCampeonato(String(fila.dataset.dorsal));
        });
    }, 10);
};
}


function formatFecha(f) {
    const d = new Date(f);
    return d.toLocaleDateString('es-AR', {
        day: '2-digit',
        month: '2-digit'
    });
}


// 🔥 GLOBAL (IMPORTANTE)
/* defined at top */


/* defined at top */


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;
	
	
var modal = document.getElementById("Seccion-Modal-Detalle-Campeonato");
if (!modal) return;
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;
        }

        var _c1_=p2?(total1>total2?'win':total1<total2?'lose':'eq'):'';
        var _c2_=p2?(total2>total1?'win':total2<total1?'lose':'eq'):'';
        htmlEventos+='<div class="MP-ev-row">'
            +'<div class="MP-ev-pts '+_c1_+'">'+ total1 +'</div>'
            +'<div class="MP-ev-date">'+formatFecha(ev.fecha)+' — '+ev.ciudad+'</div>'
            +(p2?'<div class="MP-ev-pts '+_c2_+'">'+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");
});


/* defined at top */


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>


    <link rel="stylesheet" id="sbi_styles-css" href="https://metasport360.com/Meta_files/sbi-styles.min.css" type="text/css" media="all">

</body>

</html>