<!--


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


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * 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 - ¡PETRACCHINI POR DOS DÉCIMAS!</title> 
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="description" content="MetaSport360: Lucas Petracchini, a bordo del Toyota Yaris del GR Competición, se quedó con la pole position en una ajustadísima clasificación...">
<link rel="canonical" href="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas" />

<!-- ✅ 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 | ¡PETRACCHINI POR DOS DÉCIMAS!</title>
<meta name="description" content="Lucas Petracchini, a bordo del Toyota Yaris del GR Competición, se quedó con la pole position en una ajustadísima clasificación de Clase 2 en el Autódromo Ciudad de Parana" />
<link rel="canonical" href="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas" />

<!-- Open Graph -->

<!-- Open Graph -->
<meta property="og:locale" content="es_AR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="MetaSport360 | ¡PETRACCHINI POR DOS DÉCIMAS!" />
<meta property="og:description" content="Lucas Petracchini, a bordo del Toyota Yaris del GR Competición, se quedó con la pole position en una ajustadísima clasificación de Clase 2 en el Autódromo Ciudad de Parana" />
<meta property="og:url" content="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas" />
<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="2026-02-07 19:44:00" />
<meta property="article:modified_time" content="2026-02-07 19:44:00" />
<meta property="og:image" content="https://metasport360.com/Contenido/Imagenes/whatsappimage2026-02-07at17.28.03(3).jpeg" />
<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 | ¡PETRACCHINI POR DOS DÉCIMAS!" />
<meta name="twitter:description" content="Lucas Petracchini, a bordo del Toyota Yaris del GR Competición, se quedó con la pole position en una ajustadísima clasificación de Clase 2 en el Autódromo Ciudad de Parana" />
<meta name="twitter:image" content="https://metasport360.com/Contenido/Imagenes/whatsappimage2026-02-07at17.28.03(3).jpeg" />
<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/Prensa/3490/Contenido/petracchini-por-dos-decimas">
<link rel="dns-prefetch" href="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas">
<link rel="dns-prefetch" href="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas">
<link href="https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas" 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 - ¡PETRACCHINI POR DOS DÉCIMAS!">
        <img class="logo-movil logo-movil-dark" 
             src="https://metasport360.com/Meta_files/fabulab.svg" 
             width="209" height="50" 
             alt="MetaSport360 - ¡PETRACCHINI POR DOS DÉCIMAS!">
    </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>
.media-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.media-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
  touch-action: pan-y;
}

.media-item {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-item img,
.media-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover ;
  border-radius:7px!important;
}

.media-item audio {
  width: 100% ;
}

.MediaArticulo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 1rem;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
}

.MediaArticulo.left {
  left: 0.5rem;
}

.MediaArticulo.right {
  right: 0.5rem;
}

@media (max-width: 768px) {
  .media-slider {
    aspect-ratio: 4 / 3;
  }
}

.epigrafefoto {
	font-family: "Hubot Sans", sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #CCC;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 100%;
	position: absolute;
	z-index: 9999999999999999;
	bottom: 0px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

oculto {
	display:none !important;
	visibility:hidden !important;
}


.Linea-Con-Texto {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 9px;
  width: 100%;
  color: #333;
}

.Linea-Con-Texto::before,
.Linea-Con-Texto::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #999;
  margin: 0 8px; /* Espacio entre el texto y las líneas */
}


dif0, dif1, dif2, dif3, dif4, dif5, dif6, dif7, dif8, dif9, dif10 {
	font-family: "Hubot Sans", sans-serif  !important;
    display: flex;
    align-items: center;      /* centra verticalmente */
    justify-content: center;  /* centra horizontalmente */
    width: 100%;
    height: 100%;
	border-radius: 3px;
}
dif0 {
    background-color: #00ff00;
    color: #000;
}
dif1 {
    background-color: #00e600;
    color: #000;
}
dif2 {
    background-color: #00cc00;
    color: #000;
}
dif3 {
    background-color: #00b300;
    color: #000;
}
dif4 {
    background-color: #009900;
    color: #66ff66;
}
dif5 {
    background-color: #008000;
    color: #4dff4d;
}
dif6 {
    background-color: #006600;
    color: #33ff33;
}
dif7 {
    background-color: #004d00;
    color: #1aff1a;
}
dif8 {
    background-color: #003300;
    color: #00ff00;
}
dif9 {
    background-color: #002200;
    color: #00cc00;
}
dif10 {
    background-color: #001100;
    color: #009900;
}


.Nota-Result-Row.PilotoResaltado {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #FFF !important;
	background-color: #000 !important;
	margin: 0;
	height: 24px;
	position: relative;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #D6D6D6;
	background-image: linear-gradient(to right, #000 0%, #555 100%);
	background-size: 200% 100%;
	background-position: left center;
}


.Nota-Result-Row.PilotoResaltado .Nota-Result-col-marca {
	color: #FFF !important;
}


.Nota-Result-Row.PilotoResaltado .Nota-Result-col-vueltas {
	color: #FFF !important;
}

.Nota-Result-Row.PilotoResaltado .Nota-Result-col-tiempo {
	color: #FFF !important;
}

  .TablaReproductor {
    background: rgba(0, 0, 0, 0.5) !important;
	border:none !important;
	border-radius:5px !important;
  }


  .TablaReproductor td {
	border:none !important;
  }

  .audio-item {
	color:#fff !important;
  }
  
  .BajadaClean {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 35px;
  line-height: 17.5px; /* 17.5px * 2 líneas = 35px */
}

#MasDeCategoria a {
  width: 100%;
  padding: 12px 20px;
  border-radius: 5px !important;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: 30px 0 15px;
  position: relative;
  float: left;
}
.separator {
  border-top: 1px solid #ccc;
  margin: 10px 0;
  width: 100%;
}


</style>


<style>
.audio-player-box {
	display: flex;
	align-items: center;
	background: #ccc;
	padding: 10px 20px;
	border-radius: 4px;
	width: 100%;
	max-width: 100%;
	font-family: monospace;
	border: 1px solid #333;
}

.play-btn {
  background: none;
  border: none;
  font-size: 28px;
  margin-right: 28px;
  cursor: pointer;
}

.progress-bar {
  flex: 1;
  margin-right: 10px;
  height: 22px;
  appearance: none;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
}

.progress-bar::-webkit-slider-thumb {
  appearance: none;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #0764DE;
  cursor: pointer;
}

.timer {
  min-width: 50px;
  font-size: 12px;
  text-align: right;
}


@media (max-width: 768px) {
  .PosRelItems {
    zoom:0.8 !important;
  }
}

  .VariasCats {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	position: relative;
  }


  .VariasCats a{
	margin: 0px;
	padding: 0px;
	float: left;
	width: auto;
	position: relative;
  }


</style>

<style>
  :root{
    --bg:#F4F4F4;
    --accent:#0764DE ;
    --ball:#0764DE ;
    --text:#000;
    --radius:4px;
    --padding:5px;
  }

  .player{
    width:100%;
    background:var(--bg);
    padding:var(--padding);
    border-radius:var(--radius);
    color:var(--text);
    margin:10px 0;
    user-select:none;
  }

  .player p{
    margin:0 0 8px 0;
    color:var(--text);
    font-size:15px;
    line-height:1.3;
	font-weight:500;
  }

  .controls{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .btn{
    width:44px;
    height:44px;
    background:transparent;
    border:2px solid var(--accent);
    color:var(--accent);
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:6px;
  }

  .btn:active{ transform:scale(.98); }
  .btn svg{ fill:var(--accent); width:20px; height:20px; }

  .progress-wrap{
    flex:1;
    display:flex;
    align-items:center;
    gap:10px;
  }

  .time{
    color:var(--text);
    font-size:12px;
    min-width:46px;
    text-align:center;
  }

  .progress{
    position:relative;
    height:10px;
    background:rgba(0,0,0,0.2);
    border-radius:10px;
    flex:1;
    cursor:pointer;
  }

  .bar{
    position:absolute;
    top:0; bottom:0; left:0;
    width:0%;
    background:var(--accent);
    border-radius:10px;
  }

  .handle{
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:14px;
    height:14px;
    border-radius:50%;
    background:var(--ball);
    box-shadow:0 1px 3px rgba(0,0,0,.6);
    left:0%;
    pointer-events:none;
  }
</style>


<section class="elementor-section elementor-top-section elementor-element elementor-element-9e29fc4 elementor-section-content-middle elementor-section-boxed elementor-section-height-default animated jkd-fade-in" data-id="9e29fc4" data-element_type="section" data-settings="{}">
<div class="Separador-360"></div>


  <div class="elementor-container elementor-column-gap-default">
    <div class="elementor-column elementor-col-70 elementor-top-column elementor-element elementor-element-4b3f3e0" data-id="4b3f3e0" data-element_type="column">
      <div class="elementor-widget-wrap elementor-element-populated">
        <div class="p-bd pos-rel d-f d-col ai-s w-50 pl-10 pl-0-sm PosRelItems">
        
          <ul class="cat-list f-wrp mb-7 mb-5-sm">

          </ul>

        </div>

        <div class="elementor-element elementor-element-2a7110b elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="2a7110b" data-element_type="widget" data-widget_type="heading.default">
          <div class="elementor-widget-wrap elementor-element-populated">
            <div class="elementor-element elementor-element-14f007b elementor-widget elementor-widget-text-editor" data-id="14f007b" data-element_type="widget" data-widget_type="text-editor.default"></div>

            <div class="elementor-element elementor-element-2ed5624 elementor-widget elementor-widget-heading" data-id="2ed5624" data-element_type="widget" data-widget_type="heading.default">
              <div class="elementor-widget-container NotaAmpliada"> 
     
              
<div class="VariasCats">
<style>
.SharePost-360 {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items:right ;
	font-size:11px;
	width:100%;
	height:auto;
	margin-bottom:10px;
	float: left;
	position: relative;
}

.SharePost-360 .label {
  font-weight: bold;
  margin-right: 5px;
}

.SharePost-360 .share-btn {
  padding: 2px 5px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 10px;
  transition: background-color 0.2s ease, color 0.2s ease;
  border: 1px solid #bbb; /* borde gris muy fino */
  cursor: pointer;
  display: inline-block;
}

</style>

<div class="SharePost-360">
  <span class="label">Compartir:</span>

  <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmetasport360.com%2FPrensa%2F3490%2FContenido%2Fpetracchini-por-dos-decimas"
     target="_blank" rel="noopener noreferrer" class="share-btn fb">
     <i class="bi bi-facebook"></i> <b>Facebook</b>
  </a>

  <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmetasport360.com%2FPrensa%2F3490%2FContenido%2Fpetracchini-por-dos-decimas&text=%C2%A1PETRACCHINI+POR+DOS+D%C3%89CIMAS%21"
     target="_blank" rel="noopener noreferrer" class="share-btn tw">
     <i class="bi bi-twitter-x"></i>X
  </a>

  <a href="https://wa.me/?text=%C2%A1PETRACCHINI+POR+DOS+D%C3%89CIMAS%21+https%3A%2F%2Fmetasport360.com%2FPrensa%2F3490%2FContenido%2Fpetracchini-por-dos-decimas"
     target="_blank" rel="noopener noreferrer" class="share-btn wa">
     <i class="bi bi-whatsapp"></i> <b>WhatsApp</b>
  </a>

  <button onclick="navigator.clipboard.writeText('https://metasport360.com/Prensa/3490/Contenido/petracchini-por-dos-decimas')" class="share-btn cp">
    <i class="bi bi-copy"></i>Copiar Enlace
  </button>
</div>
</div>
<div class="VariasCats">


   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4  LanzaPreload actc"
   data-preload="<p>Cargando-listado de noticias de</p><b class='actc'>ACTC</b>">ACTC</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4  LanzaPreload tnapatc2"
   data-preload="<p>Cargando-listado de noticias de</p><b class='tnapatc2'>TN APAT C2</b>">TN APAT C2</a>


<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 7 meses</div>
</div>
</div>	
</div>              
              
              
                <h1 style="font-weight:700;">
                  ¡PETRACCHINI POR DOS DÉCIMAS!                  <span class="ez-toc-section-end"></span>
                </h1>
              </div>
            </div>
            
                        <div class="elementor-element" data-id="4fa8f8e" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="textoBajada" style="text-align:left !important;">
              
                <p>Lucas Petracchini, a bordo del Toyota Yaris del GR Competición, se quedó con la pole position en una ajustadísima clasificación de Clase 2 en el Autódromo Ciudad de Parana. Lo escoltaron Francisco Coltrinari (Peugeot 208) y Valentino Quattrochi (T. Yaris)&nbsp;</p>                
              </div>
            </div>

<div class="elementor-element elementor-element-bdfa99e elementor-widget elementor-widget-image" data-id="bdfa99e" data-element_type="widget" data-widget_type="image.default">
  <div class="elementor-widget-container">
  <img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/whatsappimage2026-02-07at17.28.03(3).jpeg&amp;w=1920&amp;h=1080&amp;q=100&amp;zc=1" alt="¡PETRACCHINI POR DOS DÉCIMAS!" />
     <!-- .media-slider -->
  </div> <!-- .elementor-widget-container -->
</div> <!-- .elementor-element -->


            <div class="elementor-element elementor-element-32df04a elementor-widget elementor-widget-text-editor" data-id="32df04a" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="textoblancomain" style="text-align:left !important; min-height:1100px;">
              
<p>En una jornada calurosa en el <b>Club de Volantes Entrerrianos </b>de Paraná, la <b>Clase 2</b> del <b>TN APAT </b>desarrollo la primera clasificación de la temporada 2026 y tuvo a quince pilotos encerrados en 1 segundo.</p><p><b>Lucas Petracchini</b>, en su regreso a la categoría, fue quien prevaleció en la tanda cronometrada. El salteño registró 1m35s324 con el Toyota Yaris del <b>GR Competición.</b> Superó por solamente 2 décimas al subcampeón <b>Francisco Coltrinari</b>, con el Peugeot 208 del <b>Saturni Racing</b>, y por 0.035 a <b>Valentino Quattrochi</b>, con el Toyota Yaris del <b>Alquat Motorsport</b>. <b>Tomas Vitar </b>culminó cuarto a 0.110 en su regreso al TN a bordo del Nissan March del <b>GR Competición</b> y quinto <b>Juan Ignacio Canela</b> con el Toyota Yaris del <b>Alquat Motorsport</b> a 0.368.</p><p>Detrás, completaron los primeros diez lugares: Juan Kreitz (P. 208), Exequiel Bastidas (T. Yaris), Maximiliano Bestani (C. Onix), Pedro Grippo (T. Yaris) y Santino Balerini (P. 208).</p><p>La actividad para la<b> Clase 2 </b>del <b>TN APAT</b> continúa mañana a partir de las 10:10h con las series clasificatorias en el <b>Autódromo Ciudad de Paraná.</b></p><p><br></p>
              
            <div class="BannerAdsShow" style="padding:45px !important; width:95% !important;">
            <img src="https://placehold.co/900x100?text=Publicidad+en+ACTC+-+TN APAT C2+-++-+" alt="Publicidad ACTC" width="900" height="100">
            </div>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://metasport360.com/noticia-ejemplo"
  },
  "headline": ,
  "image": ,
  "datePublished": "2025-07-06",
  "dateModified": "2025-07-06",
  "author": {
    "@type": "Organization",
    "name": 
  },
  "publisher": {
    "@type": "Organization",
    "name": ,
    "logo": {
      "@type": "ImageObject",
      "url": 
    }
  },
  "description": 
}
</script>
<blockquote class="twitter-video">
  <a href="https://x.com/i/status/1942644858750947571"></a>
</blockquote>
<div class="YaCharlamos-empty">No hay comentarios.</div>


</div>
            </div>

            <div class="elementor-element elementor-element-8200c05 elementor-widget elementor-widget-text-editor" data-id="8200c05" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="elementor-widget-container"></div>
            </div>

            <div class="elementor-element elementor-element-218984c elementor-widget elementor-widget-text-editor" data-id="218984c" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="elementor-widget-container"></div>
            </div>

            <div class="elementor-element elementor-element-267a99e elementor-widget elementor-widget-text-editor" data-id="267a99e" data-element_type="widget" data-widget_type="text-editor.default"></div>

            <div class="elementor-element elementor-element-efb8312 elementor-widget elementor-widget-text-editor" data-id="efb8312" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="elementor-widget-container"></div>
            </div>

            <div class="elementor-element elementor-element-765fb97 elementor-widget elementor-widget-text-editor" data-id="765fb97" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="elementor-widget-container"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="elementor-column elementor-col-30 elementor-top-column elementor-element elementor-element-fc6aa23" data-id="fc6aa23" data-element_type="column">
      <div class="elementor-widget-wrap elementor-element-populated">
        <div class="sidebar-wrp pos-abs h-100 b-0 t-0 single-sidebar">
          <div class="jkd-sticky">
          
          
            <div class="sb-wd-wrp" id="asdasdasd">
            <div id="MasDeCategoria"></div>
            
            
<script>
document.addEventListener("DOMContentLoaded", function() {
    // recibimos el array PHP convertido a JSON (safe)
    const cats = [{"name":"Más de ACTC","url":"https:\/\/metasport360.com\/Meta360\/2120\/Page\/1","class":"actc"}];

    if (!cats || cats.length === 0) return;

    // Construimos los links con su clase correspondiente
    const links = cats.map(function(c) {
        // c.name ya viene escapado por PHP (htmlspecialchars)
        return '<a href="' + c.url + '" class="' + c.class + '">' + c.name + '</a>';
    });

    // Un único texto "Más de" y luego los links separados por " · "
    document.getElementById("MasDeCategoria").innerHTML =
        links.join(' · ');
});
</script>

  
<article class="grid-item p-art pos-rel post-13547 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13547/Contenido/" class="ttl-link" title="TRUCCO GAN�<rsc> DE PUNTA A PUNTA EN PARANÁ">TRUCCO GAN�<rsc> DE PUNTA A PUNTA EN PARANÁ</a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2120/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload actc" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='actc'>ACTC</b>"
                >
                   ACTC                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2146/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/0/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='turismocarretera'>Turismo Carretera</b>"
                >
                   Turismo Carretera                </a>
            </span>
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/31872_encabezado.jpg&w=400&h=100&q=100&zc=1" alt="TRUCCO GAN�<rsc> DE PUNTA A PUNTA EN PARANÁ" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto de Tres Algarrobos dominó todo el fin de semana y llegó a su segunda victoria en la máxima                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13547">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13547)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('TRUCCO GAN�<rsc> DE PUNTA A PUNTA EN PARANÁ', 'El piloto de Tres Algarrobos dominó todo el fin de semana y llegó a su segunda victoria en la máxima', 'https://metasport360.com/Prensa/13547/Contenido/')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/31872_encabezado.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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

<hr style="margin-bottom: 10px;">


<article class="grid-item p-art pos-rel post-13546 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13546/Contenido/" class="ttl-link" title="URCERA SE LLEV�<rsc> EL PRIMERO">URCERA SE LLEV�<rsc> EL PRIMERO</a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2120/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload actc" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='actc'>ACTC</b>"
                >
                   ACTC                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2146/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/0/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='turismocarretera'>Turismo Carretera</b>"
                >
                   Turismo Carretera                </a>
            </span>
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/urcera1ra.jpg&w=400&h=100&q=100&zc=1" alt="URCERA SE LLEV�<rsc> EL PRIMERO" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto de Mercedes Benz arrancó adelante en el entrenamiento del TC en Paraná                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13546">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13546)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('URCERA SE LLEV�<rsc> EL PRIMERO', 'El piloto de Mercedes Benz arrancó adelante en el entrenamiento del TC en Paraná', 'https://metasport360.com/Prensa/13546/Contenido/')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/urcera1ra.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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

<hr style="margin-bottom: 10px;">


<article class="grid-item p-art pos-rel post-13543 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13543/Contenido/martinez-debutara-en-el-tc-pista" class="ttl-link" title="MARTÍNEZ DEBUTARÁ EN EL TC PISTA">MARTÍNEZ DEBUTARÁ EN EL TC PISTA</a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 3 semanas</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2120/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload actc" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='actc'>ACTC</b>"
                >
                   ACTC                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2146/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload nacionales" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='nacionales'>Nacionales</b>"
                >
                   Nacionales                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/0/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload tcpista" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='tcpista'>TC Pista</b>"
                >
                   TC Pista                </a>
            </span>
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/images.jpg&w=400&h=100&q=100&zc=1" alt="MARTÍNEZ DEBUTARÁ EN EL TC PISTA" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto de TC Mouras hará su estreno, en Paraná, con un Chevrolet Camaro del Canning Motorsport                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13543">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13543)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('MARTÍNEZ DEBUTARÁ EN EL TC PISTA', 'El piloto de TC Mouras hará su estreno, en Paraná, con un Chevrolet Camaro del Canning Motorsport', 'https://metasport360.com/Prensa/13543/Contenido/martinez-debutara-en-el-tc-pista')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/images.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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

<hr style="margin-bottom: 10px;">


            </div>
            

            <!-- Widget de posts recientes -->
            <div class="TitleWidget">LO MAS RECIENTE:</div>
            <div id="jkd_recent_posts-4" class="sidebar-widget widget_jkd_recent_posts">
              
              <div class="wp-posts-wd">
                
                                    
<style type="text/css">
.media-item {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-item img,
.media-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover ;
  border-radius:7px!important;
}

</style>


<article class="grid-item p-art pos-rel post-13555 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13555/Contenido/tercera-pole-position-para-agustin-canapino" class="ttl-link">TERCERA POLE POSITION PARA AGUSTIN CANAPINO</a>
			</div>
            

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

<div style="display: flex; gap: 5px; padding:5px;">
    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 nacionales">
        Nacionales      </a>
    </span>

    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2138/Page/1" class="cat-lb cat-lb-st-4 tnapatc3">
        TN APAT C3      </a>
    </span>


</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/1788039532_6a93516c4efe7.jpg&w=400&h=100&q=100&zc=1" alt="TERCERA POLE POSITION PARA AGUSTIN CANAPINO" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto arrecifeño sumó tres puntos en la etapa clasificatoria tras la búsqueda de la vuelta más veloz en la última actividad cronometrada del día de hoy, a bordo del Chevrolet Cruze alisado por el equipo Salvita Racing                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13555">
  <i class="bi bi-heart-fill icon-azul Iconos-Horizontales-icon text-primary" title="Me gusta" onclick="ToqueUsuario('megusta', 13555)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">1</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('TERCERA POLE POSITION PARA AGUSTIN CANAPINO', 'El piloto arrecifeño sumó tres puntos en la etapa clasificatoria tras la búsqueda de la vuelta más veloz en la última actividad cronometrada del día de hoy, a bordo del Chevrolet Cruze alisado por el equipo Salvita Racing', 'https://metasport360.com/Prensa/13555/Contenido/tercera-pole-position-para-agustin-canapino')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/1788039532_6a93516c4efe7.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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


<article class="grid-item p-art pos-rel post-13554 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13554/Contenido/primera-pole-position-para-juan-ignacio-canela" class="ttl-link">PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA</a>
			</div>
            

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

<div style="display: flex; gap: 5px; padding:5px;">
    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 nacionales">
        Nacionales      </a>
    </span>

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


</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/1788041511_6a9359275af13.jpg&w=400&h=100&q=100&zc=1" alt="PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto rafaelino fue inalcanzable en la etapa clasificatoria general que el TN Clase 2 disputó en el Autódromo Ciudad de Oberá (Misiones), donde mañana finalizará el Gran Premio Yerba Mate Natura                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13554">
  <i class="bi bi-heart-fill icon-azul Iconos-Horizontales-icon text-primary" title="Me gusta" onclick="ToqueUsuario('megusta', 13554)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">1</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA', 'El piloto rafaelino fue inalcanzable en la etapa clasificatoria general que el TN Clase 2 disputó en el Autódromo Ciudad de Oberá (Misiones), donde mañana finalizará el Gran Premio Yerba Mate Natura', 'https://metasport360.com/Prensa/13554/Contenido/primera-pole-position-para-juan-ignacio-canela')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/1788041511_6a9359275af13.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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


<article class="grid-item p-art pos-rel post-13553 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13553/Contenido/" class="ttl-link">MARC MÁRQUEZ SE RECUPER�<rsc> Y GAN�<rsc> LA SPRINT EN ARAG�<rsc>N</a>
			</div>
            

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

<div style="display: flex; gap: 5px; padding:5px;">
    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2118/Page/1" class="cat-lb cat-lb-st-4 internacionales">
        Internacionales      </a>
    </span>

    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2140/Page/1" class="cat-lb cat-lb-st-4 motogp">
        Moto GP      </a>
    </span>


</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/marc-marquez-ducati-team.png&w=400&h=100&q=100&zc=1" alt="MARC MÁRQUEZ SE RECUPER�<rsc> Y GAN�<rsc> LA SPRINT EN ARAG�<rsc>N" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				Marc Márquez con la Ducati se quedó con la victoria en la carrera sprint del Gran Premio de Aragón. Álex Márquez y Marco Bezzecchi completaron el podio&nbsp;                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

.Iconos-Horizontales-icon:hover {
  color: #007bff;
  border-color: #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.Iconos-Horizontales-contador-wrapper {
  position: relative;
  display: inline-block;
}

.Iconos-Horizontales-contador {
  position: absolute !important; 
  bottom:0px !important; 
  width:100% !important; 
  text-align:center;
  left: 0px !important; 
  font-size: 10px;
  font-weight: 300;
  color: #000;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 10px;
  background-color: transparent !important; 
  pointer-events: none;
}


.contador-foto {
    position: absolute !important;
    bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    left: 0px !important;
    font-size: 10px;
    font-weight: 300;
    color: #000;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 10px;
    background-color: transparent !important;
}


/* === RESPONSIVE (Mobile) === */
@media (max-width: 768px) {
  .Iconos-Horizontales-bottom-right {
    gap: 0.4rem;
    padding: 0.3rem 0.4rem;
  }
}

  .icon-azul {
    color: #09F !important;
}
</style>

<div class="Iconos-Horizontales-bottom-right">    
  
  <!-- Me gusta -->
  <span class="Iconos-Horizontales-contador-wrapper Corazoncito" data-id="13553">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13553)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('MARC MÁRQUEZ SE RECUPER�<rsc> Y GAN�<rsc> LA SPRINT EN ARAG�<rsc>N', 'Marc Márquez con la Ducati se quedó con la victoria en la carrera sprint del Gran Premio de Aragón. Álex Márquez y Marco Bezzecchi completaron el podio&amp;nbsp;', 'https://metasport360.com/Prensa/13553/Contenido/')"></i>

  <!-- Galería de fotos -->
  <span class="Iconos-Horizontales-contador-wrapper">
  <i class="bi bi-image Iconos-Horizontales-icon " title="Ver fotos" onclick='GaleriaNoticiasAbrir(["https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/marc-marquez-ducati-team.png&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
			</div>
            

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


              </div>
              
              
            </div>
            <!-- Fin widget posts recientes -->
            
            
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<script>


document.addEventListener("DOMContentLoaded", function () {
    // Selecciona todos los bloques generados
    const bloques = document.querySelectorAll("[id='BLOCK-CAMPEONATO']");
    
    bloques.forEach(block => {
        const serie = block.getAttribute("data-serie");
        const clase = block.getAttribute("data-clase");
        const limite = block.getAttribute("data-limite");

        fetch(`../../../bloque_campeonato.php?serie=${serie}&clase=${clase}&limite=${limite}`)
            .then(response => response.text())
            .then(data => {
                block.innerHTML = data;
            })
            .catch(error => {
                block.innerHTML = "Error al cargar el campeonato.";
                console.error(error);
            });
    });
});


document.addEventListener("DOMContentLoaded", function() {
    const bloques = document.querySelectorAll(".bloque-resultado");
    bloques.forEach(bloque => {
        const evento = bloque.getAttribute("data-evento");
        const sesion = bloque.getAttribute("data-sesion");
        const limite = bloque.getAttribute("data-limite");

        fetch(`../../../bloque_resultado.php?evento=${evento}&sesion=${sesion}&limite=${limite}`)
            .then(response => response.text())
            .then(data => {
                bloque.innerHTML = data;
            })
            .catch(error => {
                bloque.innerHTML = "Error al cargar el resultado.";
                console.error(error);
            });
    });
});


const track = document.querySelector('.media-track');
const slides = document.querySelectorAll('.media-item');
const btnLeft = document.querySelector('.MediaArticulo.left');
const btnRight = document.querySelector('.MediaArticulo.right');
let currentSlide = 0;
const totalSlides = slides.length;

function updateSlider() {
  track.style.transform = `translateX(-${currentSlide * 100}%)`;
}

btnLeft.addEventListener('click', () => {
  currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
  updateSlider();
});

btnRight.addEventListener('click', () => {
  currentSlide = (currentSlide + 1) % totalSlides;
  updateSlider();
});

// Touch support
let startX = 0;
track.addEventListener('touchstart', (e) => {
  startX = e.touches[0].clientX;
});

track.addEventListener('touchend', (e) => {
  const endX = e.changedTouches[0].clientX;
  const diff = endX - startX;

  if (Math.abs(diff) > 50) {
    if (diff > 0) {
      currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
    } else {
      currentSlide = (currentSlide + 1) % totalSlides;
    }
    updateSlider();
  }
});
</script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  document.querySelectorAll('.player').forEach(player => {
    const audio = player.querySelector('audio');
    const btn = player.querySelector('.btn');
    const iconPlay = player.querySelector('.icon-play');
    const iconPause = player.querySelector('.icon-pause');
    const bar = player.querySelector('.bar');
    const handle = player.querySelector('.handle');
    const progress = player.querySelector('.progress');
    const current = player.querySelector('.current');
    const total = player.querySelector('.total');

    player.addEventListener('contextmenu', e => e.preventDefault());

    function fmt(t){
      if (!isFinite(t)) return "0:00";
      let m = Math.floor(t / 60);
      let s = Math.floor(t % 60);
      return m + ":" + (s < 10 ? "0"+s : s);
    }

    function updateIcons(){
      if (audio.paused){
        iconPlay.style.display = '';
        iconPause.style.display = 'none';
      } else {
        iconPlay.style.display = 'none';
        iconPause.style.display = '';
      }
    }

    btn.addEventListener('click', () => {
      if (audio.paused){
        document.querySelectorAll('.player audio').forEach(a => { if (a !== audio) a.pause(); });
        audio.play();
      } else {
        audio.pause();
      }
      updateIcons();
    });

    audio.addEventListener('loadedmetadata', () => {
      total.textContent = fmt(audio.duration);
    });

    audio.addEventListener('timeupdate', () => {
      const pct = (audio.currentTime / (audio.duration || 1)) * 100;
      bar.style.width = pct + '%';
      handle.style.left = pct + '%';
      current.textContent = fmt(audio.currentTime);
    });

    audio.addEventListener('ended', () => {
      audio.currentTime = 0;
      audio.pause();
      updateIcons();
    });

    progress.addEventListener('click', e => {
      const r = progress.getBoundingClientRect();
      const x = e.clientX - r.left;
      const pct = Math.max(0, Math.min(1, x / r.width));
      audio.currentTime = pct * (audio.duration || 0);
    });

    updateIcons();
  });
});
</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 - ¡PETRACCHINI POR DOS DÉCIMAS! | 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>