<!--


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


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


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

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

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

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

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

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

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

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

<!-- Open Graph -->

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

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


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

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

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

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

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

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

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


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


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


<style>

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

}


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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    </style>
    
<!--


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


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


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

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

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


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


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


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

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

        .cky-hide {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 440px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .cky-switch {
            display: flex;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 352px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.ultimahora {
}

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

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

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

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

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


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


metalogo {
}


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


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


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


body{
	overflow-x:hidden !important;
}


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


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


}


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

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

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


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

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

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

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

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

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

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

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

    text-align: center;
}

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

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

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

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

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

    margin: 0 auto;

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

    width: auto;
    height: auto;

    border-radius: 2px;

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

    transition: transform .25s ease;
}

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

@media (max-width:768px){

    .figus-modal{
        padding: 10px;
    }

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

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

}
</style>

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

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

</div>


<script>

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

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

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

});

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

        <style>
</style><style>
    #Meta360-Preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 9999;
        transition: opacity 0.5s ease;
    }
    </style>
 
 
<nav class="w-100-d nav nav-pos-sticky aos-init aos-animate" id="nav-desk" data-aos="jkd-fade-down" style="z-index:1 !important;">


  <div class="jkd-c nav-cont">
  
  
    <div class="in-wrp jkd-c ai-c jc-c bg-col br-lg w-100 trns">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

              </div>
            </ul>

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


        </div>

    </div>

</div>

    </div>
</li>
    
    
   -->   

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

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

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

  </ul>
  

</div>
      

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

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

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

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

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

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

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


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


</style>

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


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

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

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

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

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

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

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

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

</script>

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

    </div>


  </div>


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

#nav360-logo {
  height: 35px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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


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


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


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


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

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

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

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

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


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


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


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


</style>

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


  </div>
</nav>

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

    </div>
</li>

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	
  }

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

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

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

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

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

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

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

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

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

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

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

  
</style>


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

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


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


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13555" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13555/Contenido/tercera-pole-position-para-agustin-canapino">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  TERCERA POLE POSITION PARA AGUSTIN CANAPINO  <p>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</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13555/Contenido/tercera-pole-position-para-agustin-canapino"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>TERCERA POLE POSITION PARA AGUSTIN CANAPINO</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="TERCERA POLE POSITION PARA AGUSTIN CANAPINO">
        TERCERA POLE POSITION PARA AGUSTIN CANAPINO      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        1683     -->
     El piloto arrecifeño sumó tres puntos en la etapa clasificatoria tras la búsqueda de la vuelta...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-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...', 'https://metasport360.com/Prensa/13555/Contenido/tercera-pole-position-para-agustin-canapino')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13554" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13554/Contenido/primera-pole-position-para-juan-ignacio-canela">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA  <p>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</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13554/Contenido/primera-pole-position-para-juan-ignacio-canela"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA">
        PRIMERA POLE POSITION PARA JUAN IGNACIO CANELA      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        1507     -->
     El piloto rafaelino fue inalcanzable en la etapa clasificatoria general que el TN Clase 2...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-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...', 'https://metasport360.com/Prensa/13554/Contenido/primera-pole-position-para-juan-ignacio-canela')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

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

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

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

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


<div class="visually-hidden">
  MARC MÁRQUEZ SE RECUPERÓ Y GANÓ LA SPRINT EN ARAGÓN  <p>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;</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13553/Contenido/marc-marquez-se-recupero-y-gano-la-sprint-en-aragon"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>MARC MÁRQUEZ SE RECUPERÓ Y GANÓ LA SPRINT EN ARAGÓN</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="MARC MÁRQUEZ SE RECUPERÓ Y GANÓ LA SPRINT EN ARAGÓN">
        MARC MÁRQUEZ SE RECUPERÓ Y GANÓ LA SPRINT EN ARAGÓN      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        2820     -->
     Marc Márquez con la Ducati se quedó con la victoria en la carrera sprint del Gran Premio de...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('MARC MÁRQUEZ SE RECUPERÓ Y GANÓ LA SPRINT EN ARAGÓN', 'Marc Márquez con la Ducati se quedó con la victoria en la carrera sprint del Gran Premio de...', 'https://metasport360.com/Prensa/13553/Contenido/marc-marquez-se-recupero-y-gano-la-sprint-en-aragon')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13552" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13552/Contenido/francisco-coltrinari-con-dominio-de-equipo">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  FRANCISCO COLTRINARI CON DOMINIO DE EQUIPO  <p>El piloto salteño ocupó el primer puesto de la etapa clasificatoria que el TN Clase 2 disputó en el Autódromo Ciudad de Oberá (Misiones), donde se realiza el Gran Premio Yerba Mate Natura - Copa Don Satur</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13552/Contenido/francisco-coltrinari-con-dominio-de-equipo"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>FRANCISCO COLTRINARI CON DOMINIO DE EQUIPO</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="FRANCISCO COLTRINARI CON DOMINIO DE EQUIPO">
        FRANCISCO COLTRINARI CON DOMINIO DE EQUIPO      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        1613     -->
     El piloto salteño ocupó el primer puesto de la etapa clasificatoria que el TN Clase 2 disputó en...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('FRANCISCO COLTRINARI CON DOMINIO DE EQUIPO', 'El piloto salteño ocupó el primer puesto de la etapa clasificatoria que el TN Clase 2 disputó en...', 'https://metasport360.com/Prensa/13552/Contenido/francisco-coltrinari-con-dominio-de-equipo')"></i>

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

</div>

<!-- Scripts -->


</div>


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


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

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

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

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

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

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

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

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

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

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

  //chequearEstadoChats();
  //setInterval(chequearEstadoChats, 10000);
});
  
  
</script>
            
 
<!-- SECCIÓN FIJA AL HACER SCROLL -->
<div id="sticky-secciones" class="sticky-pre-secciones">
        

<div class="Pre-Calendario-Home" role="region" aria-label="Selector de calendarios deportivos">
  <!-- Flecha izquierda -->
              

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

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


  <!-- Contenedor deslizable -->
  <div class="Pre-Calendario-scroll" tabindex="0" aria-label="Lista de categorías deportivas">
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/1/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="1 Fórmula 1"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 1</f><p><img src='https://metasport360.com/Contenido/LogosCat/1.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/1.png" alt="1 Fórmula 1">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/17/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="17 Turismo Carretera"
    data-preload="<p>Cargando Calendario de</p><f>Turismo Carretera</f><p><img src='https://metasport360.com/Contenido/LogosCat/17.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/17.png" alt="17 Turismo Carretera">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/19/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="19 TN Apat"
    data-preload="<p>Cargando Calendario de</p><f>TN Apat</f><p><img src='https://metasport360.com/Contenido/LogosCat/19.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/19.png" alt="19 TN Apat">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/78/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="78 Turismo Pista"
    data-preload="<p>Cargando Calendario de</p><f>Turismo Pista</f><p><img src='https://metasport360.com/Contenido/LogosCat/78.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/78.png" alt="78 Turismo Pista">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/18/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="18 TC Pista"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista</f><p><img src='https://metasport360.com/Contenido/LogosCat/18.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/18.png" alt="18 TC Pista">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/39/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="39 TC PickUp"
    data-preload="<p>Cargando Calendario de</p><f>TC PickUp</f><p><img src='https://metasport360.com/Contenido/LogosCat/39.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/39.png" alt="39 TC PickUp">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/67/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="67 TC Pista PickUp"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista PickUp</f><p><img src='https://metasport360.com/Contenido/LogosCat/67.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/67.png" alt="67 TC Pista PickUp">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/37/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="37 TC Mouras"
    data-preload="<p>Cargando Calendario de</p><f>TC Mouras</f><p><img src='https://metasport360.com/Contenido/LogosCat/37.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/37.png" alt="37 TC Mouras">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/55/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="55 TC Pista Mouras"
    data-preload="<p>Cargando Calendario de</p><f>TC Pista Mouras</f><p><img src='https://metasport360.com/Contenido/LogosCat/55.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/55.png" alt="55 TC Pista Mouras">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/16/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="16 TC2000"
    data-preload="<p>Cargando Calendario de</p><f>TC2000</f><p><img src='https://metasport360.com/Contenido/LogosCat/16.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/16.png" alt="16 TC2000">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/25/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="25 Top Race"
    data-preload="<p>Cargando Calendario de</p><f>Top Race</f><p><img src='https://metasport360.com/Contenido/LogosCat/25.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/25.png" alt="25 Top Race">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/135/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="135 Fórmula Nacional Argentina"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula Nacional Argentina</f><p><img src='https://metasport360.com/Contenido/LogosCat/135.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/135.png" alt="135 Fórmula Nacional Argentina">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/143/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="143 Formula PLus 1.6"
    data-preload="<p>Cargando Calendario de</p><f>Formula PLus 1.6</f><p><img src='https://metasport360.com/Contenido/LogosCat/143.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/143.png" alt="143 Formula PLus 1.6">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/144/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="144 TC 4000 Argentino"
    data-preload="<p>Cargando Calendario de</p><f>TC 4000 Argentino</f><p><img src='https://metasport360.com/Contenido/LogosCat/144.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/144.png" alt="144 TC 4000 Argentino">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/148/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="148 R3 World Cup"
    data-preload="<p>Cargando Calendario de</p><f>R3 World Cup</f><p><img src='https://metasport360.com/Contenido/LogosCat/148.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/148.png" alt="148 R3 World Cup">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/52/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="52 WorldSBK"
    data-preload="<p>Cargando Calendario de</p><f>WorldSBK</f><p><img src='https://metasport360.com/Contenido/LogosCat/52.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/52.png" alt="52 WorldSBK">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/146/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="146 WorldSSP300"
    data-preload="<p>Cargando Calendario de</p><f>WorldSSP300</f><p><img src='https://metasport360.com/Contenido/LogosCat/146.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/146.png" alt="146 WorldSSP300">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/145/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="145 WorldSSP"
    data-preload="<p>Cargando Calendario de</p><f>WorldSSP</f><p><img src='https://metasport360.com/Contenido/LogosCat/145.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/145.png" alt="145 WorldSSP">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/147/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="147 WorldWCR"
    data-preload="<p>Cargando Calendario de</p><f>WorldWCR</f><p><img src='https://metasport360.com/Contenido/LogosCat/147.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/147.png" alt="147 WorldWCR">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/133/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="133 Moto 2"
    data-preload="<p>Cargando Calendario de</p><f>Moto 2</f><p><img src='https://metasport360.com/Contenido/LogosCat/133.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/133.png" alt="133 Moto 2">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/134/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="134 Moto 3"
    data-preload="<p>Cargando Calendario de</p><f>Moto 3</f><p><img src='https://metasport360.com/Contenido/LogosCat/134.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/134.png" alt="134 Moto 3">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/48/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="48 MotoGP"
    data-preload="<p>Cargando Calendario de</p><f>MotoGP</f><p><img src='https://metasport360.com/Contenido/LogosCat/48.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/48.png" alt="48 MotoGP">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/154/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="154 Eurocup 3"
    data-preload="<p>Cargando Calendario de</p><f>Eurocup 3</f><p><img src='https://metasport360.com/Contenido/LogosCat/154.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/154.png" alt="154 Eurocup 3">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/153/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="153 Súper Formula JP"
    data-preload="<p>Cargando Calendario de</p><f>Súper Formula JP</f><p><img src='https://metasport360.com/Contenido/LogosCat/153.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/153.png" alt="153 Súper Formula JP">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/155/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="155 FIA TCR World Tour"
    data-preload="<p>Cargando Calendario de</p><f>FIA TCR World Tour</f><p><img src='https://metasport360.com/Contenido/LogosCat/155.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/155.png" alt="155 FIA TCR World Tour">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/119/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="119 Nuevo Car Show"
    data-preload="<p>Cargando Calendario de</p><f>Nuevo Car Show</f><p><img src='https://metasport360.com/Contenido/LogosCat/119.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/119.png" alt="119 Nuevo Car Show">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/139/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="139 Fórmula 2"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 2</f><p><img src='https://metasport360.com/Contenido/LogosCat/139.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/139.png" alt="139 Fórmula 2">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/140/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="140 Fórmula 3"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 3</f><p><img src='https://metasport360.com/Contenido/LogosCat/140.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/140.png" alt="140 Fórmula 3">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/136/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="136 Fórmula 2 Argentina"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 2 Argentina</f><p><img src='https://metasport360.com/Contenido/LogosCat/136.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/136.png" alt="136 Fórmula 2 Argentina">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/137/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="137 Fórmula 3 Metropolitana"
    data-preload="<p>Cargando Calendario de</p><f>Fórmula 3 Metropolitana</f><p><img src='https://metasport360.com/Contenido/LogosCat/137.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/137.png" alt="137 Fórmula 3 Metropolitana">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/5/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="5 IndyCar"
    data-preload="<p>Cargando Calendario de</p><f>IndyCar</f><p><img src='https://metasport360.com/Contenido/LogosCat/5.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/5.png" alt="5 IndyCar">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/152/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="152 Indy NXT"
    data-preload="<p>Cargando Calendario de</p><f>Indy NXT</f><p><img src='https://metasport360.com/Contenido/LogosCat/152.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/152.png" alt="152 Indy NXT">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/149/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="149 NASCAR Truck Series"
    data-preload="<p>Cargando Calendario de</p><f>NASCAR Truck Series</f><p><img src='https://metasport360.com/Contenido/LogosCat/149.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/149.png" alt="149 NASCAR Truck Series">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/7/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="7 NASCAR Cup Series"
    data-preload="<p>Cargando Calendario de</p><f>NASCAR Cup Series</f><p><img src='https://metasport360.com/Contenido/LogosCat/7.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/7.png" alt="7 NASCAR Cup Series">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/151/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="151 NASCAR Xfinity Series"
    data-preload="<p>Cargando Calendario de</p><f>NASCAR Xfinity Series</f><p><img src='https://metasport360.com/Contenido/LogosCat/151.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/151.png" alt="151 NASCAR Xfinity Series">
    </a>
</div>
<div class="LogoCatWrapper">
    <a href="https://metasport360.com/Serie/95/Year/2026"
    class="Pre-Calendario-btn LanzaPreload"
    title="95 TCR South America"
    data-preload="<p>Cargando Calendario de</p><f>TCR South America</f><p><img src='https://metasport360.com/Contenido/LogosCat/95.png'></p>" 
    >
        <img src="https://metasport360.com/Contenido/LogosCat/95.png" alt="95 TCR South America">
    </a>
</div>
  </div>
  
  
  <!-- Flecha derecha -->
  <div class="Pre-Calendario-arrow Pre-Calendario-arrow-right" role="button" aria-label="Desplazar hacia la derecha" tabindex="0">
    <svg viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>
  </div>
</div>


<script>
  // ── Offset dinámico para .sticky-pre-secciones ──────────────────────
  // Antes el "top" de la barra de Categorías estaba hardcodeado en CSS
  // (150px). Si el header real (#nav-desk) mide más o menos que eso
  // (responsive, logo distinto según usuario, etc.), la barra terminaba
  // tapando parte del header al quedar pegada arriba. Acá se mide el
  // alto real de #nav-desk y se publica como variable CSS
  // (--ms-header-h), que .sticky-pre-secciones usa como su "top" --
  // así se ajusta solo aunque el header cambie de tamaño. El valor de
  // 150px en el CSS queda solo como respaldo por si esto no corre.
  (function () {
    function ajustarOffsetHeader() {
      var header = document.getElementById('nav-desk');
      if (!header) return;
      var alto = header.offsetHeight;
      if (alto > 0) {
        document.documentElement.style.setProperty('--ms-header-h', alto + 'px');
      }
    }
    ajustarOffsetHeader();
    window.addEventListener('load', ajustarOffsetHeader);
    window.addEventListener('resize', ajustarOffsetHeader);
  })();
</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

            <div class="New360-Top-Event-Date">
                12/09/2026            </div>

            <div class="New360-Top-Event-Venue">
                World Wide Technology Raceway            </div>
        </div>

    </div>


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

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

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

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

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

            <div class="New360-Top-Event-Venue">
                Misano World Circuit Marco Simoncelli            </div>
        </div>

    </div>


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

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

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

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

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

            <div class="New360-Top-Event-Venue">
                World Wide Technology Raceway            </div>
        </div>

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                TC PickUp            </div>

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

            <div class="New360-Top-Event-Venue">
                Rosendo Hernández            </div>
        </div>

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Eurocup 3            </div>

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

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

    </div>


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

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

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

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

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

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

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                TCR South America            </div>

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

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

    </div>


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

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

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

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

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

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

    </div>


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

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

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

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

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

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

    </div>


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

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

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

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

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

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

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Nuevo Car Show            </div>

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

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

    </div>


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

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

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

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

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

            <div class="New360-Top-Event-Venue">
                Autódromo Rosendo Hernández            </div>
        </div>

    </div>


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

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

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

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

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

            <div class="New360-Top-Event-Venue">
                Autódromo Rosendo Hernández            </div>
        </div>

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Moto 2            </div>

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

            <div class="New360-Top-Event-Venue">
                Misano World Circuit Marco Simoncelli            </div>
        </div>

    </div>


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

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

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

        <div class="New360-Top-Event-Info">
            <div class="New360-Top-Event-Name">
                Moto 3            </div>

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

            <div class="New360-Top-Event-Venue">
                Misano World Circuit Marco Simoncelli            </div>
        </div>

    </div>


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

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

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


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

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

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

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

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

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

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

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

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

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

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

            <div class="New360-Top-GamePromo-Body">
                <span class="New360-Top-GamePromo-Label">Esta semana jugamos con:</span>
                <div class="New360-Top-GamePromo-Title">Evento</div>
                <div class="New360-Top-GamePromo-Venue"></div>
                <a href="https://metasport360.com/Fantasy" class="New360-Top-GamePromo-Cta">Jugar ahora</a>
            </div>
        </div>
    </div>
</div>

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

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

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

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

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

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

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

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

    display: block;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    prevSlide();
});

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

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

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

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

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

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


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

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


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

            <div class="PreCampeonatos360Card-Nombre">Kimi</div>
            <div class="PreCampeonatos360Card-Apellido">Antonelli</div>
            <div class="PreCampeonatos360Card-Equipo">
                Mercedes            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">63</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/mercedes.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        G. RUSSELL                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">183</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+59</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">44</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/ferrari.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        L. HAMILTON                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">183</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+59</div>
                </div>
                            </div>
                    </div>


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

            <div class="PreCampeonatos360Card-Nombre">Alejandro</div>
            <div class="PreCampeonatos360Card-Apellido">Saucedo</div>
            <div class="PreCampeonatos360Card-Equipo">
                            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">7</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat600.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        P. GIECO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">197</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+8</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">4</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat600.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        P. TEDESCHI                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">169</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+36</div>
                </div>
                            </div>
                    </div>


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

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

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">71</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/kalex.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        A. SASAKI                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">36</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/kalex.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        �. PIQUERAS                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                            </div>
                    </div>


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

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

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

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

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

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


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

            <div class="PreCampeonatos360Card-Nombre">Franco</div>
            <div class="PreCampeonatos360Card-Apellido">Morillo</div>
            <div class="PreCampeonatos360Card-Equipo">
                YPF Elaion Auro Proracing            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">1</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        M. ROSSI                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">125</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+19</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">162</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/toyota.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        E. STANG                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">124</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+20</div>
                </div>
                            </div>
                    </div>


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

            <div class="PreCampeonatos360Card-Nombre">Jonatan</div>
            <div class="PreCampeonatos360Card-Apellido">Castellano</div>
            <div class="PreCampeonatos360Card-Equipo">
                Galarza Racing            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">256</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        O. FRITZLER                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">260</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+16</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">1</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        A. CANAPINO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">256</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+20</div>
                </div>
                            </div>
                    </div>


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

            <div class="PreCampeonatos360Card-Nombre">Agustín</div>
            <div class="PreCampeonatos360Card-Apellido">Canapino</div>
            <div class="PreCampeonatos360Card-Equipo">
                Salvita Racing            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">79</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/honda.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        F. CHAPUR                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">199</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+62</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">1</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/volkswagen.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. SANTERO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">186</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+75</div>
                </div>
                            </div>
                    </div>


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

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

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

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

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

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


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

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

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">67</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/toyotacamryxsenextgen.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        C. HEIM                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">21</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fordmustang'24.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. BERRY                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">0</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">0</div>
                </div>
                            </div>
                    </div>


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

            <div class="PreCampeonatos360Card-Nombre">Lucio</div>
            <div class="PreCampeonatos360Card-Apellido">Rodriguez</div>
            <div class="PreCampeonatos360Card-Equipo">
                Edicar Racing            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">3</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. CORTINA                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">215.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+35</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">17</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        L. BAYALA                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">187</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+63</div>
                </div>
                            </div>
                    </div>

    </div>
</div>

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

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

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

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

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

}

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


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/1788020961_6a9308e1a48df.jpg&w=800&h=400&q=100&zc=1" alt="JOSE MANUEL URCERA EN LA TANDA GENERAL OBEREÑA" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


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

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


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13551/Contenido/jose-manuel-urcera-en-la-tanda-general-oberena" class="ttl-link LanzaPreload">JOSE MANUEL URCERA EN LA TANDA GENERAL OBEREÑA</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            El piloto ríonegrino se impone como el más veloz en la tanda general de entrenamientos disputada en el Autódromo...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

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

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

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


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


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

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

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

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('JOSE MANUEL URCERA EN LA TANDA GENERAL OBEREÑA', 'El piloto ríonegrino se impone como el más veloz en la tanda general de entrenamientos disputada en el Autódromo...', 'https://metasport360.com/Prensa/13551/Contenido/jose-manuel-urcera-en-la-tanda-general-oberena')"></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\/1788020961_6a9308e1a48df.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/1788017321_6a92faa9853b4.jpg&w=800&h=400&q=100&zc=1" alt="TANDA GENERAL PARA RENZO BLOTTA" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13550/Contenido/tanda-general-para-renzo-blotta" class="ttl-link LanzaPreload">TANDA GENERAL PARA RENZO BLOTTA</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            A bordo del Peugeot 208 atendido por Ale Bucci Racing, el piloto comodorense dominó la tanda general de...            <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="13550">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13550)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('TANDA GENERAL PARA RENZO BLOTTA', 'A bordo del Peugeot 208 atendido por Ale Bucci Racing, el piloto comodorense dominó la tanda general de...', 'https://metasport360.com/Prensa/13550/Contenido/tanda-general-para-renzo-blotta')"></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\/1788017321_6a92faa9853b4.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/whatsappimage2026-08-25at10.24.19.jpeg&w=800&h=400&q=100&zc=1" alt="FRANCO NAZZI REGRESA A LA CLASE DOS JUNTO AL MR RACING" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2188/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismopista">Turismo Pista</a>

   <a href="https://metasport360.com/Meta360/2122/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismopistac2">Turismo Pista C2</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13549/Contenido/franco-nazzi-regresa-a-la-clase-dos-junto-al-mr-racing" class="ttl-link LanzaPreload">FRANCO NAZZI REGRESA A LA CLASE DOS JUNTO AL MR RACING</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            El piloto de Brinkmann había iniciado el año dentro de la Clase Tres y compitió hasta la quinta fecha.            <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="13549">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13549)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('FRANCO NAZZI REGRESA A LA CLASE DOS JUNTO AL MR RACING', 'El piloto de Brinkmann había iniciado el año dentro de la Clase Tres y compitió hasta la quinta fecha.', 'https://metasport360.com/Prensa/13549/Contenido/franco-nazzi-regresa-a-la-clase-dos-junto-al-mr-racing')"></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\/whatsappimage2026-08-25at10.24.19.jpeg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/whatsappimage2026-08-25at08.38.24.jpeg&w=800&h=400&q=100&zc=1" alt="TIEMPO DE DESCUENTO" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2146/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload tnapatc2">TN APAT C2</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13548/Contenido/tiempo-de-descuento" class="ttl-link LanzaPreload">TIEMPO DE DESCUENTO</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Una sucesión de resultados positivos le permitió a Exequiel Bastidas descontar cincuenta puntos en las últimas...            <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="13548">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13548)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('TIEMPO DE DESCUENTO', 'Una sucesión de resultados positivos le permitió a Exequiel Bastidas descontar cincuenta puntos en las últimas...', 'https://metasport360.com/Prensa/13548/Contenido/tiempo-de-descuento')"></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\/whatsappimage2026-08-25at08.38.24.jpeg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/31872_encabezado.jpg&w=800&h=400&q=100&zc=1" alt="TRUCCO GANÓ DE PUNTA A PUNTA EN PARANÁ" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2135/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera">Turismo Carretera</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13547/Contenido/trucco-gano-de-punta-a-punta-en-parana" class="ttl-link LanzaPreload">TRUCCO GANÓ DE PUNTA A PUNTA EN PARANÁ</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            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Ó 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/trucco-gano-de-punta-a-punta-en-parana')"></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>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


<article class="grid-item">
	<div class="in-wrp pos-rel d-f br-md o-hd d-col-sm aos-init">


<div class="p-bd bg-col d-f d-col ai-s jc-c pl-10 pr-10 pl-15-sm pr-15-sm pt-15 pb-15 w-100" >

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/urcera1ra.jpg&w=800&h=400&q=100&zc=1" alt="URCERA SE LLEVÓ EL PRIMERO" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 3 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2135/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera">Turismo Carretera</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13546/Contenido/urcera-se-llevo-el-primero" class="ttl-link LanzaPreload">URCERA SE LLEVÓ EL PRIMERO</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            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Ó EL PRIMERO', 'El piloto de Mercedes Benz arrancó adelante en el entrenamiento del TC en Paraná', 'https://metasport360.com/Prensa/13546/Contenido/urcera-se-llevo-el-primero')"></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>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>
 <!-- Fin Bloque de 6 -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
</section>            
                        
            <div class="BannerAdsShow">
            <img src="https://placehold.co/900x100/888888/FFF/?text=Publicidad+Home+Intermedio+780x80&font=roboto" alt="Publicidad 720x80" width="780" height="80">
            </div>
            <section class="MS360-Youtube-Section">
    <div class="MS360-Youtube-Container ">
        <!-- Título -->
        
        
            <div class="TitleSectionChamp">
            <div class="TituloSeccion"> 
              <h3>Últimos Videos
              <a href="https://www.youtube.com/@metasport360" class="jjjj LinkTodos" target="_blank"><span>Ver Canal<span class="icon-arrow-right ml-3"></span></span></a>
              </h3>
            
            </div>
            </div>        
        
        
        <!-- Contenedor de videos dinámico -->
        <div class="MS360-Youtube-Content pl-20 pr-20" id="MS360-Youtube-Content"></div>
    </div>
</section>

<!-- Modal -->
<div id="MS360-Youtube-Modal" class="MS360-Youtube-Modal">
    <div class="MS360-Youtube-ModalContent">
        <span class="MS360-Youtube-ModalClose">&times;</span>
        <iframe id="MS360-Youtube-ModalIframe" src="" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

<script>
const channelRSS = "https://www.youtube.com/feeds/videos.xml?channel_id=UCJNc3vySMGLf9hD2qpEup9g";
const rss2jsonAPI = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(channelRSS);

fetch(rss2jsonAPI)
  .then(res => res.json())
  .then(data => {
    const items = data.items;
    if(!items || items.length === 0) return;

    const container = document.getElementById("MS360-Youtube-Content");

    // Último video grande
    const latest = items[0];
    const latestId = latest.link.split("v=")[1];
    const latestHTML = `
        <div class="MS360-Youtube-Card MS360-Youtube-LatestVideo" data-video-id="${latestId}">
            <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${latestId}/maxresdefault.jpg')"></div>
            <div class="MS360-Youtube-CardOverlay">
			<div class="MS360-Youtube-BoxAutorMS">
  <div class="MS360-Youtube-BoxAutorMS-Img">
    <img src="https://metasport360.com/mschicoblanco.svg" alt="MetaSport360">
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
                <h5>${latest.title}</h5>
            </div>
            <div class="MS360-Youtube-PlayIcon">&#9658;</div>
        </div>
    `;

    // Miniaturas siguientes 6 videos
    let thumbsHTML = '<div class="MS360-Youtube-Thumbnails">';
    for(let i=1; i<=6 && i<items.length; i++){
        const vidId = items[i].link.split("v=")[1];
        thumbsHTML += `
            <div class="MS360-Youtube-Card MS360-Youtube-Thumbnail" data-video-id="${vidId}">
                <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${vidId}/maxresdefault.jpg')"></div>
                <div class="MS360-Youtube-CardOverlay">


<div class="MS360-Youtube-BoxAutorMS">
  <div class="MS360-Youtube-BoxAutorMS-Img MS360-Youtube-CardOverlay-SVG">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>

                    <h5>${items[i].title}</h5>
                </div>
                <div class="MS360-Youtube-PlayIcon">&#9658;</div>
            </div>
        `;
    }
    thumbsHTML += '</div>';

    container.innerHTML = latestHTML + thumbsHTML;

    // Click en card para abrir modal
    document.querySelectorAll(".MS360-Youtube-Card").forEach(card => {
        card.addEventListener("click", () => {
            const vidId = card.getAttribute("data-video-id");
            document.getElementById("MS360-Youtube-ModalIframe").src = `https://www.youtube.com/embed/${vidId}?autoplay=1`;
            document.getElementById("MS360-Youtube-Modal").style.display = "flex";
        });
    });

    // Cerrar modal
    document.querySelector(".MS360-Youtube-ModalClose").addEventListener("click", () => {
        const iframe = document.getElementById("MS360-Youtube-ModalIframe");
        iframe.src = "";
        document.getElementById("MS360-Youtube-Modal").style.display = "none";
    });
  })
  .catch(err => console.error(err));
</script>

<style>

.MS360-Youtube-BoxAutorMS {
  display: flex;
  align-items: center;
  max-height: 25px!important;
  line-height: 1;
  font-size: 10px;
  flex-wrap: nowrap;
  overflow: hidden;
  color: #FFF !important;
  margin-bottom:4px;
}

.MS360-Youtube-BoxAutorMS-Img {
  border-radius:4px;
  padding: 1px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  height: 25px!important;
  width: 25px!important;
  color: inherit;
}

.MS360-Youtube-BoxAutorMS-Img img {
  height: 25px!important;
  width: 25px!important;
  display: block;
}

.MS360-Youtube-BoxAutorMS-Nombre span {
  font-weight: 200;
  color: #CCC;
}

.MS360-Youtube-BoxAutorMS-Nombre strong {
  font-weight: 400;
  color: #CCC !important;
  margin-right:20px!important;
}


/* Contenedor y título */
.MS360-Youtube-Section { padding:20px; font-family:Arial,sans-serif; }
.MS360-Youtube-TitleSection h3 { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }

/* Contenido 50/50 */
.MS360-Youtube-Content { display:flex; gap:20px; flex-wrap:nowrap; }
.MS360-Youtube-LatestVideo { flex:0 0 40%; }
.MS360-Youtube-Thumbnails { flex:0 0 60%; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); gap:10px; }


/* Card */
.MS360-Youtube-Card {
    position:relative;
    cursor:pointer;
    overflow:hidden;
    border-radius:5px;
}
.MS360-Youtube-CardImg {
    width:100%;
    padding-bottom:56.25%;
    background-size:cover;
    background-position:center;
}
.MS360-Youtube-CardOverlay {
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:5px;
}

.MS360-Youtube-CardOverlay-SVG img{
    width:30px !important;
	height:30px !important;
}


.MS360-Youtube-PlayIcon {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:48px;
    color:white;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    pointer-events:none;
}

/* Modal */
.MS360-Youtube-Modal {
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.8);
    justify-content:center;
    align-items:center;
    z-index:9999;
}
.MS360-Youtube-ModalContent {
    position:relative;
    width:90%;
    max-width:900px;
}
.MS360-Youtube-Modal iframe {
    width:100%;
    height:50vw; /* Mantener proporción 16:9 */
    max-height:506px;
}
.MS360-Youtube-ModalClose {
    position:absolute;
    top:10px; right:10px;
    font-size:28px;
    color:#fff;
    cursor:pointer;
}

.MS360-Youtube-CardOverlay h5{
	font-size:14px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:10px !important;
	color:#fff!important;
}


/* Responsive móvil */
@media(max-width:768px) {
    .MS360-Youtube-Content { flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; }
    .MS360-Youtube-LatestVideo, .MS360-Youtube-Thumbnail { flex:0 0 350px; scroll-snap-align:start; }
    .MS360-Youtube-Thumbnails { display:flex; flex-wrap:nowrap; gap:10px; }
	

.MS360-Youtube-CardOverlay h5{
	font-size:11px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:11px !important;
	color:#fff!important;
}
	
	
}
</style>

            
        </div>

        
<script>
/* == Global functions: loaded first, always available == */
function SeccionVerCampeonato(serie, clase) {
    var modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    var body  = document.getElementById('MS-Seccion-Modal-Body');
    if (!modal || !body) { console.error('Modal elements not found'); return; }
    var el;
    el = document.getElementById('MC-logo-img');
	if(el) el.src='https://metasport360.com/Contenido/LogosCat/'+serie+'.png';
	alert('https://metasport360.com/Contenido/LogosCat/'+serie+'.png');
    el = document.getElementById('MC-hero-cat');   if(el) el.textContent='Serie '+serie;
    el = document.getElementById('MC-hero-title'); if(el) el.textContent='Campeonato — Clase '+clase;
    body.innerHTML='<div style="padding:40px;text-align:center;color:#64748b;">Cargando...</div>';
    modal.classList.add('show');
    document.body.style.overflow='hidden';
    fetch('../../../test-champ.php?serie='+serie+'&clase='+clase)
        .then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.text(); })
        .then(function(html){
            body.innerHTML=html;
            var tries=0;
            (function tryInit(){
                if(typeof initCampeonato==='function'){ initCampeonato(serie,clase); }
                else if(tries++<50){ setTimeout(tryInit,100); }
                else{ console.error('initCampeonato never loaded'); }
            })();
        })
        .catch(function(err){
            body.innerHTML='<div style="padding:20px;color:#dc2626;text-align:center;">Error: '+err.message+'</div>';
            console.error(err);
        });
}
function cerrarModal(){
    var m=document.getElementById('MS-Seccion-Modal-Campeonato');
    if(m){ m.classList.remove('show'); document.body.style.overflow=''; }
}
function cerrarModalCampeonato(){
    var m=document.getElementById('Seccion-Modal-Detalle-Campeonato');
    if(m) m.classList.remove('show');
    document.body.style.overflow='hidden';
}
</script>

<button  style="
    position: fixed;
    top: 60px;
    right: 50px;
    z-index: 10000;
    padding: 10px 15px;
    background: green;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 10px;
    display:none;
    z-index:9;
    zoom:1.5;
">
    <i class="bi bi-stopwatch-fill"></i> Tiempos En Vivo
</button>


    <div id="fullScreenDiv">
        <style>
#Div-360-Live{
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%;
    overflow:hidden !important;
}
.Div-360-Live-Marca {
    height: 40px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    font-size: 38px;
    font-weight: 900;
    color: #C9C9C9;
    text-transform: uppercase;
    margin-top: -10px !important;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.Div-360-Live-Marca img {
    height: 40px;
    width: auto;
    margin-right: 15px;
}

.LiveFlag5{ color: #FFF!important; background-color: #F09!important; }
.LiveFlag0{ color: #FFF!important; background-color: #093!important; }
.LiveFlag2{ color: #FFF!important; background-color: #F00!important; }
.LiveFlag1{ color: #000!important; background-color: #F90!important; }
.LiveFlag3{ color: #fff!important; background-color: #000!important; }

  #cerrarmodallive {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
    background-color: #dc3545; /* Fondo rojo (color bootstrap 'danger') */
    color: white; /* Color del texto blanco */
    border: none; /* Sin borde */
    border-radius: 4px; /* Bordes redondeados */
    font-size: 15px; /* Tamaño de fuente 15px */
    font-weight: 500; /* Peso de fuente 500 */
    padding: 8px 16px; /* Espaciado interno para que el botón tenga tamaño adecuado */
    text-align: center; /* Texto centrado */
    cursor: pointer; /* Cambia el cursor al pasar por encima */
    transition: background-color 0.3s ease; /* Suaviza el cambio de color al pasar el ratón */
  }

  #cerrarmodallive:hover {
    background-color: #c82333; /* Cambio de color de fondo en hover */
  }

.inbox {
    border-radius: 3px!important;
    background-color: #e5be01!important;
    color: black!important;
    text-transform: uppercase; /* Texto en mayúsculas */
    text-align: center; /* Centrar el texto */
font-weight: 600!important;
    padding: 0 10px; /* Padding a los costados (izquierda y derecha) */
    font-size: 10px; /* Tamaño de texto */
    max-height: 15px; /* Altura máxima del elemento */
    overflow: hidden; /* Asegura que no se desborde si el texto es demasiado largo */
    width: 5%; /* Ancho del 6% */
    margin-right: 3%; /* Margen derecho del 2% */
}
.Div-360-Live-Top-Todos {
    overflow-y: auto; /* Forzar scroll vertical si el contenido se desborda */
    max-height: 100%; /* O establece una altura específica si quieres limitar el tamaño visible */
}
/* Top 3 */
#Div-360-Live-Top-3{
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index:999999999999999999999999999;
}

/* RESTO CON SCROLL */
#Div-360-Live-Top-Todos{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
	z-index:222;
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:3px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
    background: transparent;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background: #00ffff;
    border-radius: 2px;
}
.Live-Cell-Dif{width:5%!important; color:#F90; text-align:center;}
</style>

<div id="Div-360-Live-Listado" style="display:none;zoom:0.3; background-color:#FFC; position:absolute; z-index:99999999999999999999;"></div>


<!-- Botón de cierre con el icono de "X" de Bootstrap -->
<button id="cerrarmodallive" class="btn btn-sm btn-danger" style="position: absolute; top: 5px; right: 5px; z-index: 9999;">
  CERRAR
</button>

<script>
  // Función que simula el clic en el botón toggleLiveT
  function clickToggleLiveT() {
    const toggleButton = document.getElementById('toggleLiveT');
    if (toggleButton) {
      toggleButton.click();
      //console.log("Botón toggleLiveT clickeado");
    } else {
      //console.log("El botón toggleLiveT no se encuentra en la página.");
    }
  }

  // Event listener para el botón cerrarmodallive
  const closeButton = document.getElementById('cerrarmodallive');
  closeButton.addEventListener('click', function() {
    //console.log("Botón de cerrar clickeado");
    clickToggleLiveT(); // Llamar a la función para hacer clic en toggleLiveT
  });
</script>


<div id="Div-360-Live-Marca" class="Div-360-Live-Marca">
    <img src="https://metasport360.com/assets/images/msdata.svg" alt="MS Data">
    TIEMPOS EN VIVO  
    <input type="hidden" id="DataCL" value=""
       style="width:150px; height:25px; float:left; position:relative; background-color:#ccc !important; color:#000; border:1px solid #999; text-align:center; font-size:12px;">
</div>

<div id="Div-360-Live">
    <div id="Div-360-Live-Header">
        <div id="Div-360-Live-Select">
            <p><span class="spanoculto">Seleccione un</span> <b class="spanmayus">evento:</b></p>
                            <div class="tab-row">
                    <div class="tab-button" 
                         id="ds78" 
                         data-event="F76FD77A21001CF3-2147484904" 
                         data-serie="78">
                        <img src="https://metasport360.com/Contenido/LogosCat/78.png" alt="logo">
                        <span class="LiveSpanSelect">Turismo Pista</span>
                    </div>
                </div>
                    </div>

        <div id="Div-360-Live-Data-Serie"> 
            <div id="Div-360-Live-Data-Serie-Lider">
                <h1 id="event-name"></h1>
                <div class="live-clock">
                    <h2>TRANSCURRIDO</h2>
                    <div id="live-laps"></div>
                </div>
                <div class="live-clock">
                    <h2>RESTANTE</h2>
                    <div id="live-clock"></div>
                </div>
                <div class="live-clock">
                    <h2>VUELTAS</h2>
                    <div id="live-flag"></div>
                </div>
                <p id="StatusLive"> </p>
            </div>

            <div id="Div-360-Live-Data-Serie-Parciales">
                <div id="Div-360-Live-Data">
                    <div class="Div-360-Live-Data-Puntero" id="Puntero"></div>
                    <div class="Div-360-Live-Data-Record" id="Record"></div>
                    <div class="Div-360-Live-Data-SectoresParciales" id="Div-360-Live-Data-SectoresParciales">
                        <div class="Div-360-Live-Data-Sector" id="BestS0"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS1"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS2"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS3"></div>
                        <div class="Div-360-Live-Data-Sector" id="BestS4"></div>
                    </div>
                </div>
            </div>
        </div>        
    </div>

    <div id="Div-360-Live-Espia"></div>
    <div id="Div-360-Live-Main">
        <div id="Div-360-Live-Head-Rows">
            <div class="cell Live-Cell-Pos">FAN</div>
            <div class="cell Live-Cell-Pos">P</div>
            <div class="cell Live-Cell-Dorsal">Nº</div>
            <div class="cell Live-Cell-Piloto">Piloto</div>
            <div class="cell Live-Cell-Clase">Clase</div>
            <div class="cell Live-Cell-Equipo">Equipo</div>
            <div class="cell Live-Cell-Marca">Marca</div>
            <div class="cell Live-Cell-UltVuelta">Últ. Vuelta</div>
            <div class="cell Live-Cell-Vueltas">Vtas</div>
            <div class="cell Live-Cell-Total">Total</div>
            <div class="cell Live-Cell-Dif">Dif</div>
        </div>

        <div id="Div-360-Live-Top-3"></div>
        <div id="Div-360-Live-Top-Todos">
            <div class="LiveSeleccione">
                <div class="LiveTexto">
                    Seleccione un evento para conectar
                </div>
                <div class="Botones">
                                            <button  class="tab-button" data-serie="78"
                                data-event="F76FD77A21001CF3-2147484904"
                                onclick="seleccionarEvento('F76FD77A21001CF3-2147484904','78')">
                            <img src="https://metasport360.com/Contenido/LogosCat/78.png" 
                                 alt="Turismo Pista">
                        </button>
                                    </div>

                <div class="LiveTexto2">
                    (Podrás cambiar de evento en cualquier momento seleccionando desde los botones en la parte superior izquierda.)
                </div>
            </div>
            <style>
            .LiveSeleccione { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; height: 400px; padding:8px; }
            .LiveSeleccione .Botones { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; justify-content: center; }
            .LiveSeleccione button { width: 75px; height: 75px; border: none !important; background: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; background-color:#333; border-radius:4px !important; }
            .LiveSeleccione button img { width:65px; height: 65px; margin:5px; }
            .LiveTexto { font-size: 14px; line-height: 46px; margin: 0; position:relative; float:left; width:100%; height:46px; padding:0; }
            .LiveTexto2 { font-size: 11px; line-height: 16px; margin: 0; color:#333; position:relative; float:left; width:100%; height:16px; padding:0; }
            </style>
        </div>
    </div>
    
    
</div>


<div id="Div-360-Live-Footer-Zen" style="color:#063; display:none;">
    <div id="Div-360-Live-Footer-Sectores"></div>
    <input type="hidden" id="SerieEnPista" name="SerieEnPista" value="0">
    <input type="hidden" id="ClaseEnPista" name="ClaseEnPista" value="0">
</div>

<script>
document.getElementById("StatusLive").innerHTML = "<conectando>Conectando a <b>MS360-Data</b>...</conectando>";

let top3Nombres = [];
let socket = null;
let lastPositions = {};
let currentEvent = null;
let currentSerie = null;
let sectorKeys = [];
let pilotosData = []; // listado completo de pilotos
let pilotosTop3Data = []; // datos enriquecidos Top3
let reconnectInterval = 5000; 
let espiaSerie = null; 
let espiaEvent = null;

// --- Cargar listado completo de pilotos ---
async function UpdateDriverTags(classId, serieId) {
    try {
        const url = `App/DivListado.php?classId=${encodeURIComponent(classId)}&serieId=${encodeURIComponent(serieId)}`;
        const response = await fetch(url);
        if(!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
        pilotosData = await response.json();
    } catch(err) {
        //console.error("Error cargando listado:", err);
        pilotosData = [];
    }
}


async function UpdateTop3Pilotos(classId, serieId, top3) {
    try {
        // Mostrar el Top3 que vamos a enviar
        console.log("Enviando Top3 a DivListado.php:", top3);

        const url = `App/DivListado.php?classId=${encodeURIComponent(classId)}&serieId=${encodeURIComponent(serieId)}&top3=${encodeURIComponent(JSON.stringify(top3))}`;
        console.log(url);
		
        const response = await fetch(url);
        if(!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
        
        // Parseamos la respuesta
        const data = await response.json();
        pilotosTop3Data = data;

        // Log para verificar la respuesta
        console.log("Respuesta Top3 desde DivListado.php:", data);
    } catch(err) {
        console.error("Error cargando Top3:", err);
        pilotosTop3Data = [];
    }
}


// --- Inicializar WebSocket ---
function initWebSocket() {
    socket = new WebSocket("wss://metasport360.com/live");
    socket.onopen = () => {
        document.getElementById("StatusLive").innerHTML = "<conectado>Conectado a <b>MS360-Data</b>...</conectado>";
        if(currentEvent && currentSerie){
            socket.send(JSON.stringify({action:"subscribe", event:currentEvent, serie:currentSerie}));
        }
        if(espiaEvent && espiaSerie){
            socket.send(JSON.stringify({action:"subscribe", event: espiaEvent, serie: espiaSerie, espia: [espiaEvent]}));
        }
    };
    socket.onmessage = async ev => {
        try {
            const msg = JSON.parse(ev.data);
            if(msg.type === "main" && msg.data && Array.isArray(msg.data.l)){
                // Armamos Top3 original
				// Armamos Top3 original con número + nombre
				const top3Raw = msg.data.l
					.sort((a,b)=>a.lbpos-b.lbpos)
					.slice(0,10)
					.map(p => `${p.no} - ${p.nam}`);                
                // Solo actualizamos Top3 si cambió
                if(JSON.stringify(top3Raw) !== JSON.stringify(top3Nombres)){
                    top3Nombres = top3Raw;
                    await UpdateTop3Pilotos("0", currentSerie, top3Nombres);
                }

                actualizarDOMConData(msg.data);
            } else if(msg.type === "espia" && msg.data && Array.isArray(msg.data.l)){
                manejarDatosEspia(msg.data);
            }
        } catch(e) {
            //console.error("Error parseando mensaje WS:", e, ev.data);
        }
    };
    socket.onclose = () => {
        document.getElementById("StatusLive").innerHTML = "<cerrada>Conexión Cerrada. Reintentando en 10s...</cerrada>";
        setTimeout(initWebSocket, reconnectInterval);
    };
    socket.onerror = err => {
        document.getElementById("StatusLive").innerHTML = "<fallo>Fallo en conexión. Reintentando en 10s...</fallo>";
        socket.close();
    };
}

// --- Funciones espía ---
function actualizarEspias(currentSerie) {
    document.querySelectorAll(".spy-button").forEach(btn => {
        btn.disabled = btn.dataset.serie === currentSerie;
        btn.style.opacity = btn.disabled ? "0.4" : "1";
    });
}

function espiar(serieEspiaEvent, serieEspiaId, serieEspiaNombre){
    const mainDiv = document.getElementById("Div-360-Live-Main");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!mainDiv || !espiaDiv) return;
    mainDiv.style.width = "80%";
    if(!document.getElementById("Espia-Content")){
        espiaDiv.innerHTML = `<div class="EspiandoHeader"><div class="EspiandoHeaderLogo"><img src="https://metasport360.com/Contenido/LogosCat/${serieEspiaId}.png" alt="Logo" width="30" height="30"></div><div class="EspiandoHeaderTitle">ESPIANDO: ${serieEspiaNombre}</div></div><div id="Espia-Content"></div>`;
    } else {
        document.getElementById("Espia-Content").innerHTML = '';
    }
    espiaDiv.classList.add("mostrar");
    espiaSerie = String(serieEspiaId);
    espiaEvent = String(serieEspiaEvent);
    if(socket && socket.readyState === 1){
        socket.send(JSON.stringify({action:"subscribe", event: espiaEvent, serie: espiaSerie, espia: [espiaEvent]}));
    }
    espiaDiv.dataset.serieEspia = espiaSerie;
}

function cerrarEspia(){
    const mainDiv = document.getElementById("Div-360-Live-Main");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!mainDiv || !espiaDiv) return;
    mainDiv.style.width = "100%";
    espiaDiv.classList.remove("mostrar");
}

function manejarDatosEspia(data){
    if(!data || !data.l) return;
    const container = document.getElementById("Espia-Content");
    const espiaDiv = document.getElementById("Div-360-Live-Espia");
    if(!container || !espiaDiv) return;
    const serieActiva = espiaDiv.dataset.serieEspia;
    if(data.serie && data.serie != serieActiva) return;
    container.innerHTML = '';
    data.l.sort((a,b)=>a.lbpos-b.lbpos);
    data.l.forEach(entry=>{
        const row=document.createElement('div');
        row.classList.add('row');
        row.innerHTML=`<div class="cell Live-Cell-Pos">${entry.lbpos}</div><div class="cell Live-Cell-Dorsal">${entry.no}</div><div class="cell Live-Cell-Piloto">${entry.nam}</div><div class="cell Live-Cell-Total">${entry.lsTm || ''}</div>`;
        container.appendChild(row);
    });
}

// --- Reloj ---
let liveClock = 0;        
let liveClockTimer = null; 
let lastServerTime = null;

function parseTimeToSeconds(t){
    if(!t) return 0;
    let parts = t.split(":").map(Number);
    if(parts.length===2) return parts[0]*60 + parts[1];
    if(parts.length===3) return parts[0]*3600 + parts[1]*60 + parts[2];
    return parseFloat(t) || 0;
}

function formatSecondsToMMSS(sec){
    let m = Math.floor(sec/60);
    let s = Math.floor(sec%60);
    return `${m.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`;
}

function updateLiveClockFromServer(timeStr){
    const newTime = parseTimeToSeconds(timeStr);
    if(liveClock===0) liveClock = newTime;
    else {
        const diff = newTime - liveClock;
        if(Math.abs(diff)>1) liveClock += diff*0.5;
    }
    lastServerTime = newTime;
    if(!liveClockTimer){
        liveClockTimer = setInterval(()=>{ liveClock += 1; }, 1000);
    }
}

// --- Actualización DOM principal ---
async function actualizarDOMConData(data){
    if(!data) return;

    // --- Detectar cambio de evento ---
    let eventName = data.rnNam || '';
    eventName = eventName.substring(0, 27);
    const prevEventName = document.getElementById('event-name').textContent;
    document.getElementById('event-name').textContent = eventName;
    if(eventName !== prevEventName){
        ////console.log("Cambio de evento detectado:", prevEventName, "->", eventName);
        // Refrescar listado completo de pilotos
        if(currentSerie) await UpdateDriverTags("0", currentSerie);
    }

    document.getElementById('DataCL').value = data.l[0].cl;
    document.getElementById('SerieEnPista').value = currentSerie || "0";
const claseEl = document.getElementById('ClaseEnPista');
if (claseEl) {
    let claseValue = "0";
    let tipoValue = ''; // valor original por si no aparece nada

    if (data.gNam) {

        // === Detectar Clase ===
        const match = data.gNam.match(/clase\s*(\d+)/i);
        if (match && match[1]) claseValue = match[1];

        // === Detectar Serie o Final ===
        const name = data.rnNam.toLowerCase();
        
        if (name.includes("final")) {
            tipoValue = "Final";
        } else if (name.includes("final")) {
            tipoValue = "Serie";
        }
		console.log('claseValue:', claseValue, ' -- tipoValue:', tipoValue);
    }

    claseEl.value = claseValue;
    localStorage.setItem('lastClass', claseValue);


    //ActualizarCampeonato(tipoValue, claseValue);
}

	
let time = (data.tm || "00:00").replace(/\.\d+$/, "").replace(/^00:/, "");
let timeTG = (data.rcTm || data.tmTg || "00:00").replace(/\.\d+$/, "").replace(/^00:/, "");
    const footerSectores = document.getElementById('Div-360-Live-Footer-Sectores');
    const dataSectores = document.getElementById('Div-360-Live-Data-SectoresParciales');
    if (footerSectores && dataSectores) footerSectores.innerHTML = dataSectores.innerHTML;

    document.getElementById("live-clock").textContent = timeTG;
    document.getElementById("live-laps").textContent = time;
    updateLiveClockFromServer(timeTG);
    document.getElementById("live-flag").innerHTML = `<b>${data.ls || ''}</b><b>${data.lsTg || ''}</b>`;
    document.getElementById("event-name").className = "LiveFlag" + data.f;

    const top3 = document.getElementById('Div-360-Live-Top-3');
    const topTodos = document.getElementById('Div-360-Live-Top-Todos');
    if(!top3 || !topTodos) return;
    top3.innerHTML = ''; topTodos.innerHTML = '';

    sectorKeys = [];
    if(data.l && data.l.length>0){
        let allKeys = new Set();
        data.l.forEach(entry => Object.keys(entry).forEach(k => { if(/^s\d+$/.test(k) || /^btTm\d+$/.test(k)) allKeys.add(k); }));
        sectorKeys = Array.from(allKeys).sort((a,b)=>{
            const aNum=parseInt(a.match(/\d+$/)?.[0]||0);
            const bNum=parseInt(b.match(/\d+$/)?.[0]||0);
            if(a.startsWith('s') && b.startsWith('s')) return aNum-bNum;
            if(a.startsWith('btTm') && b.startsWith('btTm')) return aNum-bNum;
            if(a.startsWith('s')) return -1; return 1;
        });

        const header = document.getElementById('Div-360-Live-Head-Rows');
        if(header){
            Array.from(header.querySelectorAll('.Live-Cell-Sector')).forEach(h=>h.remove());
            sectorKeys.forEach(sk=>{
                const div = document.createElement('div');
                div.classList.add('cell','Live-Cell-Sector');
                div.textContent = sk.toUpperCase();
                header.appendChild(div);
            });
        }
    }

    let bestSectorTimes = {};
    sectorKeys.forEach(sk=>{
        if(sk.startsWith('s')){
            let minTime=Infinity;
            data.l.forEach(entry=>{ const t=parseFloat(entry[sk]); if(!isNaN(t) && t>0 && t<minTime) minTime=t; });
            bestSectorTimes[sk]=minTime;
        }
    });

    data.l.sort((a,b)=>a.lbpos-b.lbpos);
    let newPositions = {}; top3Nombres = [];
    data.l.forEach((entry,i)=>{
        const row=document.createElement('div');
        row.classList.add('row');
        if(lastPositions[entry.no] && lastPositions[entry.no] !== entry.lbpos) row.classList.add(entry.lbpos < lastPositions[entry.no] ? 'up':'down');
        if (entry.lbpos >= 1 && entry.lbpos <= 3) top3Nombres[entry.lbpos - 1] = entry.nam;

        let pilotoInfo = pilotosTop3Data.find(p => String(p.dorsal) === String(entry.no)) 
                         || pilotosData.find(p => String(p.dorsal) === String(entry.no));
        let nombreCompleto = pilotoInfo ? pilotoInfo.nombre + ' ' + pilotoInfo.apellido : entry.nam || '';
        let equipo = pilotoInfo ? pilotoInfo.equipo : entry.cl || '';
        let marca  = pilotoInfo ? pilotoInfo.marca : '';
        let logo   = '';
        if(pilotoInfo && pilotoInfo.marca){
            let marcaNormalized = pilotoInfo.marca.toLowerCase().replace(/\s+/g,'');
            logo = `<img src="https://metasport360.com/Contenido/Marcas-Brands/${marcaNormalized}.png" alt="${marcaNormalized}" style="height:18px;">`;
        }

        let sectorHtml = sectorKeys.map(sk=>{
            if(!sk.startsWith('s')) return `<div class="cell Live-Cell-Sector">${entry[sk]||''}</div>`;
            let valor=parseFloat(entry[sk])||0;
            let mejorPropio=false; let mejorSector=false;
            const sectorNum=sk.match(/\d+$/)[0];
            const btTm=parseFloat(entry['btTm'+sectorNum])||0;
            if(valor>0 && btTm>0 && valor<btTm) mejorPropio=true;
            if(valor>0 && valor<=bestSectorTimes[sk]) mejorSector=true;
            let clases='cell Live-Cell-Sector';
            if(mejorPropio) clases+=' mejorpropio';
            if(mejorSector) clases+=' mejorsector';
            return `<div class="${clases}">${entry[sk]||''}</div>`;
        }).join("");

        let lapClass = ''; let lapDisplay = entry.lsTm || '';
        if (entry.lsTm) { const normalized = entry.lsTm.toString().toLowerCase().replace(/[^a-z0-9]/g, ''); if (normalized === 'inpit') { lapClass = 'box'; lapDisplay = 'BOX'; } else { lapClass = normalized; } }

        row.innerHTML = `
            <div class="cell Live-Cell-Pos Fantasy-${entry.no}-78"></div>
            <div class="cell Live-Cell-Pos">${entry.lbpos}</div>
            <div class="cell Live-Cell-Dorsal"><span>${entry.no}</span></div>
            <div class="cell Live-Cell-Piloto">${nombreCompleto}</div>
            <div class="cell Live-Cell-Clase">${entry.cl}</div>
            <div class="cell Live-Cell-Equipo">${equipo}</div>
            <div class="cell Live-Cell-Marca" style="display:flex; align-items:center;">${logo}<span style="margin-left:5px;">${marca}</span></div>
            <div class="cell Live-Cell-UltVuelta ${lapClass}">${lapDisplay}</div>
            <div class="cell Live-Cell-Vueltas">${entry.ls}</div>
            <div class="cell Live-Cell-Total">${entry.tTm||''}</div>
            <div class="cell Live-Cell-Dif">${entry.df||''}</div>
            ${sectorHtml}
        `;
        if(i<5) top3.appendChild(row); else topTodos.appendChild(row);
        newPositions[entry.no]=entry.lbpos;
    });
    lastPositions=newPositions;

    // --- Solo actualizar Top3 si hay al menos 5 pilotos ---
    if(top3Nombres.length >= 5){
        await UpdateTop3Pilotos("0", currentSerie, top3Nombres);
    }

    // Mejores sectores y puntero
    if(data.l && data.l.length>0){
        let bestSectors={};
        data.l.forEach(entry=>{ Object.keys(entry).forEach(k=>{ if(/^s\d+$/.test(k)){ const time=parseFloat(entry[k]); if(!isNaN(time)){ if(!bestSectors[k] || time<bestSectors[k].time) bestSectors[k]={time, piloto: entry.nam, numero: entry.no}; } } }); });
        Object.keys(bestSectors).forEach(sk=>{
            const el=document.getElementById("Best"+sk.toUpperCase());
            if(el){ const sectorNum=sk.match(/\d+$/)?sk.match(/\d+$/)[0]:''; el.innerHTML=`<div class="NombreSector">SECTOR ${sectorNum}</div><div class="DorsalPiloto">${bestSectors[sk].numero}</div><div class="NombrePiloto">${(bestSectors[sk].piloto.split(' ').slice(-1)[0] || '').substring(0,6).toUpperCase()}</div><div class="TiempoPiloto">${bestSectors[sk].time.toFixed(3)}</div>`; }
        });

        const puntero = data.l.find(p=>parseInt(p.lbpos)===1);
        if(puntero){ const punteroEl = document.getElementById('Puntero'); if(punteroEl){ punteroEl.innerHTML=`<h1>LIDER DE LA SESION</h1><div class="record-line"><div class="record-number">${puntero.no}</div><div class="record-name">${puntero.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${puntero.btTm}</h3>`; } }

        const record = data.l.find(p=>p.ibt===true);
        if(record){ const recordEl = document.getElementById('Record'); if(recordEl){ recordEl.innerHTML=`<h1>VUELTA RAPIDA</h1><div class="record-line"><div class="record-number">${record.no}</div><div class="record-name">${record.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${record.btTm}</h3>`; } }
    }
}


// --- Tabs ---
document.querySelectorAll('.tab-button').forEach(btn=>{
    btn.addEventListener('click', async ()=>{
        document.querySelectorAll('.tab-button').forEach(b=>b.classList.remove('active'));
        btn.classList.add('active');
        document.getElementById("Div-360-Live-Top-3").innerHTML ="";
        document.getElementById("Div-360-Live-Top-Todos").innerHTML = `
<div style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center;">
    <div style="border: 4px solid #f3f3f3; border-top: 4px solid #33C; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 10px;"></div>
    <div style="color: green; text-align: center;">Conectando al evento solicitado...</div>
</div>
<style>
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
</style>
`;
        currentEvent=btn.dataset.event;
        currentSerie=btn.dataset.serie;
        lastPositions={};
        localStorage.setItem('lastSerie', currentSerie);
        actualizarEspias(currentSerie);
        await UpdateDriverTags("0", currentSerie);
        if(socket && socket.readyState===1){
            socket.send(JSON.stringify({action:"subscribe", event:currentEvent, serie:currentSerie}));
        }
    });
});


// --- Inicialización ---
window.addEventListener('load', async ()=>{
            currentEvent = localStorage.getItem('lastEvent') || "0";
        currentSerie = localStorage.getItem('lastSerie') || "0";
        await UpdateDriverTags("0", currentSerie);
        initWebSocket();
    });
</script>
    </div>


<style>
/* ══ Championship Modals — MetaSport360 ══ */

/* TABLA modal fullscreen */
#MS-Seccion-Modal-Campeonato {
    display:none !important; position:fixed !important; inset:0; z-index:99990;
    flex-direction:column; background:#f1f5f9; overflow:hidden;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important;
    border-radius:0 !important; max-width:none !important;
}
#MS-Seccion-Modal-Campeonato.show { display:flex !important; }

.MC-hero {
    background:linear-gradient(135deg,#0a0f1e 0%,#0d1a3a 60%,#0f2558 100%);
    flex-shrink:0; display:flex; align-items:center; gap:14px;
    padding:14px 20px; position:relative;
    border-bottom:2px solid #0764DE;
}
.MC-hero-logo { width:46px; height:46px; border-radius:9px; flex-shrink:0;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
    display:flex; align-items:center; justify-content:center; overflow:hidden; }
.MC-hero-logo img { width:38px; height:38px; object-fit:contain; }
.MC-hero-txt  { flex:1; min-width:0; }
.MC-hero-cat  { font-size:9px; font-weight:700; letter-spacing:1.2px;
    text-transform:uppercase; color:#0764DE; margin-bottom:2px; }
.MC-hero-title{ font-size:18px; font-weight:900; color:#fff; letter-spacing:-.3px; }
.MC-close {
    width:30px; height:30px; border-radius:50%; background:#dc2626; color:#fff;
    border:none; font-size:13px; cursor:pointer; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    transition:background .12s; font-family:inherit;
}
.MC-close:hover { background:#b91c1c; }
.MC-scroll-hint {
    display:none; background:linear-gradient(135deg,#0764DE,#1e3a8a);
    color:#fff; font-size:10px; font-weight:700; text-align:center;
    padding:5px; letter-spacing:.5px; flex-shrink:0;
}
.MC-table-wrap { flex:1; overflow:auto; scrollbar-width:thin; }

/* Table internals */
.Seccion-Tabla { display:flex; flex-direction:column; opacity:0;
    transition:opacity .3s ease; min-width:max-content; }
.Seccion-Tabla.show { opacity:1; }
.Seccion-Tabla-Header { position:sticky; top:0; z-index:30; display:flex;
    min-width:max-content; background:#1e293b; border-bottom:2px solid #0764DE; }
.Seccion-Tabla-Header .Seccion-Tabla-Cell {
    font-size:9px; font-weight:700; letter-spacing:.8px;
    color:rgba(255,255,255,.5); text-transform:uppercase; padding:0 8px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-right:1px solid rgba(255,255,255,.06); background:transparent; white-space:nowrap; }
.Seccion-Tabla-Header .Seccion-Tabla-Piloto { justify-content:flex-start; padding-left:12px; }
.Seccion-Tabla-Header .Seccion-Tabla-Total  { color:#fff; background:#0764DE; }
.Seccion-Tabla-Fila { display:flex; height:52px; min-height:52px; align-items:center;
    background:#fff; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background .1s; }
.Seccion-Tabla-Fila:nth-child(even) { background:#fafbfd; }
.Seccion-Tabla-Fila:hover { background:#eff6ff; }
.Seccion-Tabla-Cell { padding:0 8px; font-size:12px; font-weight:500; color:#111;
    display:flex; align-items:center; justify-content:center;
    border-right:1px solid #f1f5f9; height:52px; box-sizing:border-box;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.Seccion-Tabla-Pos { width:40px; font-weight:800; font-size:12px; color:#94a3b8; }
.Seccion-Tabla-Fila:nth-child(2) .Seccion-Tabla-Pos { color:#f59e0b; }
.Seccion-Tabla-Fila:nth-child(3) .Seccion-Tabla-Pos { color:#9ca3af; }
.Seccion-Tabla-Fila:nth-child(4) .Seccion-Tabla-Pos { color:#b45309; }
.Seccion-Tabla-Var  { width:48px; font-size:11px; font-weight:700; }
.C-VarUp { color:#15803d !important; } .C-VarDown { color:#dc2626 !important; } .C-VarEq { color:#cbd5e1 !important; }
.Seccion-Tabla-Nro { width:50px; font-weight:900; font-size:11px; background:#1e293b; color:#fff; }
.Seccion-Tabla-Header .Seccion-Tabla-Nro { background:transparent; color:rgba(255,255,255,.5); }
.Seccion-Tabla-Logo { width:36px; padding:0 4px; justify-content:center; }
.Seccion-Tabla-Logo img { max-height:20px; max-width:28px; object-fit:contain; }
.Seccion-Tabla-Piloto { min-width:210px; justify-content:flex-start; padding:0; }
.CT-pil { display:flex; align-items:center; height:52px; width:100%; }
.CT-pil-thumb { width:36px; height:52px; flex-shrink:0; overflow:hidden; background:#e2e8f0; border-right:1px solid #f1f5f9; }
.CT-pil-thumb img { width:36px; height:52px; object-fit:cover; object-position:top; display:block; }
.CT-pil-info { display:flex; flex-direction:column; gap:1px; padding:0 10px; min-width:0; }
.CT-pil-name { font-size:12.5px; font-weight:700; color:#111; white-space:nowrap; }
.CT-pil-team { font-size:10px; color:#64748b; white-space:nowrap; }
/* Q/S/F sub-cells */
.CT-ev-head { min-width:108px; padding:0; text-align:center; background:#1e293b;
    border-right:2px solid rgba(255,255,255,.1) !important; display:table-cell; vertical-align:middle; }
.CT-ev-head-inner { display:flex; flex-direction:column; align-items:center; gap:2px; padding:4px 2px 2px; }
.CT-ev-head-fecha { font-size:9px; font-weight:700; color:#fff; white-space:nowrap; text-transform:uppercase; }
.CT-ev-head-subs { display:flex; }
.CT-ev-head-subs span { width:34px; font-size:8px; font-weight:800; text-align:center; }
.CT-ev-head-subs span:nth-child(1) { color:#60a5fa; }
.CT-ev-head-subs span:nth-child(2) { color:#fbbf24; }
.CT-ev-head-subs span:nth-child(3) { color:#4ade80; }
.CT-sub-q,.CT-sub-s,.CT-sub-f { width:34px; min-width:34px; padding:0; font-size:12px; font-weight:700; text-align:center; display:flex; align-items:center; justify-content:center; height:52px; }
.CT-sub-q { color:#1e40af; background:#f0f7ff; border-right:1px solid #e2e8f0; }
.CT-sub-s { color:#854d0e; background:#fffbeb; border-right:1px solid #e2e8f0; }
.CT-sub-f { color:#166534; background:#f0fdf4; border-right:2px solid #e2e8f0; }
.Seccion-Tabla-Fila:hover .CT-sub-q { background:#dbeafe !important; }
.Seccion-Tabla-Fila:hover .CT-sub-s { background:#fef3c7 !important; }
.Seccion-Tabla-Fila:hover .CT-sub-f { background:#dcfce7 !important; }
.CT-zero { color:#e2e8f0; font-size:11px; }
.Seccion-Tabla-Total { width:72px; font-size:14px; font-weight:900;
    color:#0764DE; background:#eff6ff; border-left:2px solid #0764DE; }
.Seccion-Tabla-Fila:hover .Seccion-Tabla-Total { background:#dbeafe; }

/* PILOTO modal fullscreen */
#Seccion-Modal-Detalle-Campeonato,
.Seccion-Modal-Detalle-Campeonato {
    display:none !important; position:fixed !important; inset:0; z-index:99999;
    flex-direction:column; background:#f1f5f9; overflow:hidden;
    opacity:0; transition:opacity .2s;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important;
}
#Seccion-Modal-Detalle-Campeonato.show,
.Seccion-Modal-Detalle-Campeonato.show { display:flex !important; opacity:1; }
.MP-hero { background:linear-gradient(135deg,#0a0f1e 0%,#0d1a3a 65%,#0f2558 100%);
    display:flex; align-items:stretch; flex-shrink:0; min-height:140px; position:relative; }
.MP-hero-left { display:flex; align-items:center; gap:14px; flex:1; padding:14px 16px; min-width:0;
    border-right:1px solid rgba(255,255,255,.07); }
.MP-foto { width:88px; flex-shrink:0; border-radius:8px; overflow:hidden; align-self:stretch;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); display:flex; align-items:flex-end; }
.MP-foto img { width:88px; height:120px; object-fit:cover; object-position:top; display:block; }
.MP-data { display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.MP-number { display:inline-block; background:#0764DE; color:#fff; font-size:10px; font-weight:800;
    padding:2px 10px; border-radius:20px; width:fit-content; }
.MP-name  { font-size:20px; font-weight:900; color:#fff; letter-spacing:-.4px; line-height:1.1; }
.MP-brand { font-size:11px; color:rgba(255,255,255,.45); }
.MP-team  { font-size:10px; color:rgba(255,255,255,.3); }
.MP-stats { display:flex; flex-direction:column; gap:3px; padding:0 0 0 4px; flex-shrink:0; justify-content:center; }
.MP-stat  { display:flex; align-items:center; gap:8px; padding:4px 10px; border-radius:6px;
    background:rgba(255,255,255,.06); min-width:120px; }
.MP-stat span    { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:rgba(255,255,255,.35); flex:1; }
.MP-stat strong  { font-size:14px; font-weight:900; color:#fff; }
.valuedifchico   { font-size:9px; color:rgba(255,255,255,.2); }
.MP-vs { display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:12px 14px; gap:7px; flex-shrink:0;
    border-right:1px solid rgba(255,255,255,.07); border-left:1px solid rgba(255,255,255,.07); }
.MP-vs label { font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,.35); }
.MP-vs-wrap { position:relative; min-width:180px; }
.MP-vs-wrap::after { content:'▾'; position:absolute; right:10px; top:50%; transform:translateY(-50%);
    color:rgba(255,255,255,.5); pointer-events:none; font-size:12px; }
#ModalVSSelect { width:100%; appearance:none; background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.2); color:#fff; font-size:12px;
    padding:7px 30px 7px 10px; border-radius:8px; cursor:pointer; font-family:inherit; }
#ModalVSSelect option { background:#1e293b; color:#fff; }
.MP-hero-right { display:flex; align-items:center; gap:14px; flex:1; padding:14px 16px;
    min-width:0; flex-direction:row-reverse; }
.MP-stats-vs { display:flex; flex-direction:column; gap:3px; flex-shrink:0; justify-content:center; }
.VS-Row { display:flex; align-items:center; gap:8px; padding:4px 10px; border-radius:6px;
    background:rgba(255,255,255,.06); min-width:120px; font-size:12px; font-weight:700; color:#fff; }
.MP-body { flex:1; overflow-y:auto; background:#f8fafc; padding:16px;
    scrollbar-width:thin; scrollbar-color:#cbd5e1 #f8fafc; }
.MP-grid { display:grid; grid-template-columns:1fr 220px; gap:14px; }
.MP-card { background:#fff; border-radius:10px; padding:14px;
    border:1px solid #e2e8f0; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.MP-card h6 { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.7px;
    color:#64748b; margin:0 0 10px; padding-bottom:6px; border-bottom:1px solid #e2e8f0; }
.MP-card canvas { width:100%!important; height:200px!important; }
.MP-ev-row { display:flex; align-items:center; gap:8px; padding:5px 0; border-bottom:1px solid #f1f5f9; }
.MP-ev-row:last-child { border-bottom:none; }
.MP-ev-date { flex:1; font-size:10px; color:#334155; font-weight:500; }
.MP-ev-pts  { font-size:11px; font-weight:800; min-width:34px; text-align:center;
    padding:2px 6px; border-radius:4px; background:#f1f5f9; color:#1e293b; }
.MP-ev-pts.win  { background:#dcfce7; color:#15803d; }
.MP-ev-pts.lose { background:#fee2e2; color:#b91c1c; }
.MP-ev-pts.eq   { background:#f1f5f9; color:#64748b; }
.MP-close { position:absolute; top:10px; right:14px; width:30px; height:30px; border-radius:50%;
    background:#dc2626; color:#fff; border:none; font-size:13px; cursor:pointer;
    display:flex; align-items:center; justify-content:center; z-index:10; font-family:inherit; }
.MP-close:hover { background:#b91c1c; }
@media(max-width:768px){
    .MC-scroll-hint { display:block; }
    .Seccion-Tabla-Var { display:none; }
    .CT-pil-team { display:none; }
    .MP-hero { flex-wrap:wrap; }
    .MP-vs { border:none; border-top:1px solid rgba(255,255,255,.07); width:100%;
        flex-direction:row; flex-wrap:wrap; padding:8px 14px; }
    .MP-grid { grid-template-columns:1fr; }
}
@media(max-width:480px){
    .Seccion-Tabla-Logo { display:none; }
    .MP-stats,.MP-stats-vs { display:none; }
}
</style>
<!-- ══ MODAL TABLA CAMPEONATO ══ -->
<div id="MS-Seccion-Modal-Campeonato" class="MS-Seccion-Modal">
    <div class="MC-hero">
        <div class="MC-hero-logo"><img id="MC-logo-img" src="" alt="" onerror="this.style.opacity='.3'"></div>
        <div class="MC-hero-txt">
            <div class="MC-hero-cat" id="MC-hero-cat">CAMPEONATO</div>
            <div class="MC-hero-title" id="MC-hero-title">Cargando...</div>
        </div>
        <button class="MC-close" onclick="cerrarModal()"><i class="bi bi-x-lg"></i></button>
    </div>
    <div class="MC-scroll-hint"><i class="bi bi-arrows-expand-horizontal"></i> Deslizá para ver todas las fechas</div>
    <div class="MC-table-wrap">
        <div id="MS-Seccion-Modal-Body"></div>
    </div>
</div>

<!-- ══ MODAL DETALLE PILOTO ══ -->
<div id="Seccion-Modal-Detalle-Campeonato">
    <button class="MP-close" onclick="cerrarModalCampeonato()"><i class="bi bi-x-lg"></i></button>
    <div class="MP-hero">
        <div class="MP-hero-left">
            <div class="MP-foto" id="ModalFoto"></div>
            <div class="MP-data">
                <div class="MP-number" id="ModalNumero">#--</div>
                <div class="MP-name"   id="ModalNombre">---</div>
                <div class="MP-brand"  id="ModalMarca"></div>
                <div class="MP-team"   id="ModalEquipo"></div>
            </div>
            <div class="MP-stats">
                <div class="MP-stat" id="Dif-Puntos-A"><span>Puntos</span><strong id="ModalTotal">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Carreras-A"><span>Carreras</span><strong id="ModalCarreras">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Promedio-A"><span>Promedio</span><strong id="ModalPromedio">0.00</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Victorias-A"><span>Victorias</span><strong id="ModalWins">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat" id="Dif-Podios-A"><span>Podios</span><strong id="ModalPodios">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat"><span>Poles</span><strong id="ModalPoles">0</strong><div class="valuedifchico"></div></div>
                <div class="MP-stat"><span>RV</span><strong id="ModalRV">0</strong><div class="valuedifchico"></div></div>
            </div>
        </div>
        <div class="MP-vs">
            <label>COMPARAR CON</label>
            <div class="MP-vs-wrap"><select id="ModalVSSelect"><option value="">— Seleccionar piloto —</option></select></div>
        </div>
        <div class="MP-hero-right">
            <div class="MP-foto" id="ModalFotoVS"></div>
            <div class="MP-data" style="align-items:flex-end;">
                <div class="MP-number" id="ModalNumeroVS"></div>
                <div class="MP-name"   id="ModalNombreVS" style="text-align:right;"></div>
                <div class="MP-brand"  id="ModalMarcaVS"></div>
                <div class="MP-team"   id="ModalEquipoVS"></div>
            </div>
            <div class="MP-stats-vs"><div id="ModalComparacionStats" class="Seccion-Modal-Detalle-Campeonato-Stats-VS"></div></div>
        </div>
    </div>
    <div class="MP-body">
        <div class="MP-grid">
            <div class="MP-card"><h6>Puntaje por fecha</h6><canvas id="ModalChart"></canvas></div>
            <div class="MP-card"><h6>Detalle de fechas</h6><div id="ModalEventos"></div></div>
        </div>
    </div>
</div>


<footer class="footer d-f w-100 d-col" id="jkd-ft" style="z-index:2;">

                        
            <div class="BannerAdsShow FooterAd">
            <img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
            </div>


  <!-- Footer de escritorio -->
  

  <!-- Barra inferior escritorio -->
  <div class="bot-wrp bg-col-pr primary-cs pos-rel w-100 pt-10 pb-10 pb-20-sm pt-20-sm d-col-sm"
       itemprop="mainEntity" itemscope itemtype="https://schema.org/Organization"
       style="--jkd-h-col: rgba(255, 255, 255, 1); --jkd-txt-col: rgba(199, 199, 199, 1); --jkd-bg-col: rgba(52, 54, 58, 1); --jkd-bg-col-sec: rgba(40, 41, 42, 1);">
    <div class="in-wrp jkd-c jc-c ai-c pos-rel z-ui d-col-md">
      <div class="copyright mr-a mt-txt mr-0-md ta-c-md d-fw d-f ai-c m-fw" itemprop="copyrightHolder">
        © 2025-2026 | MetaSport360 - Info del automovilismo. Argentina y el mundo. | Todos los Derechos Reservados
      </div>
      <div class="menu-wrp ml-a ml-0-md mt-15-md mt-7-sm d-f ai-c" itemprop="hasMenu" itemscope itemtype="https://schema.org/SiteNavigationElement">
        <div class="menu-copyright-menu-container">
          <ul class="menu-list r-list d-f mt-txt m-fw">
            <li class="menu-item">
              <a href="#">Desarrollado por MetaSport</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- Font Awesome (si aún no lo tenés cargado) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</footer>

<!-- Barra móvil tipo app -->
<div class="ms360-footer-mobile" role="navigation" aria-label="Barra de navegación inferior MetaSport360">


  <!-- Botones izquierda -->
  <button class="ft-item submenu-toggle" aria-label="Nosotros" aria-expanded="false" aria-controls="submenu-nosotros">
    <i class="fas fa-info-circle" aria-hidden="true"></i>
    <span>Nosotros</span>
  </button>

  <a class="ft-item submenu-toggle" aria-label="Contacto" aria-expanded="false" href="https://metasport360.com/Fantasy">
    <i class="bi bi-bookmark-star-fill"></i>
    <span>Fantasy</span>
  </a>

  <!-- Botón HOME centrado -->
  <a href="https://metasport360.com/" class="ft-item ft-home LanzaPreload" aria-label="Inicio" title="Inicio" style="overflow:hidden;" data-preload="&nbsp;&nbsp;">
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW 2020 (64-Bit) -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="2050.68mm" height="1909.23mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 103994.37 96821.43"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#0764DE}
    .fil2 {fill:black;fill-rule:nonzero}
    .fil1 {fill:#0764DE;fill-rule:nonzero}
    .fil3 {fill:#4D4D4D;fill-rule:nonzero}
   ]]>
  </style>
 </defs>
 <g id="Capa_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M16436.53 82320.87c19796.76,27676.65 61774.9,12001.28 68841.07,-15758.5l-8623.89 -82.88 -4779.64 -25.24c-8875.41,22524.56 -30521.85,29506.48 -55437.54,15866.62z"/>
  <path class="fil0" d="M81277.39 28857.92l11624.31 6.9c-1313.86,-12521.77 -8969.22,-22372.12 -20473.72,-27107.05 -8763.28,-2985.6 -21689.63,-2208.68 -28779.54,2643.41 21630.99,-4377.18 31199.56,4606.85 37628.96,24456.74z"/>
  <polygon class="fil1" points="16931.23,45769.55 12193.25,64055.27 -0,64055.27 8846.25,29914.18 24693.3,29914.18 31248.25,46984.71 46641.16,29914.18 62488.21,29914.18 53641.96,64055.27 41448.71,64055.27 46186.7,45769.55 30478.96,64055.27 23163.01,64055.27 "/>
  <path id="partecapa" class="fil2" d="M91751.97 29914.18c9754.61,0 13674.68,3662.12 11779.07,10978.07l-314.85 1215.16 -13408.41 0c209.19,-807.33 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-815.65,0 -1329.15,407.83 -1538.34,1215.16 -211.35,815.67 90.81,1223.5 906.46,1223.5l12193.25 0c9754.6,0 13991.69,2438.64 12727.95,7315.95l-631.88 2438.64c-1895.62,7315.95 -7711.32,10969.77 -17465.92,10969.77l-12193.25 0c-9754.59,0 -13685.16,-3653.82 -11789.54,-10969.77l317.03 -1223.48 13408.41 0c-211.34,815.67 90.81,1223.48 906.46,1223.48l12193.25 0c807.34,0 1320.84,-407.82 1532.18,-1223.48 211.33,-815.65 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-9754.59,0 -14000.01,-2438.64 -12736.27,-7315.95l631.88 -2438.66c1895.62,-7315.95 7721.81,-10978.07 17476.4,-10978.07l12193.25 0zm-40493.27 52569.68c-18797.59,1635.2 -25537.65,-3133.39 -30670.77,-16007.39l-9285.03 51.86c2741.1,17056.92 27782.12,26005.92 39955.8,15955.53zm9664.25 -70700.44c4821.33,352.11 9285.4,2402.69 13068.5,5287.33 -3818.51,-7112.76 -14018.7,-12118.93 -25930.44,-10460.76 -12469.53,2000.86 -23771.23,11386.35 -30027.47,22139.69 2638.14,44.96 5276.15,89.79 7914.29,134.74l3057.17 -7.03c9218.98,-9605.99 17013.09,-18182.8 31917.95,-17093.97z"/>
  <path class="fil3" d="M34979.63 78683.78c-553.72,0 -1132.56,-50.33 -1736.6,-150.98 -604.1,-100.65 -1076.02,-220.22 -1415.79,-358.69l283.17 -1359.06c440.43,188.74 909.2,327.15 1406.31,415.24 497.11,88.09 1016.2,132.13 1557.35,132.13 1082.24,0 1922.27,-163.55 2520.02,-490.76 597.76,-327.22 978.44,-899.78 1141.99,-1717.75 176.24,-780.28 53.53,-1346.56 -368.05,-1698.91 -421.59,-352.41 -1072.81,-528.58 -1953.74,-528.58l-1755.52 0 396.39 -1170.33 1453.49 0c906.07,0 1623.38,-198.22 2151.97,-594.62 528.52,-396.39 868.3,-953.25 1019.35,-1670.57 138.41,-692.19 34.56,-1201.86 -311.51,-1529.02 -346.07,-327.22 -1060.25,-490.82 -2142.48,-490.82 -503.39,0 -1022.49,50.33 -1557.35,151.04 -534.8,100.65 -1022.49,232.78 -1462.92,396.39l302.02 -1340.21c377.54,-138.47 865.23,-261.12 1462.98,-368.12 597.76,-106.93 1179.75,-160.46 1746.09,-160.46 1359.06,0 2337.5,311.5 2935.26,934.4 597.76,622.95 789.7,1418.94 575.77,2387.89 -125.85,616.67 -405.88,1205.01 -840.03,1765 -434.15,560 -1028.77,946.96 -1783.85,1160.9 767.65,176.17 1271.04,531.66 1510.17,1066.53 239.06,534.81 295.73,1098.01 169.89,1689.48 -239.13,1182.89 -833.74,2066.96 -1783.85,2652.15 -950.11,585.19 -2123.64,877.73 -3520.52,877.73zm10873 0c-1447.22,0 -2469.7,-368.05 -3067.46,-1104.23 -597.76,-736.24 -726.75,-1909.7 -386.97,-3520.52l622.89 -2869.23c352.41,-1585.69 1047.68,-2822.11 2085.87,-3709.26 1038.26,-887.22 2337.57,-1330.85 3898.06,-1330.85 591.48,0 1104.29,34.62 1538.44,103.85 434.15,69.18 821.12,166.75 1160.89,292.6l-283.17 1340.21c-339.78,-138.41 -723.61,-242.27 -1151.48,-311.44 -427.87,-69.24 -918.63,-103.86 -1472.34,-103.86 -1182.95,0 -2133.06,311.51 -2850.38,934.4 -717.32,622.95 -1182.95,1456.64 -1396.89,2501.18l-188.74 924.97c566.28,-364.98 1164.04,-632.38 1793.28,-802.27 629.24,-169.89 1189.24,-254.83 1679.99,-254.83 1384.32,0 2346.99,336.64 2888.14,1009.92 541.15,673.21 673.28,1645.38 396.39,2916.41 -251.69,1182.95 -792.78,2142.48 -1623.38,2878.71 -830.54,736.17 -2044.97,1104.23 -3643.16,1104.23zm264.26 -1226.93c1006.78,0 1815.33,-242.27 2425.66,-726.75 610.32,-484.54 1003.57,-1148.33 1179.81,-1991.5 125.85,-578.91 157.26,-1072.81 94.37,-1481.83 -62.96,-409.02 -276.89,-723.61 -641.8,-943.82 -364.98,-220.22 -937.54,-330.36 -1717.82,-330.36 -616.61,0 -1211.23,97.51 -1783.79,292.6 -572.63,195.08 -1098.01,443.57 -1576.2,745.66l-302.09 1472.34c-213.93,994.15 -154.12,1736.67 179.38,2227.43 333.5,490.82 1047.62,736.24 2142.48,736.24zm11212.72 1226.93c-1749.24,0 -2929.05,-544.23 -3539.37,-1632.81 -610.33,-1088.52 -720.46,-2582.98 -330.35,-4483.19 289.45,-1359.12 698.47,-2516.88 1226.99,-3473.34 528.52,-956.39 1223.85,-1686.28 2085.87,-2189.66 862.02,-503.39 1941.18,-755.08 3237.35,-755.08 1233.28,0 2170.82,251.69 2812.62,755.08 641.8,503.38 1035.05,1233.28 1179.81,2189.66 144.7,956.45 72.32,2114.21 -217.08,3473.34 -264.32,1258.41 -660.71,2346.99 -1189.23,3265.68 -528.58,918.63 -1220.71,1623.38 -2076.45,2114.14 -855.74,490.82 -1919.12,736.17 -3190.16,736.17zm283.17 -1321.36c1271.04,0 2284.03,-437.3 3039.12,-1311.88 755.08,-874.65 1283.6,-2035.55 1585.62,-3482.76 239.13,-1094.87 339.78,-2022.98 302.02,-2784.28 -37.76,-761.37 -273.68,-1337.13 -707.84,-1727.24 -434.15,-390.11 -1135.77,-585.19 -2104.79,-585.19 -1258.41,0 -2271.47,437.36 -3039.12,1311.94 -767.65,874.65 -1327.65,2136.2 -1679.99,3784.78 -201.37,956.39 -270.61,1796.42 -207.65,2520.02 62.89,723.61 314.59,1283.61 755.02,1679.99 440.5,396.45 1126.34,594.62 2057.6,594.62z"/>
 </g>
</svg>
  </a>

  <!-- Botones derecha -->
  <button class="ft-item submenu-toggle" aria-label="Marca" aria-expanded="false" aria-controls="submenu-marca">
    <i class="fas fa-calendar-alt" aria-hidden="true"></i>
    <span>Calendarios</span>
  </button>


<button class="ft-item" id="toggleLiveT-Mobile">
  <i class="bi bi-stopwatch-fill"></i>
  <span>Tiempos</span>
</button>

  
</div>

<!-- Submenus afuera, fijos justo arriba de la barra -->
<div id="submenu-nosotros" class="mobile-submenu" aria-label="Submenú Nosotros" role="menu">
  <a href="https://metasport360.com/Meta360/Quienes-Somos/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Quiénes Somos</a>
  <a href="https://metasport360.com/Meta360/Privacidad/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Políticas de Privacidad</a>
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Contacto</a>
</div>

<div id="submenu-contacto" class="mobile-submenu" aria-label="Submenú Contacto" role="menu">
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Formulario de Contacto</a>
</div>

<div id="submenu-marca" class="mobile-submenu" aria-label="Submenú Marca" role="menu">


<!-- FORMULARIO OCULTO -->
<form id="catForm" action="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" method="POST" style="display:none;">
  <input type="hidden" name="catid" id="catidInput">
</form>

<!-- ENLACES -->

<a href="#" onclick="enviarCategoria(78)" class="LanzaPreload turismopista" 
   data-preload="<p>Cargando Calendario de</p><b class='turismopista'>Turismo Pista</b>">
   Turismo Pista
</a>

<a href="#" onclick="enviarCategoria(17)" class="LanzaPreload turismocarretera" 
   data-preload="<p>Cargando Calendario de</p><b class='turismocarretera'>Turismo Carretera</b>">
   Turismo Carretera
</a>

<a href="#" onclick="enviarCategoria(19)" class="LanzaPreload tnapat" 
   data-preload="<p>Cargando Calendario de</p><b class='tnapat'>TN Apat</b>">
   TN Apat
</a>

<a href="#" onclick="enviarCategoria(1)" class="LanzaPreload formula1" 
   data-preload="<p>Cargando Calendario de</p><b class='formula1'>Fórmula 1</b>">
   Fórmula 1
</a>

<a href="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" class="LanzaPreload" 
   data-preload="<p>Cargando Calendarios</p>">
   Mas...
</a>


<!-- JAVASCRIPT -->
<script>
function enviarCategoria(id) {
    // Construir URL dinámicamente con el id
    const url = "https://metasport360.com/Fechas/" + encodeURIComponent(id) + "/Schedule/2025";
    
    // Redirigir a la URL
    window.location.href = url;
}
</script>


</div>


<script>
  const toggles = document.querySelectorAll('.submenu-toggle');
  const submenus = document.querySelectorAll('.mobile-submenu');

  toggles.forEach(button => {
    button.addEventListener('click', (e) => {
      e.stopPropagation();

      const expanded = button.getAttribute('aria-expanded') === 'true';
      const targetId = button.getAttribute('aria-controls');
      const targetMenu = document.getElementById(targetId);

      if (!targetMenu) return;

      if (expanded) {
        targetMenu.classList.remove('open');
        button.setAttribute('aria-expanded', 'false');
      } else {
        submenus.forEach(m => m.classList.remove('open'));
        toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));

        targetMenu.classList.add('open');
        button.setAttribute('aria-expanded', 'true');
      }
    });
  });

  document.addEventListener('click', (e) => {
    const clickedInsideMenu = [...submenus].some(menu => menu.contains(e.target));
    const clickedToggle = [...toggles].some(btn => btn.contains(e.target));

    if (!clickedInsideMenu && !clickedToggle) {
      submenus.forEach(m => m.classList.remove('open'));
      toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));
    }
  });
  
  
</script>


<script>
const fsDiv = document.getElementById('fullScreenDiv');
const btns = [
    document.getElementById('toggleLiveT'),
    document.getElementById('toggleLiveT-Mobile'),
	document.getElementById('toggleLiveT-Desktop') // Nuevo botón agregado
];

let visible = false;
let originalOverflow = ''; // Guardamos el overflow original del body

btns.forEach(btn => {
    if(btn){ // verificamos que exista el botón
        btn.addEventListener('click', () => {
            if(!visible){
                // Guardar overflow actual y bloquear scroll
                originalOverflow = document.body.style.overflow || '';
                document.body.style.overflow = 'hidden';

                // Mostrar div y animar bajada
                fsDiv.style.display = 'block';
                requestAnimationFrame(() => {
                    fsDiv.classList.add('show');
                });
                visible = true;
            } else {
                // Animar subida
                fsDiv.classList.remove('show');

                // Restaurar overflow original después de la transición
                setTimeout(() => { 
                    fsDiv.style.display = 'none';
                    document.body.style.overflow = originalOverflow;
                }, 500); // coincide con transition
                visible = false;
            }
        });
    }
});
</script>

<!--
<script>
document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        const objetivo = document.getElementById("PreCampeonatos360Container");
        if (!objetivo) return;

        const velocidadVertical = 2; // px por paso vertical
        const intervaloVertical = 2; // ms entre pasos vertical
        const destinoVertical = objetivo.offsetTop + objetivo.offsetHeight - window.innerHeight;

        const scrollInterval = setInterval(function() {
            const posicionActual = window.scrollY;

            if (posicionActual >= destinoVertical) {
                clearInterval(scrollInterval);

                // --- Scroll horizontal programático ---
                const carousel = document.getElementById('PreCampeonatos360Carousel');
                if (!carousel) return;

                // Aseguramos que sea scrollable
                carousel.style.overflowX = "scroll";

                const distanciaTotal = carousel.scrollWidth - carousel.clientWidth; // todo lo que se puede mover
                const duracion = 3000; // ms para recorrer toda la distancia
                const inicio = performance.now();

                function animarScrollHorizontal(timestamp) {
                    const tiempoTranscurrido = timestamp - inicio;
                    const porcentaje = Math.min(tiempoTranscurrido / duracion, 1);
                    carousel.scrollLeft = porcentaje * distanciaTotal;
                    if (porcentaje < 1) {
                        requestAnimationFrame(animarScrollHorizontal);
                    }
                }

                requestAnimationFrame(animarScrollHorizontal);

                return;
            }

            const paso = Math.min(velocidadVertical, destinoVertical - posicionActual);
            window.scrollBy(0, paso);
        }, intervaloVertical);
    }, 3000);
});
</script>


 -->
 
<script>
// ID global
const SIM_ID = 'sim_global';

// Función para obtener pilotos del tab activo
window.obtenerPilotosActivos = function(){
    let tabContent = $(".TablasCampeonatos360Content:visible").first();
    if(tabContent.length === 0) return [];

    let filas = tabContent.find("table.TablaTransparente tbody tr.FilaClickStat");
    let pilotos = [];
    filas.each(function(){
        pilotos.push({
            dorsal: parseInt($(this).data("dorsal")),
            logo: $(this).data("logo"),
            nombre: $(this).data("nombre"),
            clase: $(this).data("clase"),
            categoria: $(this).data("categoria"),
            puntos: parseFloat($(this).find("td:nth-child(8)").text())
        });
    });
    return pilotos.slice(0,10);
};

// Construir selectores dentro del modal
window.construirSelectores = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();

    let pole = root.find(".pole");
    let record = root.find(".record");
    let series = root.find(".seriesBox");
    let finalBox = root.find(".finalBox");

    pole.empty(); record.empty(); series.empty(); finalBox.empty();

    pilotos.forEach(p=>{
        pole.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
        record.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
    });

    pilotos.forEach(p=>{
if (p.clase) {
    if (!isNaN(p.clase)) {
        // Si es numérico
        $("#SimClass").text("Clase " + p.clase);
    } else {
        // Si es texto, limpiar y capitalizar
        let claseLimpia = p.clase
            .replace(/[^a-zA-Z0-9\s]/g, "") // elimina todo lo que no sea letras, números o espacios
            .trim()
            .toLowerCase()
            .replace(/\b\w/g, c => c.toUpperCase()); // capitaliza cada palabra
        $("#SimClass").html('<span class="Simu-claseLimpia">' + claseLimpia + '</span>');
    }
}
		
		series.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
			<select class="SimuSelect2 serie sim" data-dorsal="${p.dorsal}">
				<option value="">&#9660;</option>
				${Array.from({length:20},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
			</select>
		`);


        finalBox.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
                <select class="SimuSelect2 final sim" data-dorsal="${p.dorsal}">
                    <option value="">&#9660;</option>
                    ${Array.from({length:30},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
                </select>
        `);
    });
};

// Recalcular puntos simulados
window.recalcular = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();
    let tabla = pilotos.map(p=>({...p,puntosSim:p.puntos}));

  
const P_POLE = 3,P_RECORD=0,
      P_SERIE = {
        1: 7.5, 2: 6.75, 3: 6, 4: 5.25, 5: 4.5,6: 3.75, 7: 3, 8: 2.25, 9: 1.5
      },
      P_FINAL = {
  1: 60, 2: 55.5, 3: 51, 4: 46.5, 5: 45,
  6: 43.5, 7: 42, 8: 40.5, 9: 39, 10: 37.5,
  11: 36, 12: 34.5, 13: 33, 14: 31.5, 15: 30,
  16: 28.5, 17: 27, 18: 25.5, 19: 24, 20: 22.5,
  21: 21, 22: 19.5, 23: 18, 24: 16.5, 25: 15,
  26: 13.5, 27: 12, 28: 10.5, 29: 9, 30: 7.5,
  31: 4.5, 32: 4.5, 33: 4.5, 34: 4.5, 35: 4.5,
  36: 4.5, 37: 4.5, 38: 4.5, 39: 4.5, 40: 4.5,
  41: 3
      },
      P_LARGA = 3;
		  

// ============================
    // Mostrar reglas al público style="width:40%"
    // ============================
    let reglasHTML = `
    <table class="TablaReglas" style="width:100%; border-collapse:collapse; font-size:0.9rem; text-align:left; color:#fff;">
      <tr><th colspan="2" style="background:#111; color:#0ff; text-align:center; padding:4px;">Reglas de Puntuación</th></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;width:40%;"><div class="SimReglasTitlePuntos">Pole Position</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlockPole">${P_POLE} Pts.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Vuelta Rápida</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlock">${P_RECORD}P.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición en Serie</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_SERIE).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockSerie">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición Final</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_FINAL).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockFinal">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px;"><div class="SimReglasTitlePuntos">Largó</div></td><td style="padding:4px;"><div class="SimReglasTitlePuntosBlockExtra">${P_LARGA} Pts.</div></td></tr>
    </table>`;
    $("#SimReglasAplicadas").html(reglasHTML);
    let pole = root.find(".pole").val(); if(pole) tabla.find(p=>p.dorsal==pole).puntosSim+=P_POLE;
    let rec = root.find(".record").val(); if(rec) tabla.find(p=>p.dorsal==rec).puntosSim+=P_RECORD;

    root.find(".serie").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        if(P_SERIE[pos]) tabla.find(p=>p.dorsal==dorsal).puntosSim+=P_SERIE[pos];
    });

    root.find(".final").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        let obj = tabla.find(p=>p.dorsal==dorsal);
        if(P_FINAL[pos]) obj.puntosSim+=P_FINAL[pos];
        else if(pos) obj.puntosSim+=P_LARGA;
    });

    tabla.sort((a,b)=>b.puntosSim-a.puntosSim);

    let html="";
    tabla.forEach((p,i)=>{
        html += `
<tr>
  <td><div class="pos">${i + 1}</div></td>
  <td><div class="dorsal">${p.dorsal}</div></td>
  <td><div class="logo"><img src="${p.logo}" alt="${p.nombre}" style="height:26px;"></div></td>
  <td><div class="nombre">${p.nombre}</div></td>
  <td><div class="puntos">${p.puntos}</div></td>
  <td><div class="puntosSim"><b>${p.puntosSim.toFixed(1)}</b></div></td>
</tr>`;
    });

    // -------------------------
    // Inserción con efecto persiana (fila por fila)
    // -------------------------
    const $tbody = root.find(".TablaSim tbody");

    // Primero "apagar" filas existentes y luego vaciar (efecto rápido)
    const existingRows = $tbody.find("tr");
    if (existingRows.length) {
        existingRows.stop(true,true).fadeOut(150, function(){ $(this).remove(); });
    } else {
        $tbody.empty();
    }

    // Convertir el HTML acumulado en elementos jQuery (array de <tr>)
    // Usamos un contenedor temporal para parsear correctamente las filas
    const $temp = $("<tbody>").html(html);
    const $rows = $temp.find("tr");

    // Insertar cada fila con un retardo secuencial para crear el efecto "persiana"
    $rows.each(function(index){
        const $row = $(this).hide(); // ocultar antes de insertar
        // demora progresiva (ajustable): 80ms entre filas
        setTimeout(() => {
            $tbody.append($row);
            // fadeIn suave; la fila debería aparecer como persiana
            $row.fadeIn(220);
        }, index * 80);
    });
};


// Escuchar cambios en selectores
$(document).on("change", '#sim_global_wrap .sim', function(){
    recalcular();
});

$(document).ready(function() {

    // Función para abrir el modal
    function abrirModalSimu() {
        construirSelectores();
        recalcular();
        $("#ModalSimu").css({display:'block', opacity:0, top:'50px'})
                        .animate({opacity:1, top:'0px'}, 400);
    }

    // Abrir con Ctrl+K
    $(document).on('keydown', function(e) {
        if (e.ctrlKey && e.key.toLowerCase() === 'k') {
            e.preventDefault();
            abrirModalSimu();
        }
    });

    // Abrir con click en el botón
    $("#btnOpenSim").on('click', function() {
        abrirModalSimu();
    });

});


// CERRAR MODAL (con botón)
$('#btnCloseSim').on('click', function(){
    $("#ModalSimu").animate({opacity:0, top:'50px'}, 400, function(){
        $(this).css('display','none');
    });
});


function SeccionVerCampeonato(serie, clase) {
    var modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    var body  = document.getElementById('MS-Seccion-Modal-Body');
    
    if (!modal || !body) { 
        console.error('Modal elements not found'); 
        return; 
    }

    // Limpiar y mostrar loader bonito
    body.innerHTML = `
        <div class="loading-champ-container">
            <div class="loading-champ">
                <div class="spinner"></div>
                <div class="loading-text">
                    <span>Cargando Campeonato</span>
                    <span class="loading-dots">...</span>
                </div>
                <div class="loading-subtitle">Serie ${serie} � Clase ${clase}</div>
            </div>
        </div>
    `;
    var el;
    el = document.getElementById('MC-logo-img');
	if(el) el.src='https://metasport360.com/Contenido/LogosCat/'+serie+'.png';
	alert('https://metasport360.com/Contenido/LogosCat/'+serie+'.png');
    el = document.getElementById('MC-hero-cat');   if(el) el.textContent='Serie '+serie;
    el = document.getElementById('MC-hero-title'); if(el) el.textContent='Campeonato — Clase '+clase;
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';

    fetch(`../../../test-champ.php?serie=${serie}&clase=${clase}`)
        .then(function(r){ 
            if(!r.ok) throw new Error('HTTP '+r.status); 
            return r.text(); 
        })
        .then(function(html){
            body.innerHTML = html;
            
            // Peque�o delay para que se vea la transici�n
            setTimeout(() => {
                if(typeof initCampeonato === 'function'){
                    initCampeonato(serie, clase);
                }
            }, 80);
        })
        .catch(function(err){
            body.innerHTML = `
                <div style="padding:40px;text-align:center;color:#dc2626;">
                    <i class="bi bi-exclamation-triangle" style="font-size:42px;margin-bottom:12px;display:block;"></i>
                    <strong>Error al cargar</strong><br>
                    ${err.message}
                </div>`;
            console.error(err);
        });
}


let DATA = null;
let pilotoRivalDorsal = null;

function initCampeonato(serie = 78, clase = 1) {

    DATA = null;
    let prevOrder = {};
    let posicionesPorEvento = {};

    fetch(`../../../Contenido/Master-JSON/Campeonato-${serie}-${clase}.json`)
    .then(res => {
        if (!res.ok) throw new Error('Error HTTP: ' + res.status);
        return res.json();
    })
    .then(json => {

        if (!json || !json.campeonato) {
            throw new Error("JSON inválido o incompleto");
        }

        DATA = json;

        generarPosiciones();
        cargarFiltro();
        renderTabla(false);

    })
    .catch(err => {
        console.error(err);
        alert("❌ Error:\n" + err.message);
    });

    // 🔥 CALCULAR POSICIONES POR EVENTO
    function generarPosiciones() {

        posicionesPorEvento = {};

        DATA.eventos.forEach(ev => {
            posicionesPorEvento[ev.id] = {};
        });

        DATA.eventos.forEach(ev => {

            let lista = JSON.parse(JSON.stringify(DATA.campeonato));

            lista.sort((a,b) => {
                const aVal = a.eventos?.[ev.id]?.total ?? 0;
                const bVal = b.eventos?.[ev.id]?.total ?? 0;
                return bVal - aVal;
            });

            lista.forEach((p, index) => {
                const dorsal = p.piloto?.dorsal;
                posicionesPorEvento[ev.id][dorsal] = index + 1;
            });

        });
    }

function cargarFiltro() {
    const dropdown = document.getElementById("filter-dropdown");
    dropdown.innerHTML = `
        <div class="filter-option" data-value="all">
            <span class="filter-option-text">
                <strong>Todas las Fechas</strong><br>
                <span class="fecha">Campeonato General</span>
            </span>
        </div>
    `;

    DATA.eventos.forEach(ev => {
        const fechaFormat = formatFecha(ev.fecha);
        const provincia = ev.provincia || ev.ciudad || 'Argentina';
        const ciudad = ev.ciudad || 'Fecha';
		
		const provinciaSlug = (provincia || '')
			.toLowerCase()
			.normalize('NFD')
			.replace(/[\u0300-\u036f]/g, '') // quita acentos
			.replace(/\s+/g, '');            // quita espacios
		
		const optionHTML = `
			<div class="filter-option" data-value="${ev.id}">
				<img src="https://metasport360.com/Contenido/Provincias/${provinciaSlug}.png" alt="">
				<span class="filter-option-text">
					<strong>${ciudad}</strong> � ${provincia}<br>
					<span class="fecha">${fechaFormat}</span>
				</span>
			</div>
		`;

        dropdown.innerHTML += optionHTML;
    });

    // Event listeners
    setupFilterListeners();
}


function setupFilterListeners() {
    const trigger = document.getElementById("filter-trigger");
    const dropdown = document.getElementById("filter-dropdown");

    // Toggle dropdown
    trigger.addEventListener("click", (e) => {
        e.stopPropagation();
        dropdown.classList.toggle("show");
    });

    // Seleccionar opci�n
    dropdown.addEventListener("click", (e) => {
        const option = e.target.closest(".filter-option");
        if (!option) return;

        const value = option.dataset.value;

        // Actualizar trigger
        const selectedText = document.getElementById("filter-selected-text");
        if (value === "all") {
            selectedText.textContent = "Todas las Fechas � Campeonato General";
        } else {
            selectedText.textContent = option.querySelector("strong").textContent + " � " + option.querySelector(".fecha").textContent;
        }

        // Cerrar dropdown
        dropdown.classList.remove("show");

        // Marcar como activo
        document.querySelectorAll(".filter-option").forEach(opt => opt.classList.remove("active"));
        option.classList.add("active");

        // Renderizar tabla
        renderTabla(true);
    });

    // Cerrar al hacer click fuera
    document.addEventListener("click", () => {
        dropdown.classList.remove("show");
    });
}

	
window.renderTabla = function(animar = false) {
    const cont = document.getElementById("contenedorTabla");
    
    // Obtener el valor seleccionado del dropdown personalizado
    let filtroValue = "all"; // valor por defecto
    
    const activeOption = document.querySelector(".filter-option.active");
    if (activeOption) {
        filtroValue = activeOption.dataset.value || "all";
    }

    let pilotos = JSON.parse(JSON.stringify(DATA.campeonato));
    let eventosAMostrar = DATA.eventos;

    // ====================== FILTRO ACUMULADO ======================
    if (filtroValue !== "all") {
        const idxSeleccionado = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
        
        if (idxSeleccionado !== -1) {
            eventosAMostrar = DATA.eventos.slice(0, idxSeleccionado + 1);

            // Calcular total acumulado
            pilotos.forEach(p => {
                let totalAcumulado = 0;
                eventosAMostrar.forEach(ev => {
                    totalAcumulado += (p.eventos?.[ev.id]?.total ?? 0);
                });
                p.totalFiltro = totalAcumulado;
            });

            pilotos.sort((a, b) => (b.totalFiltro || 0) - (a.totalFiltro || 0));
        }
    } else {
        pilotos.sort((a, b) => (b.total || 0) - (a.total || 0));
    }
    // ============================================================

    const newOrder = {};
    pilotos.forEach((p, i) => newOrder[p.piloto?.dorsal] = i);

    let html = `<div class="Seccion-Tabla">`;

    // ==================== HEADER ====================
    html += `<div class="Seccion-Tabla-Header">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">POS</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var">VAR</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">NRO</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">M</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">PILOTO</div>`;

    eventosAMostrar.forEach(ev => {
        const titulo = `${formatFecha(ev.fecha)} ? ${ev.ciudad || ''}`;
        html += `
            <div class="Seccion-Tabla-Cell CT-evento-header" style="width:145px; min-width:145px; max-width:145px;">
                ${titulo}
            </div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total">TOTAL</div>`;
    html += `</div>`;

    // ==================== SUB-HEADER ====================
    html += `<div class="Seccion-Tabla-SubHeader">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto"></div>`;

    eventosAMostrar.forEach(() => {
        html += `
            <div class="Seccion-Tabla-Cell CT-sub-q-header">Q</div>
            <div class="Seccion-Tabla-Cell CT-sub-s-header">S</div>
            <div class="Seccion-Tabla-Cell CT-sub-f-header">F</div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"></div>`;
    html += `</div>`;

    // ==================== FILAS ====================
    pilotos.forEach((p, i) => {
        const piloto = p.piloto || {};
        const dorsal = piloto.dorsal;
        const dorsalKey = String(dorsal);
        const nombre = `${piloto.nombre ? piloto.nombre[0] + ". " : ""}${piloto.apellido || ''}`;

        // Variaci�n
        let varVal = 0;
        if (filtroValue !== "all") {
            const idxActual = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
            if (idxActual > 0) {
                const idAnterior = DATA.eventos[idxActual - 1].id;
                const posActual = posicionesPorEvento?.[filtroValue]?.[dorsalKey];
                const posAnterior = posicionesPorEvento?.[idAnterior]?.[dorsalKey];
                if (posActual != null && posAnterior != null) {
                    varVal = posAnterior - posActual;
                }
            }
        } else {
            let historial = [];
            DATA.eventos.forEach(ev => {
                const pos = posicionesPorEvento?.[ev.id]?.[dorsalKey];
                if (pos !== undefined) historial.push(pos);
            });
            if (historial.length >= 2) {
                varVal = historial[historial.length - 2] - historial[historial.length - 1];
            }
        }

        let varHtml = "�";
        let varClass = "C-VarEq";
        if (varVal > 0) {
            varHtml = `<strong><i class='bi bi-arrow-up-short'></i></strong><b>${varVal}</b>`;
            varClass = "C-VarUp";
        } else if (varVal < 0) {
            varHtml = `<strong><i class='bi bi-arrow-down-short'></i></strong><b>${Math.abs(varVal)}</b>`;
            varClass = "C-VarDown";
        }

        html += `<div class="Seccion-Tabla-Fila fila" data-dorsal="${dorsal}">`;

        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">${i+1}</div>`;
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var ${varClass}">${varHtml}</div>`;
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">${dorsal}</div>`;

        // Logo
        const logoMarca = (piloto.marca || '').toLowerCase().replace(/\s+/g, '');
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo"><img src="https://metasport360.com/Contenido/Marcas-Brands/${logoMarca}.png" alt="${logoMarca}"></div>`;

        // Piloto
        const _c2 = piloto.categoria || '0', _cl2 = piloto.clase || '0', _d2 = piloto.dorsal || '';
        const _src = (parseInt(_cl2)===0 || _cl2==='') ? `/Scraps/Retratos/${_c2}/${_d2}.png` : `/Scraps/Retratos/${_c2}-${_cl2}/${_d2}.png`;
        const _th = `https://metasport360.com/phpThumb.php?src=${encodeURIComponent(_src)}&w=80&h=100&zc=2&q=80`;

        html += `
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">
                <div class="CT-pil">
                    <div class="CT-pil-thumb"><img src="${_th}" loading="lazy" onerror="this.style.visibility='hidden'"></div>
                    <div class="CT-pil-info">
                        <div class="CT-pil-name">${nombre}</div>
                        <div class="CT-pil-team">${piloto.equipo || ''}</div>
                    </div>
                </div>
            </div>
        `;

        // Resultados por evento
        eventosAMostrar.forEach(ev => {
            const evData = p.eventos?.[ev.id] || {};
            const q = evData.clas ?? 0;
            const s = evData.serie ?? 0;
            const f = evData.final ?? 0;

            html += `<div class="Seccion-Tabla-Cell CT-sub-q">${q > 0 ? q : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-s">${s > 0 ? s : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-f">${f > 0 ? f : '<span class="CT-zero">�</span>'}</div>`;
        });

        const total = filtroValue === "all" ? p.total : (p.totalFiltro || 0);
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"><strong>${total.toFixed(1)}</strong></div>`;

        html += `</div>`;
    });

    html += `</div>`;
    cont.innerHTML = html;

    // Animaci�n
    const tabla = document.querySelector(".Seccion-Tabla");
    if (tabla) tabla.classList.add("show");

    // Click en filas
    setTimeout(() => {
        document.querySelectorAll(".fila").forEach(fila => {
            fila.onclick = () => abrirModalCampeonato(String(fila.dataset.dorsal));
        });
    }, 10);
};
}


function formatFecha(f) {
    const d = new Date(f);
    return d.toLocaleDateString('es-AR', {
        day: '2-digit',
        month: '2-digit'
    });
}


// 🔥 GLOBAL (IMPORTANTE)
/* defined at top */


/* defined at top */


let pilotoActualDorsal = null;


function abrirModalCampeonato(dorsalKey) {

pilotoActualDorsal = dorsalKey; // 🔥 CLAVE

    const piloto = DATA.campeonato.find(p => String(p.piloto?.dorsal) === dorsalKey);
    if (!piloto) return;

    const p = piloto.piloto;

    // HEADER
	
	
    document.getElementById("ModalMarca").innerHTML =
        `${p.marca} ${p.modelo}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;

    document.getElementById("ModalNumero").innerHTML =
        `#${p.dorsal}`;
		
let rutaImg;

if (p.clase == 0) {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}/${p.dorsal}.png`;
} else {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}-${p.clase}/${p.dorsal}.png`;
}

document.getElementById("ModalFoto").innerHTML = '<img src="' + rutaImg + '" alt="#' + p.dorsal + '">';

		
//		

    // STATS
    document.getElementById("ModalTotal").innerHTML = piloto.total.toFixed(1);
    document.getElementById("ModalEquipo").innerHTML = p.equipo || '-';

    // EVENTOS DETALLE
    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        const total = evData?.total ?? 0;

        htmlEventos += `
        <div class="Seccion-Modal-Detalle-Campeonato-Evento">
            <div>${formatFecha(ev.fecha)} - ${ev.ciudad}</div>
            <div><strong>${total}</strong></div>
        </div>`;
    });

    renderEventos(piloto);
	
const stats = calcularStatsPiloto(piloto);

// STATS AVANZADAS
document.getElementById("ModalCarreras").innerHTML = stats.carreras;
document.getElementById("ModalPromedio").innerHTML = stats.promedio.toFixed(2);
document.getElementById("ModalWins").innerHTML = stats.wins;
document.getElementById("ModalPodios").innerHTML = stats.podios;
document.getElementById("ModalPoles").innerHTML = stats.poles;
document.getElementById("ModalRV").innerHTML = stats.recordVtas;
	
	
var modal = document.getElementById("Seccion-Modal-Detalle-Campeonato");
if (!modal) return;
modal.classList.add("show");


// 🔥 doble frame = DOM + layout listos
requestAnimationFrame(() => {
    requestAnimationFrame(() => {
        generarChartCampeonato(piloto);
    });
});
	
	
const select = document.getElementById("ModalVSSelect");
select.innerHTML = `<option value="">-- Seleccionar piloto --</option>`;

DATA.campeonato.forEach(p => {

    const d = String(p.piloto?.dorsal);
    const nombre = `${p.piloto?.nombre?.[0] || ''}. ${p.piloto?.apellido || ''}`;

    // no incluir el mismo piloto
    if (d === dorsalKey) return;

    const opt = document.createElement("option");
    opt.value = d;
    opt.textContent = `#${d} ${nombre}`;

    select.appendChild(opt);
});
	
	
	window.pilotoActual = piloto;

	
}


function setHTML(id, value) {
    const el = document.getElementById(id);

    if (!el) {
        console.error(`❌ No se encontró el elemento: #${id}`);
        return;
    }

    el.innerHTML = value;
}

document.getElementById("ModalVSSelect").onchange = function() {

    const rivalDorsal = this.value;

    // 🔥 SIN RIVAL
    if (!rivalDorsal) {

        limpiarComparacion();

        setHTML("ModalNombreVS", "-");
        setHTML("ModalNumeroVS", "");
        setHTML("ModalFotoVS", "");

        // 🔥 limpiar stats VS
        setHTML("ModalTotalVS", "");
        setHTML("ModalEquipoVS", "");

        renderEventos(window.pilotoActual);

        return;
    }

    // 🔥 BUSCAR RIVAL
    const rival = DATA.campeonato.find(p => String(p.piloto?.dorsal) === rivalDorsal);

    if (!rival) {
        console.warn(`⚠️ No se encontró rival con dorsal: ${rivalDorsal}`);
        return;
    }

    // 🔥 DATOS PRINCIPALES
    setHTML("ModalMarcaVS", `${rival.piloto.marca} ${rival.piloto.modelo}`);
    setHTML("ModalNombreVS", `${rival.piloto.nombre} ${rival.piloto.apellido}`);
    setHTML("ModalNumeroVS", `#${rival.piloto.dorsal}`);

    // 🔥 IMAGEN
    let rutaImg;

    if (rival.piloto.clase == 0) {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}/${rival.piloto.dorsal}.png`;
    } else {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}-${rival.piloto.clase}/${rival.piloto.dorsal}.png`;
    }

    const fotoHTML = `
        <img src="${rutaImg}" alt="#${rival.piloto.dorsal}"
             onerror="this.src='https://metasport360.com/Scraps/Retratos/default.png'">
    `;

    setHTML("ModalFotoVS", fotoHTML);

    // 🔥 STATS BÁSICOS
    setHTML("ModalEquipoVS", rival.piloto.equipo || '-');

    // 🔥 DEBUG EXTRA
    if (!pilotoActualDorsal) {
        console.warn("⚠️ pilotoActualDorsal no está definido");
    }

    if (typeof compararPilotos === "function") {
        compararPilotos(pilotoActualDorsal, rivalDorsal);
    } else {
        console.error("❌ Función compararPilotos no existe");
    }

    if (typeof renderEventos === "function") {
        renderEventos(window.pilotoActual, rival);
    } else {
        console.error("❌ Función renderEventos no existe");
    }
};


const drawLinePlugin = {
    id: 'drawLine',
    beforeDatasetsDraw(chart) {

        const progress = chart._animationProgress ?? 0;

        chart.data.datasets.forEach((dataset, i) => {

            const meta = chart.getDatasetMeta(i);

            meta.data.forEach((point, index) => {

                // 🔥 SI NO HAY PROGRESO → NO DIBUJA
                if (progress === 0) {
                    point.skip = true;
                    return;
                }

                // 🔥 DIBUJO PROGRESIVO REAL
                const limit = Math.floor(meta.data.length * progress);

                point.skip = index > limit;
            });
        });
    }
};

Chart.register(drawLinePlugin);


function generarChartCampeonato(piloto) {

    const labels = [];
    const data = [];

    DATA.eventos.forEach(ev => {
        labels.push(formatFecha(ev.fecha));

        const val = piloto.eventos?.[ev.id]?.total;
        data.push(val > 0 ? val : null); // 🔥 corta línea en carreras no corridas
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [{
                data,

                // 🎨 VISUAL PRO
                borderWidth: 3,
                borderColor: '#00d4ff',
                backgroundColor: 'rgba(0,212,255,0.15)',
                fill: true,

                // 🔥 CURVA PRO
                tension: 0.4,
                cubicInterpolationMode: 'monotone',

                // 🔥 CORTE REAL
                spanGaps: false,

                // 🎯 LIMPIO
                pointRadius: 0,
                pointHoverRadius: 6
            }]
        },
        options: {

            responsive: true,
            maintainAspectRatio: false,

            // 🎯 HOVER PRO
            interaction: {
                mode: 'index',
                intersect: false
            },

            plugins: {
                legend: { display: false },

                // 🧾 TOOLTIP PRO
                tooltip: {
                    backgroundColor: '#000',
                    borderColor: '#333',
                    borderWidth: 1,
                    padding: 10
                }
            },

            scales: {
                x: {
                    ticks: { color: '#aaa' },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                },
                y: {
                    reverse: true, // 🔥 posición real (1 arriba)
                    ticks: {
                        precision: 0,
                        color: '#aaa'
                    },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                }
            },

            // ⚡ ANIMACIÓN PRO
animation: {
    duration: 1200,
    easing: 'easeOutQuart',
    onProgress: (anim) => {
        const chart = anim.chart;

        // 🔥 PROGRESO REAL (0 → 1)
        chart._animationProgress = anim.currentStep / anim.numSteps || anim.current / anim.duration || 1;
    },
    onComplete: (anim) => {
        anim.chart._animationProgress = 1;

        anim.chart.canvas.style.filter =
            "drop-shadow(0 0 6px rgba(255,255,255,0.2))";
    }
}

        }
    });
}


function renderEventos(p1, p2 = null) {

    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const ev1 = p1.eventos?.[ev.id];
        const total1 = ev1?.total ?? 0;

        let total2 = null;

        if (p2) {
            const ev2 = p2.eventos?.[ev.id];
            total2 = ev2?.total ?? 0;
        }

        var _c1_=p2?(total1>total2?'win':total1<total2?'lose':'eq'):'';
        var _c2_=p2?(total2>total1?'win':total2<total1?'lose':'eq'):'';
        htmlEventos+='<div class="MP-ev-row">'
            +'<div class="MP-ev-pts '+_c1_+'">'+ total1 +'</div>'
            +'<div class="MP-ev-date">'+formatFecha(ev.fecha)+' — '+ev.ciudad+'</div>'
            +(p2?'<div class="MP-ev-pts '+_c2_+'">'+total2+'</div>':'')
            +'</div>';

    });

    document.getElementById("ModalEventos").innerHTML = htmlEventos;
}


function calcularStatsPiloto(piloto) {

    let carreras = 0;
    let puntos = piloto.total ?? 0;

    let wins = piloto.pos_finales?.[1] ?? 0;

    let podios = 0;
    for (let i = 1; i <= 3; i++) {
        podios += piloto.pos_finales?.[i] ?? 0;
    }

    let poles = 0;
    let recordVtas = 0;

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        if (!evData) return;

        if (evData.total > 0) carreras++;

        if (evData.clas > 0) poles++;

        if (evData.record == 1) recordVtas++;
    });

    const promedio = carreras > 0 ? puntos / carreras : 0;

    return {
        carreras,
        puntos,
        promedio,
        wins,
        podios,
        poles,
        recordVtas
    };
}


function compararPilotos(d1, d2) {

    const p1 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d1);
    const p2 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d2);

    if (!p1 || !p2) return;

    const s1 = calcularStatsPiloto(p1);
    const s2 = calcularStatsPiloto(p2);

    renderComparacionStats(s1, s2);
    generarChartComparacion(p1, p2);
}


function EscribirDiferenciasLado(valor, lado) {

    // 🔥 asegurar número
    valor = parseFloat(valor);
    if (!valor) return; // 0 o NaN → no hacer nada

    const elA = document.getElementById(`Dif-${lado}-B`);
    const elB = document.getElementById(`Dif-${lado}-A`);

    if (!elA || !elB) {
        console.warn('No se encontraron elementos:', `Dif-${lado}-A`, `Dif-${lado}-B`);
        return;
    }

    // limpiar antes
    elA.style.border = '0px solid rgba(0,255,0,0.8)';;
    elB.style.border = '0px solid rgba(0,255,0,0.8)';;

    if (valor > 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
    } else if (valor < 0) {
        // 👉 gana A
        elB.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
        elA.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
    }
	
    if (valor == 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
    } 
	
	
}


function renderComparacionStats(s1, s2) {
function diff(a, b) {
    const d = a - b;
    const val = Math.abs(d);

    if (d < 0) return `<span style="color:#0f0">+${val}</span>`;
    if (d > 0) return `<span style="color:#f00">-${val}</span>`;
    return `<span style="color:#999">0</span>`;
}


    const html = `

    <div class="VS-Row" id="Dif-Puntos-B">
        <div>Puntos</div>
        <div>${s2.puntos.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.puntos, s2.puntos)}</div>
    </div>
    <div class="VS-Row" id="Dif-Carreras-B">
        <div>Carreras</div>
        <div>${s2.carreras}</div>
        <div class='valuedifchico'>${diff(s1.carreras, s2.carreras)}</div>
    </div>

    <div class="VS-Row" id="Dif-Promedio-B">
        <div>Promedio</div>
        <div>${s2.promedio.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.promedio, s2.promedio)}</div>
    </div>

    <div class="VS-Row" id="Dif-Victorias-B">
        <div>Victorias</div>
        <div>${s2.wins}</div>
        <div class='valuedifchico'>${diff(s1.wins, s2.wins)}</div>
    </div>

    <div class="VS-Row" id="Dif-Podios-B">
        <div>Podios</div>
        <div>${s2.podios}</div>
        <div class='valuedifchico'>${diff(s1.podios, s2.podios)}</div>
    </div>

    <div class="VS-Row" id="Dif-Poles-B">
        <div>Poles</div>
        <div>${s2.poles}</div>
        <div class='valuedifchico'>${diff(s1.poles, s2.poles)}</div>
    </div>

    <div class="VS-Row" id="Dif-RV-B">
        <div>RV</div>
        <div>${s2.recordVtas}</div>
        <div class='valuedifchico'>${diff(s1.recordVtas, s2.recordVtas)}</div>
    </div>
    `;

    // 🔥 PRIMERO renderizar
    document.getElementById("ModalComparacionStats").innerHTML = html;

    // 🔥 DESPUÉS aplicar bordes
    const getNum = (v) => parseFloat(v.replace(/<[^>]*>/g, '').replace('+', ''));

    EscribirDiferenciasLado(getNum(diff(s1.promedio, s2.promedio)), 'Promedio');
    EscribirDiferenciasLado(getNum(diff(s1.carreras, s2.carreras)), 'Carreras');
    EscribirDiferenciasLado(getNum(diff(s1.puntos, s2.puntos)), 'Puntos');
    EscribirDiferenciasLado(getNum(diff(s1.wins, s2.wins)), 'Victorias');
    EscribirDiferenciasLado(getNum(diff(s1.podios, s2.podios)), 'Podios');
    EscribirDiferenciasLado(getNum(diff(s1.poles, s2.poles)), 'Poles');
}


function generarChartComparacion(p1, p2) {

    const labels = [];
    const data1 = [];
    const data2 = [];

    DATA.eventos.forEach(ev => {

        labels.push(formatFecha(ev.fecha));

        const v1 = p1.eventos?.[ev.id]?.total;
        const v2 = p2.eventos?.[ev.id]?.total;

        // 🔥 cortar línea si no corrió
        data1.push(v1 > 0 ? v1 : null);
        data2.push(v2 > 0 ? v2 : null);
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [
                {
                    label: `#${p1.piloto.dorsal}`,
                    data: data1,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                },
                {
                    label: `#${p2.piloto.dorsal}`,
                    data: data2,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                }
            ]
        },
        options: {
            spanGaps: false, // 🔥 refuerzo global

            plugins: {
                legend: {
                    display: true
                }
            },

            scales: {
                y: {
                    reverse: true, // 🔥 mejor posición arriba
                    ticks: {
                        precision: 0
                    }
                }
            }
        }
    });
}


function limpiarComparacion() {

    document.getElementById("ModalComparacionStats").innerHTML = "";

    // volver al chart original
    if (window.pilotoActual) {
        generarChartCampeonato(window.pilotoActual);
    }
}


document.getElementById("filtroFecha").addEventListener("change", function() {
    const box = document.querySelector(".MS-FilterInner");

    box.classList.remove("active");
    void box.offsetWidth; // 🔥 reset animation
    box.classList.add("active");
});


/* defined at top */


function GuardarEditInline() {
    // Selecciona el formulario
    var $form = $("#EditInlineForm");
    
    // Serializa los datos
    var data = $form.serialize();
    
    // Muestra en alert el contenido serializado
    console.log("Datos a enviar:\n" + data);

    // Env�a por AJAX
    $.ajax({
        url: '/GuardaPilotoInline.php',
        type: 'POST',
        data: data,
        success: function(response) {
            // Muestra la respuesta del servidor
            console.log("Respuesta del servidor:\n" + response);

            // Si la respuesta contiene "OK", cerramos el modal
            if (response === "OK") {
                SuperAdminModal_close()
            }
        },
        error: function(xhr, status, error) {
            alert("Error en la petici�n: " + error);
        }
    });
}
</script>


</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
// Sticky Header con JS - Versi�n Fuerte
function initStickyHeader() {
    const container = document.getElementById('contenedorTabla');
    const header = document.querySelector('.Seccion-Tabla-Header');
    
    if (!container || !header) return;

    container.style.position = 'relative';

    container.addEventListener('scroll', () => {
        const scrollTop = container.scrollTop;
        
        if (scrollTop > 45) {
            header.style.position = 'absolute';
            header.style.top = scrollTop + 'px';
            header.style.zIndex = '30';
            header.style.background = '#1a1a1a';
            header.style.boxShadow = '0 4px 12px rgba(0,0,0,0.8)';
        } else {
            header.style.position = 'relative';
            header.style.top = '0';
        }
    });
}

// Llamar despu�s de cada render
window.addEventListener('load', initStickyHeader);

// Sobrescribir renderTabla para que siempre actualice
const oldRender = window.renderTabla;
window.renderTabla = function(animar = false) {
    if (oldRender) oldRender(animar);
    setTimeout(initStickyHeader, 150);
};
</script>


<div class="VideoSplash360">
</div>

<!-- Modal Audio Fullscreen -->
<div id="modalAudio">
  <button class="close-btn" onclick="cerrarModalAudio()">×</button>
  <div id="modalAudioContent">
    <p id="tituloAudio">MetaSport audio</p>
    <audio id="audioPlayer" preload="metadata"></audio>
    <div class="audio-controls">
      <button id="playPauseBtn" class="btn-playpause" title="Play/Pause">
        <i class="bi bi-play-fill"></i>
      </button>
      <div class="progress-container" onclick="setAudioProgress(event)">
        <div class="progress-bar" id="progressBar"></div>
      </div>
      <div class="time" id="currentTime">0:00</div>
      <div class="time" id="durationTime">0:00</div>
    </div>
  </div>
</div>
<!-- VIDEO MODAL -->
<!-- Modal Video Fullscreen -->
<div id="modalVideo">
  <div id="modalVideoContent"></div>
  <button id="btnCerrarModalVideo" onclick="cerrarModalVideo()">Cerrar Video ✕</button>
  
  
</div>


<style>
.GaleriaNoticias-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.GaleriaNoticias-contenedor {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.GaleriaNoticias-slider {
  display: flex;
  transition: transform 0.4s ease;
  height: 100%;
}

.GaleriaNoticias-slider img {
  width: 100vw;
  height: 90vh;
  object-fit: contain;
  flex-shrink: 0;
}

.GaleriaNoticias-cerrar {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}

.GaleriaNoticias-flechas {
  position: absolute;
  width: 100%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  transform: translateY(-50%);
  z-index: 5;
}

.GaleriaNoticias-flecha {
	font-size: 40px;
	color: white;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s;
	background: rgba(0, 0, 0, 0.5);
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius:4px;
	line-height:50px;
}
.GaleriaNoticias-flecha:hover {
  transform: scale(1.2);
}


.GaleriaNoticias-disclaimer {
  font-size: 10px;
  color: #ccc;
  text-align: center;
  padding: 0.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


</style>

<div id="GaleriaNoticias-Fotos" class="GaleriaNoticias-modal">
  <span class="GaleriaNoticias-cerrar" onclick="GaleriaNoticiasCerrar()"><i class="bi bi-x-square"></i></span>

  <div class="GaleriaNoticias-contenedor">
    <div class="GaleriaNoticias-slider"></div>
  </div>

  <div class="GaleriaNoticias-flechas">
    <span class="GaleriaNoticias-flecha izquierda" onclick="GaleriaNoticiasMover(-1)"><i class="bi bi-chevron-compact-left"></i></span>
    <span class="GaleriaNoticias-flecha derecha" onclick="GaleriaNoticiasMover(1)"><i class="bi bi-chevron-compact-right"></i></span>
  </div>
  
<div class="GaleriaNoticias-disclaimer">
  MetaSport360 utiliza estas imágenes únicamente con fines informativos y periodísticos. Algunas pueden estar sujetas a copyright y son propiedad de sus respectivos creadores. Está prohibido reproducir, distribuir o utilizar estas imágenes sin la debida autorización.
</div>
  
  
</div>

<script>
let GaleriaNoticiasFotos = [];
let GaleriaNoticiasIndex = 0;
let GaleriaNoticiasStartX = 0;
let GaleriaNoticiasIsDragging = false;

function GaleriaNoticiasAbrir(fotos) {
  GaleriaNoticiasFotos = fotos;
  GaleriaNoticiasIndex = 0;

  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.innerHTML = '';

  fotos.forEach(foto => {
    const img = document.createElement('img');
    img.src = foto;
    slider.appendChild(img);
  });

  document.getElementById('GaleriaNoticias-Fotos').style.display = 'flex';
  GaleriaNoticiasActualizarSlider();

  // Swipe con Pointer Events (funciona en táctil y mouse)
  slider.onpointerdown = (e) => {
    GaleriaNoticiasStartX = e.clientX;
    GaleriaNoticiasIsDragging = true;
  };

  slider.onpointermove = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    // opcional: se podría mostrar arrastre visual acá
  };

  slider.onpointerup = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    if (Math.abs(diffX) > 50) {
      GaleriaNoticiasMover(diffX > 0 ? -1 : 1);
    }
    GaleriaNoticiasIsDragging = false;
  };

  // Cancelar si se suelta fuera
  slider.onpointercancel = () => GaleriaNoticiasIsDragging = false;
}

function GaleriaNoticiasCerrar() {
  const modal = document.getElementById('GaleriaNoticias-Fotos');
  const slider = document.querySelector('.GaleriaNoticias-slider');

  // Ocultar modal
  modal.style.display = 'none';

  // Limpiar imágenes y eventos
  slider.innerHTML = '';
  slider.onpointerdown = null;
  slider.onpointermove = null;
  slider.onpointerup = null;
  slider.onpointercancel = null;
}

function GaleriaNoticiasMover(direccion) {
  GaleriaNoticiasIndex += direccion;
  if (GaleriaNoticiasIndex < 0) GaleriaNoticiasIndex = GaleriaNoticiasFotos.length - 1;
  if (GaleriaNoticiasIndex >= GaleriaNoticiasFotos.length) GaleriaNoticiasIndex = 0;
  GaleriaNoticiasActualizarSlider();
}

function GaleriaNoticiasActualizarSlider() {
  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.style.transform = `translateX(-${GaleriaNoticiasIndex * 100}vw)`;
}
</script>


<!-- JS Funciones Modales -->
<script>
$(document).ready(function(){
  setTimeout(function(){
    $("#swipeOverlay").fadeIn(500, function(){
      // Después de mostrarlo, espera otros 3s y se oculta
      setTimeout(function(){
        $("#swipeOverlay").fadeOut(500);
      }, 3000);
    });
  }, 3000); // Espera 3s ANTES de mostrar
});
  function compartirNota(titulo, texto, url) {
    if (navigator.share) {
      navigator.share({
        title: titulo,
        text: texto,
        url: url
      }).then(() => {
        console.log("Compartido con éxito");
      }).catch((error) => {
        console.error("Error al compartir:", error);
      });
    } else {
      if (navigator.clipboard) {
        navigator.clipboard.writeText(url).then(() => {
          alert("Enlace copiado al portapapeles.");
        });
      } else {
        prompt("Copiá el siguiente link:", url);
      }
    }
  }
  
  
const modalVideo = document.getElementById('modalVideo');
const modalVideoContent = document.getElementById('modalVideoContent');

function abrirModalVideo(urlVideo) {
  modalVideo.style.display = 'flex';

  setTimeout(() => {
    modalVideoContent.innerHTML = '';

    if (!urlVideo) return;

    const esMp4 = urlVideo.toLowerCase().endsWith('.mp4');

    if (esMp4) {
      // Es video mp4 (local o remoto)
      // Si no es URL absoluta, asumimos archivo local y le agregamos dominio + path
      let videoSrc = urlVideo;
      if (!videoSrc.startsWith('http://') && !videoSrc.startsWith('https://')) {
        videoSrc = "https://metasport360.com/Contenido/Videos/" + videoSrc;
      }
      const video = document.createElement('video');
      video.src = videoSrc;
      video.autoplay = true;
      video.controls = false;
      video.playsInline = true;
      modalVideoContent.appendChild(video);
      video.play().catch(() => {});

    } else {
      // No es mp4, puede ser YouTube o inválido
      const ytRegex = /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)/;
      const ytMatch = urlVideo.match(ytRegex);

      if (ytMatch) {
        const videoId = ytMatch[1];
        const iframe = document.createElement('iframe');
        iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1`;
        iframe.allow = 'autoplay; fullscreen; picture-in-picture';
        iframe.allowFullscreen = true;
        modalVideoContent.appendChild(iframe);

      } else {
        const msg = document.createElement('div');
        msg.style.color = 'white';
        msg.style.padding = '20px';
        msg.textContent = 'Formato de video no soportado.';
        modalVideoContent.appendChild(msg);
      }
    }
  }, 50);
}

  function cerrarModalVideo() {
    modalVideo.style.display = 'none';
    modalVideoContent.innerHTML = ''; // Limpiar para evitar flashes y pausar todo
  }
  const modal = document.getElementById('modalAudio');
  const audio = document.getElementById('audioPlayer');
  const playPauseBtn = document.getElementById('playPauseBtn');
  const progressBar = document.getElementById('progressBar');
  const currentTimeEl = document.getElementById('currentTime');
  const durationTimeEl = document.getElementById('durationTime');
  const tituloAudio = document.getElementById('tituloAudio');

  // Formatea segundos a mm:ss
  function formatTime(seconds) {
    const m = Math.floor(seconds / 60);
    const s = Math.floor(seconds % 60);
    return m + ':' + (s < 10 ? '0' : '') + s;
  }
const CFG_Domain = "https://metasport360.com";
function abrirModalAudio(urlAudio, titulo = '') {
  // Verifica si es una URL absoluta (contiene https)
  const isAbsolute = urlAudio.startsWith('http://') || urlAudio.startsWith('https://');

  // Si no es absoluta, construye la ruta completa
  const finalUrl = isAbsolute ? urlAudio : `${CFG_Domain}/Contenido/Audios/${urlAudio}`;

  // Asigna y prepara audio
  audio.src = finalUrl;
  audio.load();
  modal.style.display = 'flex';

  // Mostrar título
  tituloAudio.textContent = titulo;

  // Reset UI
  progressBar.style.width = '0%';
  currentTimeEl.textContent = '0:00';
  durationTimeEl.textContent = '0:00';
  updatePlayPauseIcon(false);

  // Reproducir
  audio.play();
}


  function cerrarModalAudio() {
    audio.pause();
    audio.currentTime = 0;
    modal.style.display = 'none';
  }

  function updatePlayPauseIcon(isPlaying) {
    const icon = playPauseBtn.querySelector('i');
    if (isPlaying) {
      icon.classList.remove('bi-play-fill');
      icon.classList.add('bi-pause-fill');
    } else {
      icon.classList.remove('bi-pause-fill');
      icon.classList.add('bi-play-fill');
    }
  }

  playPauseBtn.addEventListener('click', () => {
    if (audio.paused) {
      audio.play();
    } else {
      audio.pause();
    }
  });

  audio.addEventListener('play', () => {
    updatePlayPauseIcon(true);
  });

  audio.addEventListener('pause', () => {
    updatePlayPauseIcon(false);
  });

  audio.addEventListener('timeupdate', () => {
    if (audio.duration) {
      const progressPercent = (audio.currentTime / audio.duration) * 100;
      progressBar.style.width = progressPercent + '%';
      currentTimeEl.textContent = formatTime(audio.currentTime);
      durationTimeEl.textContent = formatTime(audio.duration);
    }
  });

  function setAudioProgress(event) {
    const width = event.currentTarget.clientWidth;
    const clickX = event.offsetX;
    const duration = audio.duration;

    if (duration) {
      audio.currentTime = (clickX / width) * duration;
    }
  }


function ToqueUsuario(accion, id) {
  fetch('AccionUsuario.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: 'accion=' + accion + '&id=' + id
  })
  .then(response => response.json())
  .then(data => {
    if (data && typeof data.total !== 'undefined') {
      const icono = document.querySelector(`.Corazoncito[data-id='${id}'] i`);
      const contador = document.querySelector(`.Corazoncito[data-id='${id}'] .contador-likes`);

      if (data.total > 0) {
        // Cambiar a ícono relleno
        icono.classList.remove('bi-heart');
        icono.classList.add('bi-heart-fill', 'text-primary');

        // Actualizar contador o crearlo si no existe
        if (contador) {
          contador.textContent = data.total;
        } else {
          const nuevoContador = document.createElement('span');
          nuevoContador.className = 'contador-likes';
          nuevoContador.textContent = data.total;
          icono.parentNode.appendChild(nuevoContador);
        }

        // Reproducir sonido
        const sonido = document.getElementById('likeSound');
        if (sonido) {
          sonido.currentTime = 0; 
          sonido.play();
        }

        // Animación parpadeo verde
        icono.classList.add('parpadeo-verde');
        setTimeout(() => {
          icono.classList.remove('parpadeo-verde');
        }, 600); // igual a la duración de la animación
      }
    }
  });
}

</script>
<script>
(() => {
  const toggles = document.querySelectorAll(".theme-toggle");
  const styleLink = document.getElementById("360-Style-Sheet");
  const savedTheme = localStorage.getItem("360-Style-Theme") || "light";

  function applyTheme(theme) {
    document.documentElement.setAttribute("data-theme", theme);
    localStorage.setItem("360-Style-Theme", theme);

    // Agregar clase temporal para transición segura 
    document.body.classList.add("theme-transition");

    // Cambiar CSS
    styleLink.href = "https://metasport360.com/360-CSS-" + theme + ".css?var=" + new Date().getTime();

    // Forzar reflow
    document.body.offsetHeight;

    // Reinicializar librerías si es necesario
    if (typeof AOS !== "undefined") {
      setTimeout(() => AOS.refreshHard(), 300);
    }

    // Remover clase temporal
    setTimeout(() => {
      document.body.classList.remove("theme-transition");
    }, 400);

    toggles.forEach(toggle => toggle.setAttribute("data-theme", theme));
  }

  applyTheme(savedTheme);

  toggles.forEach(toggle => {
    toggle.addEventListener("click", () => {
      const current = toggle.getAttribute("data-theme");
      const next = current === "light" ? "dark" : "light";
      applyTheme(next);
    });
  });
})();


</script>


<script src="https://metasport360.com/jquery.countdown.js"></script> 
<script async src="//www.instagram.com/embed.js"></script>
<script async src="https://www.tiktok.com/embed.js"></script>

    </main>

    <div data-rocket-location-hash="199d9418b8b1b403025731029a5d202e" style="display: none;"></div>

            <script type="text/javascript" id="jkd-main-js-extra">
            /* <![CDATA[ */
            var jkd_ajax = {"ajaxurl":"https:\/\/\/meta-admin\/meta-ajax.php"};
            var jkd_main = {"set":{"general-rtl-toggle":false,"scroll-top-button-toggle":true,"color-switcher-toggle":true,"gen-col-schm":"light","social-list":[{"social_text":"Facebook","social_icon":"icon-facebook","social_custom_icon":"","social_counter":"849","social_color":"#415e9b","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Dribbble","social_icon":"icon-dribbble","social_custom_icon":"","social_counter":"843","social_color":"#df5188","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Youtube","social_icon":"icon-youtube","social_custom_icon":"","social_counter":"574","social_color":"#f60002","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Linkedin","social_icon":"icon-linkedin","social_custom_icon":"","social_counter":"431","social_color":"#0073ae","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Discord","social_icon":"icon-instagram","social_custom_icon":"","social_counter":"851","social_color":"#de2462","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Twitch","social_icon":"icon-twitch","social_custom_icon":"","social_counter":"325","social_color":"#9146ff","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"}],"error-page-links":true,"branding-logotype":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","branding-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/05\/fabula-white.svg","branding-mini-logotype":"","branding-mini-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2022\/04\/logo-white.svg","branding-copyright":"\u00a9{year} Fabula, Inc. All rights reserved","footer-social-part-toggle":true,"footer-copyright-part-toggle":true,"footer-widgets-part-toggle":true,"footer-menu-part-toggle":true,"blog-categories-catalogue-main-page":"12198","blog-pagination":true,"blog-pagination-type":"load-more","blog-archive-pagination-alignment":"center","nav-tg":true,"nav-h":"80","nav-mob-h":"60","nav-logo-tg":true,"nav-logo-w":"100","nav-logo-mob-w":"35","nav-bk-on":true,"nav-nav-sf-tg":true,"cat-mg-tg":true,"cat-mg-cnt":"7","cat-mg-post-cnt":"12","cat-mg-alert-tg":true,"cat-mg-ldmr-tg":true,"nav-off-sb-on":true,"nav-crt-st":"offcanv","nav-mb-cp-tg":true,"nav-mb-sc-tg":true,"sf-ajax-tg":true,"sf-alert-tg":true,"sf-lt-tg":true,"sf-tags-tg":true,"sf-tags-count":"20","sf-voice-tg":true,"single-post-style":"simple","single-post-progressbar":true,"single-post-views":true,"single-post-likes":true,"single-post-bookmark":true,"single-post-recent":true,"single-post-recent-style":"list","single-post-recent-by":"categories","single-post-number-of-recent-items":"6","single-post-navigation":true,"single-post-navigation-style":"fixed","single-post-reactions":true,"single-post-comments":true,"single-post-comments-ajax":true,"single-post-comments-pagination-type":"default","single-post-comments-style":"default","single-post-share-toggle":true,"single-post-banner-alignment":"bottom","single-post-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-matheus-bertelli-799443-scaled.jpg","single-post-banner-text":"Hurry up! Get 25% off now for a limited time offer.","single-post-banner-button-text":"Learn More","shop-style":"default","shop-pagination-type":"load-more","shop-pagination-alignment":"center","shop-number-of-grid-column":"3","shop-items-offset":"15","shop-number-of-items":"12","shop-cross-sells-products":true,"shop-number-of-cross-sells-items":"5","shop-banner-toggle":true,"shop-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-scandinavian-biolabs-8466547-scaled.jpg","shop-banner-text":"Hurry up! Get 25% off now for a limited time offer.","shop-banner-button-text":"Learn More","shop-product-zoom-toggle":true,"shop-related-products":true,"shop-number-of-related-items":"5","shop-upsells-products":true,"shop-number-of-upsells-items":"5","shop-single-product-summary-alignment":"right","career-share-toggle":true,"career-share-list":["twitter","facebook","linkedin","email"],"typo-heading-font":"gf-poppins","typo-text-font":"gf-poppins","default_color_scheme_bg_color":"#f0ebe3","color_scheme_primary_color":"#ff4e18","default_color_scheme_bg_color_secondary":"#e6e0d8","color_scheme_border_color":"#443c32","default_color_scheme_heading_color":"#443c32","default_color_scheme_text_color":"#443c32","col_schm_primary_color":"#654a4e","default_col_schm_bg_color":"#f0ebe3","default_col_schm_bg_color_secondary":"#e6e0d8","default_col_schm_text_color":"#443c32","default_col_schm_heading_color":"#443c32","col_schm_border_color":"#161519","def_col_schm_bg_color":"#f0ebe3","def_col_schm_bg_color_secondary":"#e6e0d8","def_col_schm_text_color":"#443c32","def_col_schm_heading_color":"#cf9042","def_schm_text_color":"#797c7f","def_schm_heading_color":"#161519","def_schm_bg_color":"#e4ded4","def_schm_bg_color_secondary":"#ffffff","dk_schm_bg_color":"#161519","dk_schm_bg_color_secondary":"#4813e5","dk_schm_text_color":"#797c7f","dk_schm_heading_color":"#ffffff","dk_schm_dk_color":"#161519","dk_schm_placeholder_color":"#868380","def_schm_dk_color":"#161519","t-ban-offr":"u26a1 Flash Sale! 30% OFF! Grab Your Must-Haves Now!  #MegaDeals ","p-rw-st":"progress","p-rw-col":{"p-rw-col-2":"#3e418d","p-rw-col-3":"#5558b8","p-rw-col-4":"#7c7fda","p-rw-col-5":"#b2b5ff","p-rw-col-ic":"#000000","p-rw-col-1":"#2a2c63"},"t-ban-lb":"Hot","t-ban-btn-url":"https:\/\/themeforest.net\/user\/knightleystudio","ft-footer":true,"ft-form":true,"ft-form-ttl":"Subscribe for the Latest Updates Delivered Straight to Your Inbox","ft-form-subttl":"Get the latest updates delivered to your inbox","ft-form-code":"[mc4wp_form id=10131]","ft-widgets":true,"ft-copyright":true,"ft-social":true,"ft-add-menu":true,"p-rw-ttl-1":"Poor","p-rw-ttl-2":"Fair","p-rw-ttl-3":"Good","p-rw-ttl-4":"Excellent","p-rw-ttl-5":"Amazing","footer-instagram":"[instagram-feed feed=5]","mini-logo":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","mini-logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","arch-header":true,"arch-header-brcrmb":true,"arch-header-title":true,"arch-header-desc":true,"arch-header-nav":true,"p-hdr-style":"st-1","arch-pagination-type":"default","error-pg-ttl":"Oops! Page not Found.","error-pg-subttl":"Here are some helpful links instead:","typo-h-multi":"100","nav-rand-post-tg":true,"t-ban-tg":true,"t-ban-btn":"Learn More","arch-catalogue-page":"12198","arch-bookmarks-page":"16427","arch-bookmarks-title":"Your Bookmarks","arch-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-bookmarks-page":"16427","blog-catalogue-page":"12198","blog-bookmarks-title":"Your Bookmarks","blog-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-grid-style":"posts-grid-type-3","blog-grid-columns":"3","blog-grid-offset":"10","blog-sidebar":true,"blog-sidebar-alignment":"left","blog-pag-type":"default","blog-pag-algn":"center","blog-header":true,"blog-header-brcrmb":true,"blog-header-title":true,"blog-header-desc":true,"blog-header-nav":true,"typo-mt-multi":"100","nav-col-switch-tg":true,"nav-sf-tg":true,"nav-cart-tg":true,"blog-bk-page":"16427","blog-bk-title":"Your Bookmarks","blog-bk-subtitle":"Your Curated Bookmarks Page","sp-share-shortcode":"[addtoany]","toc-tg":true,"general-rtl-tg":false,"scroll-top-button-tg":true,"typo-txt-multi":"100","p-ttl-tag":"h1","p-brdcrmb-tg":true,"p-subttl-tg":true,"p-cat-tg":true,"p-tags-tg":true,"p-auth-tg":true,"p-rt-tg":true,"p-date-tg":true,"p-com-tg":true,"p-view-tg":true,"p-like-tg":true,"p-bk-tg":true,"p-rw-tg":true,"p-sb-tg":true,"p-rec-tg":true,"p-news-tg":true,"p-bio":false,"sp-ban-tg":true,"sp-ban-alignment":"top","sp-ban-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/01\/steve-johnson-bNEga8u4kUs-unsplash-scaled.jpg","sp-ban-text":"Hurry up! Get 10% off now u23f3 for a limited time offer! ud83cudf89","sp-ban-button-text":"Learn More","sp-ban-button-link":"#","sp-share-toggle":true,"p-news-ttl":"Stay Informed with Our Newsletter","p-news-sub-ttl":"<p>Get the latest updates delivered to your inbox<\/p>","p-news-form-shortcode":"[mc4wp_form id=10131]","shop-pag-type":"default","shop-pag-alignment":"left","shop-zoom-tg":true,"shop-related-tg":true,"shop-rel-items":"5","shop-upsells-tg":true,"shop-upsells-items":"5","p-nav":true,"p-rec-grid-style":"posts-grid-type-3","p-rec-cnt":"6","p-rw-emoji":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/10\/white-medium-star-1.svg","read-also-count":"7","blog-grid-masonry":true,"p-rec-col":"2","gen-lqip-tg":true,"blog-category-on":true,"blog-date-on":true,"blog-author-on":true,"blog-bk-on":true,"blog-rw-on":true,"blog-rd-on":true,"blog-like-on":true,"blog-view-on":true,"blog-comments-on":true,"blog-share-on":true,"blog-excerpt-on":true,"ft-insta-btn-text":"Follow Us @fabulatheme","ft-insta-btn-link":"https:\/\/www.instagram.com\/jkd_demo_insta\/","ft-insta":true,"ft-insta-btn":true,"arch-grid-masonry":true,"arch-grid-st":"posts-grid-type-2","arch-sidebar":true,"arch-sidebar-algn":"left","arch-grid-thumb-on":true,"arch-grid-cat-on":true,"arch-grid-date-on":true,"arch-grid-auth-on":true,"arch-grid-bk-on":true,"arch-grid-rw-on":true,"arch-grid-com-on":false,"arch-grid-share-on":true,"arch-grid-excerpt-on":true,"arch-grid-off":"10","arch-bk-page":"16427","arch-bk-title":"Your Bookmarks","arch-bk-subtitle":"Easily access and manage your saved articles and posts.","p-info-bar-tg":true,"top-btn-tg":true,"only-post-search-tg":true,"arch-bk-sub-menutitle":" Easily revisit your favorite content anytime","animations-tg":true,"arch-bk-submenu-title":"Your personal collection of saved posts and articles","p-sb-alg":"right","arch-rw-page":"24556","arch-rw-title":"Reviews","arch-rw-submenu-title":"Authentic reviews and insights","arch-bk-image":24816,"arch-rw-image":24817,"arch-cat-lb-st":"st-4","p-rw-ic":"plus","read-also-tg":true,"read-also-txt":"Read Also:","read-also-by":"random","sp-top-btn-tg":true,"p-act-tg":true,"p-cat-lb-st":"st-3","p-rec-count":"8","p-rec-grid-col":"2","p-rec-grid-off":"10","p-rec-grid-st":"posts-grid-type-7","p-ads-tg":false,"p-ad-sb-img":19299,"p-ad-cont-top-img":25916,"p-ad-cont-bot-img":25916,"p-ad-post-bot-img":25916,"p-ad-sb-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-top-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-post-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","cs-gen":{"pr-col":"#ff652c","b-col":"rgba(152, 152, 152, 0.4)","b-col-wh":"rgba(255, 255, 255, 0.25)"},"cs-lh":{"bg-col":"#ffffff","bg-col-sec":"#f4f3f3","h-col":"#000000","txt-col":"#4a4a4a","b-col-def":"#d6d6d6"},"cs-dk":{"bg-col":"#34363a","bg-col-sec":"#28292a","h-col":"#ffffff","txt-col":"#c7c7c7","b-col-def":"#545756"},"content-width":"780","sb-form-tg":false,"sb-form-sh":"[mc4wp_form id=10131]","sb-form-ttl":"Stay Updated!","sb-form-subttl":"Subscribe to get the latest blog posts, news, and updates delivered straight to your inbox.","p-sticky-tg":false,"gen-fixed-soc-tg":true,"sb-form-img":27150,"arch-grid-col":"1","smooth-scrolling-tg":false,"p-cus-com-tg":false,"p-com-spoiler-tg":true,"p-cus-com-fb-id":"1235898684349501","p-cus-com-disqus":false,"p-cus-com-disqus-id":"jkdevstudio","p-cus-com-fb":false,"logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","disable_emojis":true,"disable_embeds":true,"disable_jquery_migrate":true,"disable_dashicons":true,"remove_query_strings":true,"disable_rss_feeds":true,"disable_xmlrpc":true,"elementor_optimization":true,"nav-col-switch-mob-tg":true,"gen-col-schm-sys":true,"arch-grid-activity-on":true,"arch-grid-like-on":true,"arch-grid-views-on":true,"nav-cat-sub-thumb-on":true,"nav-cat-sub-cat-on":true,"nav-cat-sub-lb-st":"st-1","nav-cat-sub-ttl-tag":"h6","nav-cat-sub-date-on":true,"nav-cat-sub-auth-on":true,"nav-cat-sub-bk-on":true,"nav-cat-sub-activity-on":true,"nav-cat-sub-rw-on":false,"nav-cat-sub-com-on":false,"nav-cat-sub-like-on":true,"nav-cat-sub-views-on":true},"reg_nonce":"915aa16638"};
            var jkd_lm_049e177 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19672\",\"22879\",\"23063\"],\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_859341c = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19668\",\"19671\",\"20872\"],\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"20\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_395a50c = {"set":"{\"masonry_on\":\"yes\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":12,\"sizes\":[]},\"show_pagination\":\"yes\",\"exc_lng\":{\"unit\":\"px\",\"size\":20,\"sizes\":[]},\"grid_type\":\"posts-grid-type-2\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"dynamic_pag\":\"yes\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"spacing_between_columns_mobile\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"isShortcode\":true,\"ttl_tag\":\"h4\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"pagination_type\":\"default\",\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"specific_posts\":\"\",\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_f83cfd1 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"posts_sorting\":\"likes\",\"_border_border\":\"none\",\"_border_width\":{\"unit\":\"px\",\"top\":\"1\",\"right\":\"1\",\"bottom\":\"1\",\"left\":\"1\",\"isLinked\":true},\"_border_color\":\"#98989866\",\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"activity_on\":\"\",\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"20\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"like_on\":null,\"view_on\":null,\"comments_on\":null,\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_d2c84c8 = {"set":"{\"grid_type\":\"posts-grid-type-5\",\"ttl_tag\":\"h5\",\"cat_st\":\"st-4\",\"posts_sorting\":\"sticky\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":2,\"sizes\":[]},\"isShortcode\":true,\"masonry_on\":\"no\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"posts_count\":{\"unit\":\"px\",\"size\":6,\"sizes\":[]},\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
            /* <![CDATA[ */
            var eztoc_smooth_local = {"scroll_offset":"130","add_request_uri":"","add_self_reference_link":""};
            /* ]]> */
        </script>
<!--        
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js" fetchpriority="high" src="https://metasport360.com/Meta_files/smooth_scroll.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-js-cookie-js" fetchpriority="high" src="https://metasport360.com/Meta_files/js.cookie.min(1).js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-jquery-sticky-kit-js" fetchpriority="high" src="https://metasport360.com/Meta_files/jquery.sticky-kit.min.js.descarga" data-rocket-status="executed">
        
 -->        
        
        
        </script>
        <script type="text/javascript" id="ez-toc-js-js-extra">
            /* <![CDATA[ */
            var ezTOC = {"smooth_scroll":"1","scroll_offset":"130","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-js-js" fetchpriority="high" src="https://metasport360.com/Meta_files/front.min.js.descarga" data-rocket-status="executed"></script>

        <script type="text/javascript" id="rocket-preload-links-js-extra">
            /* <![CDATA[ */
            var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/my-account\/??(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/metasport360.com","onHoverDelay":"100","rateThrottle":"3"};
            /* ]]> */
        </script>


        <script type="text/javascript" id="elementor-frontend-modules-js" fetchpriority="high" src="https://metasport360.com/Meta_files/frontend-modules.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="jquery-ui-core-js" fetchpriority="high" src="https://metasport360.com/Meta_files/core.min.js.descarga" data-rocket-status="executed"></script>


<script>
document.addEventListener('DOMContentLoaded', function () {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    // Ocultar preloader tras 5s como fallback
    const fallbackTimeout = setTimeout(() => hidePreloader(), 5000);

    // Intentamos ocultar al cargar la ventana, pero no bloquea
    window.addEventListener('load', function () {
        clearTimeout(fallbackTimeout);
        hidePreloader();
    });

    // Mostrar mensaje guardado de la página anterior (si existe)
    const savedMsg = sessionStorage.getItem('preloadMessage');
    if (savedMsg) {
        showPreloaderMessage(savedMsg);
        sessionStorage.removeItem('preloadMessage');

        // Ocultar automáticamente después de 1.5 segundos
        setTimeout(() => hidePreloader(), 1500);
    }

    // Capturamos clics en enlaces con clase LanzaPreload
    document.addEventListener('click', function (e) {
        const link = e.target.closest('.LanzaPreload');
        if (link) {
            const preloadHtml = link.dataset.preload;
            if (preloadHtml) {
                let preloadMsg = preloader.querySelector('.preload-message');
                if (!preloadMsg) {
                    preloadMsg = document.createElement('div');
                    preloadMsg.className = 'preload-message';
                    preloadMsg.style.color = '#fff';
                    preloadMsg.style.textAlign = 'center';
                    preloadMsg.style.marginTop = '15px';
                    spinner.insertAdjacentElement('afterend', preloadMsg);
                }
                preloadMsg.innerHTML = preloadHtml;

                // Guardamos el mensaje para la nueva página
                sessionStorage.setItem('preloadMessage', preloadHtml);
            }

            // Mostrar preloader inmediatamente
            preloader.classList.remove('hidden');
			// Cerrar todos los submenús con id que empiece por "submenu-"
			const submenus = document.querySelectorAll('[id^="submenu-"].open');
			submenus.forEach(submenu => {
				submenu.classList.remove('open');
			});
			
        }
    });
});

function showPreloaderMessage(msg) {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    let preloadMsg = preloader.querySelector('.preload-message');
    if (!preloadMsg) {
        preloadMsg = document.createElement('div');
        preloadMsg.className = 'preload-message';
        preloadMsg.style.color = '#fff';
        preloadMsg.style.textAlign = 'center';
        preloadMsg.style.marginTop = '15px';
        spinner.insertAdjacentElement('afterend', preloadMsg);
    }
    preloadMsg.innerHTML = msg;
    preloader.classList.remove('hidden');
    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
	
}


function showPreloader() {
    const preloader = document.getElementById('Meta360-Preloader');
    preloader.classList.remove('hidden');
	alert('sdfsdfsdf');

    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
}


function hidePreloader() {
    document.getElementById('Meta360-Preloader').classList.add('hidden');
}
</script>


    <link rel="stylesheet" id="sbi_styles-css" href="https://metasport360.com/Meta_files/sbi-styles.min.css" type="text/css" media="all">

</body>

</html>