<!--


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


                                                                                                                       ################                                                                                                             
                                                                                                                               ###########                                                                                                          
                                                                                                                   ##############  ##########                                                                                                       
                                                                                                                ####################  ########                                                                                                      
                                                                                                             ###########           ### #########                                                                                                    
                                                                                                           #########                    #########                                                                                                   
                                                                                                         #########                       #########                                                                                                  
                                                                                                       #########                          ########                                                                                                  
                                                                                                      ########                             ########                                                                                                 
                                                                                                          ##                                     #                                                                                                  
    ############          ########### ######################## ########################         ##########           #####################   #######################      #####################   #######################   ########################
    ############         ############ #################################################       ############         ########################  #########################  ######################## ######################### #########################
   ##############      ###################################### ########################      ###############       ######################### ########################## ######################### ######################### ######################## 
   ###############   ############### ########                        ########              #################      ########        ######### ########        ######### #########        #################         #########         ########         
  ################ ######################################            ########            ###################     #######################   ########         ######### ########        ######### ########        #########         ########          
  ################################# #####################           #########           #####################     ######################## ######################### #########        ###################################         ########          
 ######### ############## #################                         ########          #######################                    ##################################  ########        ######### #########################         ########           
 ########  #############  ######## ########################        #########         #########################  ######################### #######################   ####################################################         ########           
#########   ##########   #################################         ########        ############################ ######################## ########                   ######################### ########        #########         ########            
########     #######     ######## ########################        #########      ##########           ######### ######################   ########                    ######################  ########         #########         ########            
########     ######     ######## ########################         ########      ##########            ##########   ################      #######                        ###############      ########         ########         ########             
                                                                                                 #######                             #########                                                      ########        ########       #########        
                                                                                                  ######                            ##########                                                     ###   #####    ####    ##     #####   ####       
                                                                                                   #######                         ##########                                                              ###  ###             ###        ###      
                                                                                                    #######                       ##########                                                              ###   ##             ###         ###      
                                                                                                     #########                  ###########                                                         ########   ############   ###         ###       
                                                                                                    ##  #################     ###########                                                               ####   ###       ###  ###         ###       
                                                                                                      ####  ###########    ############                                                                   ### ###        ###  ###        ###        
                                                                                                        #############################                                                                    ###  ###       ###   ###       ####        
                                                                                                          ########################                                                              ###########    ##### #####     ###########          
                                                                                                              ################                                                                  ########         ######          #######          
                                                                                                              
    
/*
 * 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 - ADELANTE HAMILTON Y P16 PARA COLAPINTO</title> 
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="description" content="MetaSport360: En marcha el Gran Premio de Gran Bretaña con la primera práctica libre en donde Lewis Hamilton con la Ferrari fue el más rápido y...">
<link rel="canonical" href="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto" />

<!-- ✅ 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 | ADELANTE HAMILTON Y P16 PARA COLAPINTO</title>
<meta name="description" content="En marcha el Gran Premio de Gran Bretaña con la primera práctica libre en donde Lewis Hamilton con la Ferrari fue el más rápido y Franco Colapinto con el Alpine fue 16°" />
<link rel="canonical" href="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto" />

<!-- Open Graph -->

<!-- Open Graph -->
<meta property="og:locale" content="es_AR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="MetaSport360 | ADELANTE HAMILTON Y P16 PARA COLAPINTO" />
<meta property="og:description" content="En marcha el Gran Premio de Gran Bretaña con la primera práctica libre en donde Lewis Hamilton con la Ferrari fue el más rápido y Franco Colapinto con el Alpine fue 16°" />
<meta property="og:url" content="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto" />
<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="2025-07-04 11:56:00" />
<meta property="article:modified_time" content="2025-07-04 11:56:00" />
<meta property="og:image" content="https://metasport360.com/Contenido/Imagenes/lewishamiltonf1silverstone.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 | ADELANTE HAMILTON Y P16 PARA COLAPINTO" />
<meta name="twitter:description" content="En marcha el Gran Premio de Gran Bretaña con la primera práctica libre en donde Lewis Hamilton con la Ferrari fue el más rápido y Franco Colapinto con el Alpine fue 16°" />
<meta name="twitter:image" content="https://metasport360.com/Contenido/Imagenes/lewishamiltonf1silverstone.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/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto">
<link rel="dns-prefetch" href="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto">
<link rel="dns-prefetch" href="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto">
<link href="https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto" rel="preconnect">

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

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

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

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

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

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


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


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


<style>

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

}


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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    </style>
    
<!--


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


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


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

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

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


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


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


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

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

        .cky-hide {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 440px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .cky-switch {
            display: flex;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 352px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.ultimahora {
}

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

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

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

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

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


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


metalogo {
}


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


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


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


body{
	overflow-x:hidden !important;
}


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


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


}


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

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

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


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


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

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


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

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

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

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

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

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

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

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


</style>

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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

              </div>
            </ul>

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


        </div>

    </div>

</div>

    </div>
</li>
    
    
   -->   

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

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

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

  </ul>
  

</div>
      

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

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

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

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

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

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

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


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


</style>

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


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

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

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

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

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

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

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

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

</script>

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

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

#nav360-logo {
  height: 35px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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


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


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


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


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

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

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

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

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


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


<a href="https://metasport360.com" class="LanzaPreload" data-preload="&nbsp;&nbsp;">
            <!-- Logos normales que cambian con el tema -->
        <img class="logo-movil logo-movil-light" 
             src="https://metasport360.com/Meta_files/fabula.svg" 
             width="209" height="50" 
             alt="MetaSport360 - ADELANTE HAMILTON Y P16 PARA COLAPINTO">
        <img class="logo-movil logo-movil-dark" 
             src="https://metasport360.com/Meta_files/fabulab.svg" 
             width="209" height="50" 
             alt="MetaSport360 - ADELANTE HAMILTON Y P16 PARA COLAPINTO">
    </a>


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


</style>

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


  </div>
</nav>

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

    </div>
</li>

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

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

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


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

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

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

            <style>
.media-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

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

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

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

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

.MediaArticulo.left {
  left: 0.5rem;
}

.MediaArticulo.right {
  right: 0.5rem;
}

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

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

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


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

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


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


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


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


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

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

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


  .TablaReproductor td {
	border:none !important;
  }

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

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


</style>


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

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

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

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

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


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

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


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


</style>

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

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

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

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

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

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

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

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

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

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

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


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


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

          </ul>

        </div>

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

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

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

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

</style>

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

  <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmetasport360.com%2FPrensa%2F324%2FContenido%2Fadelante-hamilton-y-p16-para-colapinto"
     target="_blank" rel="noopener noreferrer" class="share-btn fb">
     <i class="bi bi-facebook"></i> <b>Facebook</b>
  </a>

  <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmetasport360.com%2FPrensa%2F324%2FContenido%2Fadelante-hamilton-y-p16-para-colapinto&text=ADELANTE+HAMILTON+Y+P16+PARA+COLAPINTO"
     target="_blank" rel="noopener noreferrer" class="share-btn tw">
     <i class="bi bi-twitter-x"></i>X
  </a>

  <a href="https://wa.me/?text=ADELANTE+HAMILTON+Y+P16+PARA+COLAPINTO+https%3A%2F%2Fmetasport360.com%2FPrensa%2F324%2FContenido%2Fadelante-hamilton-y-p16-para-colapinto"
     target="_blank" rel="noopener noreferrer" class="share-btn wa">
     <i class="bi bi-whatsapp"></i> <b>WhatsApp</b>
  </a>

  <button onclick="navigator.clipboard.writeText('https://metasport360.com/Prensa/324/Contenido/adelante-hamilton-y-p16-para-colapinto')" class="share-btn cp">
    <i class="bi bi-copy"></i>Copiar Enlace
  </button>
</div>
</div>
<div class="VariasCats">


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

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


<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 11 meses</div>
</div>
</div>	
</div>              
              
              
                <h1 style="font-weight:700;">
                  ADELANTE HAMILTON Y P16 PARA COLAPINTO                  <span class="ez-toc-section-end"></span>
                </h1>
              </div>
            </div>
            
                        <div class="elementor-element" data-id="4fa8f8e" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="textoBajada" style="text-align:left !important;">
              
                <p>En marcha el Gran Premio de Gran Bretaña con la primera práctica libre en donde Lewis Hamilton con la Ferrari fue el más rápido y Franco Colapinto con el Alpine fue 16°.</p>                
              </div>
            </div>

<div class="elementor-element elementor-element-bdfa99e elementor-widget elementor-widget-image" data-id="bdfa99e" data-element_type="widget" data-widget_type="image.default">
  <div class="elementor-widget-container">
  <img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/lewishamiltonf1silverstone.jpg&amp;w=1920&amp;h=1080&amp;q=100&amp;zc=1" alt="ADELANTE HAMILTON Y P16 PARA COLAPINTO" />
     <!-- .media-slider -->
  </div> <!-- .elementor-widget-container -->
</div> <!-- .elementor-element -->


            <div class="elementor-element elementor-element-32df04a elementor-widget elementor-widget-text-editor" data-id="32df04a" data-element_type="widget" data-widget_type="text-editor.default">
              <div class="textoblancomain" style="text-align:left !important; min-height:1100px;">
              
<p>Inició la decimosegunda fecha en Silverstone con la practica libre y Lewis Hamilton, el máximo ganador en el circuito con nueve victorias, arrancó de buena manera y lideró. Con la Ferrari registró un tiempo de 1m26s892 probando neumáticos medios y sobre el final los blandos.</p><p>Detrás se ubicaron los McLaren, que están con un diseño cromado mezclado con el tradicional naranja para este fin de semana. Lando Norris a +0.023 y Oscar Piastri a +0.150 de Hamilton. Charles Leclerc con la Ferrari a +0.203 y George Russell con el Mercedes a +0.271 cerraron el Top5.</p><p>El argentino terminó probando con carga alta pensando en ritmo de carrera, algo que se verá más firme en la segunda práctica. En sus primeras vueltas con neumáticos medios se colocó 11° y giró en 1m29s187, a +0.3 de su compañero. Para la segunda y última parte calzó los blandos, giró en 1m28s086 y le permitió meterse dentro de los diez primeros. Pero todos fueron mejorando sus registros con los blandos y finalmente quedó en la 16° posición a +1.194 de la punta. De todos modos, Franco completo un buen arranque mostrándose más competitivo y por delante de Gasly que quedó a +0.246 de Colapinto.</p><p>La segunda práctica será a las 12:00h.</p><p>FOTO: Getty Images.</p>
              
            <div class="BannerAdsShow" style="padding:45px !important; width:95% !important;">
            <img src="https://placehold.co/900x100?text=Publicidad+en+Internacionales+-+Formula 1+-++-+" alt="Publicidad Internacionales" width="900" height="100">
            </div>


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


</div>
            </div>

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

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

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

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

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

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

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

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

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

  
<article class="grid-item p-art pos-rel post-13511 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13511/Contenido/lecuona-regresa-a-motogp-con-gresini" class="ttl-link" title="LECUONA REGRESA A MOTOGP CON GRESINI">LECUONA REGRESA A MOTOGP CON GRESINI</a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 días</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2118/Page/1" 
                   class="cat-lb cat-lb-st-4 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/2124/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>
                
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/leuona.png&w=400&h=100&q=100&zc=1" alt="LECUONA REGRESA A MOTOGP CON GRESINI" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				Iker Lecuona, piloto oficial de Ducati en WorldSBK, sustituirá a Álex Márquez en el Gran Premio de Hungría                <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="13511">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13511)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('LECUONA REGRESA A MOTOGP CON GRESINI', 'Iker Lecuona, piloto oficial de Ducati en WorldSBK, sustituirá a Álex Márquez en el Gran Premio de Hungría', 'https://metasport360.com/Prensa/13511/Contenido/lecuona-regresa-a-motogp-con-gresini')"></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\/leuona.png&h=900&q=100&zc=1"])'></i>
      </span>

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

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

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


<article class="grid-item p-art pos-rel post-13447 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13447/Contenido/el-joven-quot-kimi-quot-se-hace-grande-en-miami" class="ttl-link" title="EL JOVEN &quot;KIMI&quot; SE HACE GRANDE EN MIAMI">EL JOVEN &quot;KIMI&quot; SE HACE GRANDE EN MIAMI</a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace un mes</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2118/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload formula1" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='formula1'>Formula 1</b>"
                >
                   Formula 1                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2124/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>
                
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/kimi2.png&w=400&h=100&q=100&zc=1" alt="EL JOVEN &quot;KIMI&quot; SE HACE GRANDE EN MIAMI" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				Andrea Kimi Antonelli con el Mercedes se llevó el triunfo en el Gran Premio de Miami. Los McLaren de Lando Norris y Oscar Piastri lo escoltaron. Colapinto fue séptimo, en su mejor resultado en la Formula 1                <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="13447">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13447)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('EL JOVEN &quot;KIMI&quot; SE HACE GRANDE EN MIAMI', 'Andrea Kimi Antonelli con el Mercedes se llevó el triunfo en el Gran Premio de Miami. Los McLaren de Lando Norris y Oscar Piastri lo escoltaron. Colapinto fue séptimo, en su mejor resultado en la Formula 1', 'https://metasport360.com/Prensa/13447/Contenido/el-joven-quot-kimi-quot-se-hace-grande-en-miami')"></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\/kimi2.png&h=900&q=100&zc=1","https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/franco-colapinto-alpine.png&h=900&q=100&zc=1"])'></i>
      <span class="Iconos-Horizontales-contador contador-foto">2</span>
      </span>

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

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

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


<article class="grid-item p-art pos-rel post-13429 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13429/Contenido/kimi-y-mercedes-pole-y-contando" class="ttl-link" title="KIMI Y MERCEDES, POLE Y CONTANDO ">KIMI Y MERCEDES, POLE Y CONTANDO </a>
			</div>
            

<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace un mes</div>
</div>
        <div style="display: flex; gap: 5px; padding:5px;">
		            <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2118/Page/1" 
                   class="cat-lb cat-lb-st-4 LanzaPreload formula1" 
                   data-preload="<p>Cargando-listado de noticias de</p><b class='formula1'>Formula 1</b>"
                >
                   Formula 1                </a>
            </span>
                
                    <span class="hero-360-badge-top">
                <a 
                   href="https://metasport360.com/Meta360/2124/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>
                
                
                </div>

						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/kimi.png&w=400&h=100&q=100&zc=1" alt="KIMI Y MERCEDES, POLE Y CONTANDO " />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				Andrea Kimi Antonelli se quedó con la clasificación del GP de Miami superando a Max Verstappen y Charles Leclerc. Franco Colapinto cerró un gran sábado con un 8vo puesto                <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="13429">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13429)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('KIMI Y MERCEDES, POLE Y CONTANDO ', 'Andrea Kimi Antonelli se quedó con la clasificación del GP de Miami superando a Max Verstappen y Charles Leclerc. Franco Colapinto cerró un gran sábado con un 8vo puesto', 'https://metasport360.com/Prensa/13429/Contenido/kimi-y-mercedes-pole-y-contando')"></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\/kimi.png&h=900&q=100&zc=1","https:\/\/metasport360.com\/phpThumb.php?src=Contenido\/Imagenes\/franco-colapinto-alpine.png&h=900&q=100&zc=1"])'></i>
      <span class="Iconos-Horizontales-contador contador-foto">2</span>
      </span>

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

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

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


            </div>
            

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

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

</style>


<article class="grid-item p-art pos-rel post-13515 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13515/Contenido/comenzaron-las-pruebas-en-la-plata" class="ttl-link">COMENZARON LAS PRUEBAS EN LA PLATA</a>
			</div>
            

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

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

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

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

</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/tnc3.jpg&w=400&h=100&q=100&zc=1" alt="COMENZARON LAS PRUEBAS EN LA PLATA" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				La jornada de hoy fue aprovechada por Jonatan Castellano, Gonzalo Antolín y Horacio Evolo para llevar a cabo sus pruebas preparatorias de cara al Gran Premio elf - Copa Crossmater, quinta fecha que se llevará a cabo el próximo fin de semana, en el Autódromo Roberto Mouras (La Plata)                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

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

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

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


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


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

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

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

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('COMENZARON LAS PRUEBAS EN LA PLATA', 'La jornada de hoy fue aprovechada por Jonatan Castellano, Gonzalo Antolín y Horacio Evolo para llevar a cabo sus pruebas preparatorias de cara al Gran Premio elf - Copa Crossmater, quinta fecha que se llevará a cabo el próximo fin de semana, en el Autódromo Roberto Mouras (La Plata)', 'https://metasport360.com/Prensa/13515/Contenido/comenzaron-las-pruebas-en-la-plata')"></i>

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

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

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


<article class="grid-item p-art pos-rel post-13514 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13514/Contenido/en-la-plata-luego-de-cinco-anos" class="ttl-link">EN LA PLATA LUEGO DE CINCO AÑOS</a>
			</div>
            

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

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

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

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

</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/tnc2.jpg&w=400&h=100&q=100&zc=1" alt="EN LA PLATA LUEGO DE CINCO AÑOS" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El Gran Premio elf - Copa Crossmaster de TN Clase 2 y Clase 3 se disputará el próximo fin de semana en el Autódromo Roberto Mouras, a donde la categoría más federal del deporte motor regresará luego de cinco años sin competencias oficiales                <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

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

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

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


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


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

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

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

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('EN LA PLATA LUEGO DE CINCO AÑOS', 'El Gran Premio elf - Copa Crossmaster de TN Clase 2 y Clase 3 se disputará el próximo fin de semana en el Autódromo Roberto Mouras, a donde la categoría más federal del deporte motor regresará luego de cinco años sin competencias oficiales', 'https://metasport360.com/Prensa/13514/Contenido/en-la-plata-luego-de-cinco-anos')"></i>

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

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

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


<article class="grid-item p-art pos-rel post-13513 post type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-audio tag-electronics tag-headphones pmpro-has-access">
	<div class="in-wrp pos-rel p-bd o-hd w-100 d-f ai-s aos-init aos-animate" data-aos="jkd-fade-up">
		<div class="d-f d-col ai-s w-100-d alturaitems">
			
			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13513/Contenido/" class="ttl-link">VALENTIN LARROSA LLEGA A LA CLASE DOS CON EL JUÁREZ COMPETICI�<rsc>N</a>
			</div>
            

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

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

    <span class="hero-360-badge-top">
      <a href="https://metasport360.com/Meta360/2122/Page/1" class="cat-lb cat-lb-st-4 turismopistac2">
        Turismo Pista C2      </a>
    </span>


</div>


						<div class="media-item mb-3" style="margin-bottom: 10px;">
				
					<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/larrosa.jpg&w=400&h=100&q=100&zc=1" alt="VALENTIN LARROSA LLEGA A LA CLASE DOS CON EL JUÁREZ COMPETICI�<rsc>N" />
				
			</div>
			
			<div class="BajadaClean" style="margin-bottom: 10px;">
				El piloto de Villa María volverá al Turismo Pista para hacer su estreno en la divisional intermedia.                <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="13513">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13513)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('VALENTIN LARROSA LLEGA A LA CLASE DOS CON EL JUÁREZ COMPETICI�<rsc>N', 'El piloto de Villa María volverá al Turismo Pista para hacer su estreno en la divisional intermedia.', 'https://metasport360.com/Prensa/13513/Contenido/')"></i>

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

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

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


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

<script>


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

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


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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

    updateIcons();
  });
});
</script>
        </div>

        
<style>
#fullScreenDiv {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100vw;
    height: 100vh;
    color: #fff;
    z-index: 9999;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
    transition: top 0.5s ease;
}
#fullScreenDiv.show {
    top: 0;
}
</style>

<button  style="
    position: fixed;
    top: 60px;
    right: 50px;
    z-index: 10000;
    padding: 10px 15px;
    background: green;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 10px;
    display:none;
    z-index:9;
    zoom:1.5;
">
    <i class="bi bi-stopwatch-fill"></i> Tiempos En Vivo
</button>


    <div id="fullScreenDiv">
        <style>
#Div-360-Live{
    display:flex;
    flex-direction:column;
    height:100%;
    width:100%;
    overflow:hidden !important;
}
.Div-360-Live-Marca {
    height: 40px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    font-size: 38px;
    font-weight: 900;
    color: #C9C9C9;
    text-transform: uppercase;
    margin-top: -10px !important;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.Div-360-Live-Marca img {
    height: 40px;
    width: auto;
    margin-right: 15px;
}

.LiveFlag5{ color: #FFF!important; background-color: #F09!important; }
.LiveFlag0{ color: #FFF!important; background-color: #093!important; }
.LiveFlag2{ color: #FFF!important; background-color: #F00!important; }
.LiveFlag1{ color: #000!important; background-color: #F90!important; }
.LiveFlag3{ color: #fff!important; background-color: #000!important; }

  #cerrarmodallive {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
    background-color: #dc3545; /* Fondo rojo (color bootstrap 'danger') */
    color: white; /* Color del texto blanco */
    border: none; /* Sin borde */
    border-radius: 4px; /* Bordes redondeados */
    font-size: 15px; /* Tamaño de fuente 15px */
    font-weight: 500; /* Peso de fuente 500 */
    padding: 8px 16px; /* Espaciado interno para que el botón tenga tamaño adecuado */
    text-align: center; /* Texto centrado */
    cursor: pointer; /* Cambia el cursor al pasar por encima */
    transition: background-color 0.3s ease; /* Suaviza el cambio de color al pasar el ratón */
  }

  #cerrarmodallive:hover {
    background-color: #c82333; /* Cambio de color de fondo en hover */
  }

.inbox {
    border-radius: 3px!important;
    background-color: #e5be01!important;
    color: black!important;
    text-transform: uppercase; /* Texto en mayúsculas */
    text-align: center; /* Centrar el texto */
font-weight: 600!important;
    padding: 0 10px; /* Padding a los costados (izquierda y derecha) */
    font-size: 10px; /* Tamaño de texto */
    max-height: 15px; /* Altura máxima del elemento */
    overflow: hidden; /* Asegura que no se desborde si el texto es demasiado largo */
    width: 5%; /* Ancho del 6% */
    margin-right: 3%; /* Margen derecho del 2% */
}
.Div-360-Live-Top-Todos {
    overflow-y: auto; /* Forzar scroll vertical si el contenido se desborda */
    max-height: 100%; /* O establece una altura específica si quieres limitar el tamaño visible */
}
/* Top 3 */
#Div-360-Live-Top-3{
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index:999999999999999999999999999;
}

/* RESTO CON SCROLL */
#Div-360-Live-Top-Todos{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
	z-index:222;
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:3px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
    background: transparent;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background: #00ffff;
    border-radius: 2px;
}
.Live-Cell-Dif{width:5%!important; color:#F90; text-align:center;}
</style>

<div id="Div-360-Live-Listado" style="display:none;zoom:0.3; background-color:#FFC; position:absolute; z-index:99999999999999999999;"></div>


<!-- Botón de cierre con el icono de "X" de Bootstrap -->
<button id="cerrarmodallive" class="btn btn-sm btn-danger" style="position: absolute; top: 5px; right: 5px; z-index: 9999;">
  CERRAR
</button>

<script>
  // Función que simula el clic en el botón toggleLiveT
  function clickToggleLiveT() {
    const toggleButton = document.getElementById('toggleLiveT');
    if (toggleButton) {
      toggleButton.click();
      //console.log("Botón toggleLiveT clickeado");
    } else {
      //console.log("El botón toggleLiveT no se encuentra en la página.");
    }
  }

  // Event listener para el botón cerrarmodallive
  const closeButton = document.getElementById('cerrarmodallive');
  closeButton.addEventListener('click', function() {
    //console.log("Botón de cerrar clickeado");
    clickToggleLiveT(); // Llamar a la función para hacer clic en toggleLiveT
  });
</script>


<div id="Div-360-Live-Marca" class="Div-360-Live-Marca">
    <img src="https://metasport360.com/assets/images/msdata.svg" alt="MS Data">
    TIEMPOS EN VIVO  
    <input type="hidden" id="DataCL" value=""
       style="width:150px; height:25px; float:left; position:relative; background-color:#ccc !important; color:#000; border:1px solid #999; text-align:center; font-size:12px;">
</div>

<div id="Div-360-Live">
    <div id="Div-360-Live-Header">
        <div id="Div-360-Live-Select">
            <p><span class="spanoculto">Seleccione un</span> <b class="spanmayus">evento:</b></p>
                            <div class="tab-row">
                    <div class="tab-button" 
                         id="ds39" 
                         data-event="F813B5D27E829A52-2147485028" 
                         data-serie="39">
                        <img src="https://metasport360.com/Contenido/LogosCat/39.png" alt="logo">
                        <span class="LiveSpanSelect">TC PickUp</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="39"
                                data-event="F813B5D27E829A52-2147485028"
                                onclick="seleccionarEvento('F813B5D27E829A52-2147485028','39')">
                            <img src="https://metasport360.com/Contenido/LogosCat/39.png" 
                                 alt="TC PickUp">
                        </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}-39"></div>
            <div class="cell Live-Cell-Pos">${entry.lbpos}</div>
            <div class="cell Live-Cell-Dorsal"><span>${entry.no}</span></div>
            <div class="cell Live-Cell-Piloto">${nombreCompleto}</div>
            <div class="cell Live-Cell-Clase">${entry.cl}</div>
            <div class="cell Live-Cell-Equipo">${equipo}</div>
            <div class="cell Live-Cell-Marca" style="display:flex; align-items:center;">${logo}<span style="margin-left:5px;">${marca}</span></div>
            <div class="cell Live-Cell-UltVuelta ${lapClass}">${lapDisplay}</div>
            <div class="cell Live-Cell-Vueltas">${entry.ls}</div>
            <div class="cell Live-Cell-Total">${entry.tTm||''}</div>
            <div class="cell Live-Cell-Dif">${entry.df||''}</div>
            ${sectorHtml}
        `;
        if(i<5) top3.appendChild(row); else topTodos.appendChild(row);
        newPositions[entry.no]=entry.lbpos;
    });
    lastPositions=newPositions;

    // --- Solo actualizar Top3 si hay al menos 5 pilotos ---
    if(top3Nombres.length >= 5){
        await UpdateTop3Pilotos("0", currentSerie, top3Nombres);
    }

    // Mejores sectores y puntero
    if(data.l && data.l.length>0){
        let bestSectors={};
        data.l.forEach(entry=>{ Object.keys(entry).forEach(k=>{ if(/^s\d+$/.test(k)){ const time=parseFloat(entry[k]); if(!isNaN(time)){ if(!bestSectors[k] || time<bestSectors[k].time) bestSectors[k]={time, piloto: entry.nam, numero: entry.no}; } } }); });
        Object.keys(bestSectors).forEach(sk=>{
            const el=document.getElementById("Best"+sk.toUpperCase());
            if(el){ const sectorNum=sk.match(/\d+$/)?sk.match(/\d+$/)[0]:''; el.innerHTML=`<div class="NombreSector">SECTOR ${sectorNum}</div><div class="DorsalPiloto">${bestSectors[sk].numero}</div><div class="NombrePiloto">${(bestSectors[sk].piloto.split(' ').slice(-1)[0] || '').substring(0,6).toUpperCase()}</div><div class="TiempoPiloto">${bestSectors[sk].time.toFixed(3)}</div>`; }
        });

        const puntero = data.l.find(p=>parseInt(p.lbpos)===1);
        if(puntero){ const punteroEl = document.getElementById('Puntero'); if(punteroEl){ punteroEl.innerHTML=`<h1>LIDER DE LA SESION</h1><div class="record-line"><div class="record-number">${puntero.no}</div><div class="record-name">${puntero.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${puntero.btTm}</h3>`; } }

        const record = data.l.find(p=>p.ibt===true);
        if(record){ const recordEl = document.getElementById('Record'); if(recordEl){ recordEl.innerHTML=`<h1>VUELTA RAPIDA</h1><div class="record-line"><div class="record-number">${record.no}</div><div class="record-name">${record.nam}</div></div><h3><i class="bi bi-stopwatch-fill"></i> ${record.btTm}</h3>`; } }
    }
}


// --- Tabs ---
document.querySelectorAll('.tab-button').forEach(btn=>{
    btn.addEventListener('click', async ()=>{
        document.querySelectorAll('.tab-button').forEach(b=>b.classList.remove('active'));
        btn.classList.add('active');
        document.getElementById("Div-360-Live-Top-3").innerHTML ="";
        document.getElementById("Div-360-Live-Top-Todos").innerHTML = `
<div style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center;">
    <div style="border: 4px solid #f3f3f3; border-top: 4px solid #33C; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 10px;"></div>
    <div style="color: green; text-align: center;">Conectando al evento solicitado...</div>
</div>
<style>
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
</style>
`;
        currentEvent=btn.dataset.event;
        currentSerie=btn.dataset.serie;
        lastPositions={};
        localStorage.setItem('lastSerie', currentSerie);
        actualizarEspias(currentSerie);
        await UpdateDriverTags("0", currentSerie);
        if(socket && socket.readyState===1){
            socket.send(JSON.stringify({action:"subscribe", event:currentEvent, serie:currentSerie}));
        }
    });
});


// --- Inicialización ---
window.addEventListener('load', async ()=>{
            currentEvent = localStorage.getItem('lastEvent') || "0";
        currentSerie = localStorage.getItem('lastSerie') || "0";
        await UpdateDriverTags("0", currentSerie);
        initWebSocket();
    });
</script>
    </div>


<div id="MS-Seccion-Modal-Campeonato" class="MS-Seccion-Modal">  
    <div class="MS-Seccion-Modal-Content">
        <div class="MS-Seccion-Modal-Header">
            <span id="MS-Seccion-Modal-Titulo"></span>
            <button onclick="cerrarModal()">✖</button>
        </div>

        <div id="MS-Seccion-Modal-Body"><style>
/* CHAMPIONSHIP TABLE — Versión Elegante y Minimal v4 */
.MS-Seccion-Select-Fecha { display: none !important; }

/* Contenedor Principal */
#contenedorTabla {
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
    overflow-x: auto;
    font-family: "Saira Condensed", system-ui, sans-serif;
    background: #f8f9fc;
    scrollbar-width: thin;
}

#contenedorTabla::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#contenedorTabla::-webkit-scrollbar-thumb {
    background: #cbd2e0;
    border-radius: 3px;
}

/* Tabla */
.Seccion-Tabla {
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding-top: 48px;
    min-width: max-content;
}
.Seccion-Tabla.show { opacity: 1; }

/* Header Fijo */
.Seccion-Tabla-Header {
    position: fixed;
    top: 30px;
    z-index: 30;
    display: flex;
    background: #ffffff;
    border-bottom: 2px solid #1e2a44;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    min-width: max-content;
}

.Seccion-Tabla-Header .Seccion-Tabla-Cell {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    color: #64748b;
    text-transform: uppercase;
    padding: 6px 8px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 1px solid #e2e8f0;
    background: #ffffff;
}

/* Filas */
.Seccion-Tabla-Fila {
    display: flex;
    height: 32px;
    min-height: 32px;
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e6eaf2;
    transition: all 0.2s ease;
    cursor: pointer;
}

.Seccion-Tabla-Fila:nth-child(even) {
    background: #f8fafc;
}

.Seccion-Tabla-Fila:hover {
    background: #1e2937;
    transform: translateX(2px);
}

/* Hover - Texto claro */
.Seccion-Tabla-Fila:hover .Seccion-Tabla-Cell {
    color: #e2e8f0;
}

/* Celdas Base */
.Seccion-Tabla-Cell {
    padding: 0 8px;
    font-size: 13px;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e2e8f0;
    height: 32px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Columnas específicas */
.Seccion-Tabla-Pos {
    width: 46px;
    font-weight: 700;
    color: #475569;
    font-size: 13.5px;
}

.Seccion-Tabla-Var { width: 52px; font-size: 12px; }
.Seccion-Tabla-Nro { width: 58px; font-weight: 800; letter-spacing: 0.5px; }

.Seccion-Tabla-Piloto {
    min-width: 170px;
    justify-content: flex-start;
    font-weight: 600;
    padding-left: 12px;
}

.Seccion-Tabla-Logo {
    width: 32px;
    justify-content: center;
}
.Seccion-Tabla-Logo img {
    height: 22px;
    width: 22px;
    object-fit: contain;
}

/* Total */
.Seccion-Tabla-Total {
    width: 88px;
    font-size: 15.5px;
    font-weight: 900;
    background: #f1f5f9;
    border-left: 2px solid #64748b;
    color: #0f172a;
}

/* Top 3 */
.Seccion-Tabla-Fila:nth-child(2) .Seccion-Tabla-Pos { color: #d97706; }
.Seccion-Tabla-Fila:nth-child(3) .Seccion-Tabla-Pos { color: #64748b; }
.Seccion-Tabla-Fila:nth-child(4) .Seccion-Tabla-Pos { color: #b45309; }

/* ====================== COLUMNA EVENTO (Q/S/F) ====================== */
.Seccion-Tabla-Ev {
    width: 138px;
    min-width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border-right: 1px solid #e2e8f0;
}

.TooltipRow {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 3px;
}

/* Badges Sobrios */
.TooltipLabel {
    font-size: 11.5px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 2px;
    min-width: 22px;
    text-align: center;
    line-height: 1;
}

/* Colores muy suaves y elegantes */
.TooltipRow .TooltipLabel:nth-child(1) {    /* Q - Clasificación */
    background: #dbeafe;
    color: #1e40af;
}
.TooltipRow .TooltipLabel:nth-child(1)::after {
    content: "Q";
    font-size: 9px;
    display: block;
    color: #2563eb;
    margin-top: 1px;
}

.TooltipRow .TooltipLabel:nth-child(3) {    /* S - Serie */
    background: #fef3c7;
    color: #854d0e;
}
.TooltipRow .TooltipLabel:nth-child(3)::after {
    content: "S";
    font-size: 9px;
    display: block;
    color: #ca8a04;
}

.TooltipRow .TooltipLabel:nth-child(5) {    /* F - Final */
    background: #d1fae5;
    color: #166534;
}
.TooltipRow .TooltipLabel:nth-child(5)::after {
    content: "F";
    font-size: 9px;
    display: block;
    color: #15803d;
}

.TooltipValue {
    font-size: 13px;
    font-weight: 400;
    color: #334155;
    min-width: 18px;
    text-align: center;
}

/* Hover en evento */
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(1) { background: #1e3a8a; color: #dbeafe; }
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(3) { background: #854d0e; color: #fef9c3; }
.Seccion-Tabla-Fila:hover .TooltipLabel:nth-child(5) { background: #166534; color: #d1fae5; }

.Seccion-Tabla-Fila:hover .TooltipValue {
    color: #e2e8f0;
}

/* Variación */
.C-VarUp { color: #15803d !important; }
.C-VarDown { color: #b91c1c !important; }
.C-VarEq { color: #64748b !important; }

/* Responsive */
@media (max-width: 1024px) {
    .Seccion-Tabla-Ev { width: 110px; min-width: 110px; }
}

@media (max-width: 768px) {
    .Seccion-Tabla-Ev {
        width: 78px;
        min-width: 78px;
    }
    .TooltipLabel { font-size: 10px; padding: 1px 4px; }
    .TooltipValue { font-size: 12px; }
    .Seccion-Tabla-Piloto { min-width: 130px; }
}
</style>

<div class="MS-Seccion-Select-Fecha">
  <label for="filtroFecha"><b>Filtrar fecha:</b></label>

    <select id="filtroFecha" onchange="renderTabla(true)">
        <option value="all">Todas</option>
    </select>
</div>


<div id="contenedorTabla" style="overflow:scroll !important;"></div>


</div>
    </div>
    
    
<div id="Seccion-Modal-Detalle-Campeonato" class="Seccion-Modal-Detalle-Campeonato">
    
    <!-- OVERLAY -->
    <div class="Seccion-Modal-Detalle-Campeonato-Overlay" onclick="cerrarModalCampeonato()"></div>

    <div class="Seccion-Modal-Detalle-Campeonato-Box">

        <!-- ================= HEADER ================= -->
        <div class="Seccion-Modal-Detalle-Campeonato-Header">

            <!-- IZQUIERDA -->
            <div class="Header-Piloto Header-Piloto-Left"> 
              <div id="ModalFoto" class="ModalFoto"></div>
             <div class="Header-Piloto Header-Piloto-Left-Data">
             <div id="ModalNombre" class="ModalNombre"></div>

              <div id="ModalMarca" class="ModalMarca"></div>
              <div id="ModalEquipo" class="ModalEquipo"></div>
              
                <div id="ModalNumero" class="ModalNumero"></div>
                
            </div>
            
            
              <div class="Header-Piloto-Left-Stats">
              
<div class="Seccion-Modal-Detalle-Campeonato-Stats">

                    <div class="Stat" id="Dif-Puntos-A">
                        <span>Puntos</span>
                        <strong id="ModalTotal">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Carreras-A">
                        <span>Carreras</span>
                        <strong id="ModalCarreras">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Promedio-A">
                        <span>Promedio</span>
                        <strong id="ModalPromedio">0.00</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Victorias-A">
                        <span>Victorias</span>
                        <strong id="ModalWins">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat" id="Dif-Podios-A">
                        <span>Podios</span>
                        <strong id="ModalPodios">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat">
                        <span>Poles</span>
                        <strong id="ModalPoles">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

                    <div class="Stat">
                        <span>RV</span>
                        <strong id="ModalRV">0</strong>
                        <div class='valuedifchico'></div>
                    </div>

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

            <!-- CENTRO -->
            <div class="Seccion-Modal-Detalle-Campeonato-VS">
                <label>COMPARAR CON:</label>
                <select id="ModalVSSelect">
                    <option value="">-- Seleccionar piloto --</option>
                </select>
            </div>

            <!-- DERECHA -->
            <!-- DERECHA (VS) -->
<div class="Header-Piloto Header-Piloto-Right"> 

    <div class="Header-Piloto-Right-Stats">
    <div id="ModalComparacionStats" class="Seccion-Modal-Detalle-Campeonato-Stats-VS"></div>
    
    </div>

    
    <div class="Header-Piloto-Right-Data">
        <div id="ModalNombreVS" class="ModalNombre"></div>
        <div id="ModalMarcaVS" class="ModalMarca"></div>
        <div id="ModalEquipoVS" class="ModalEquipoVS"></div>
        
        <div id="ModalNumeroVS" class="ModalNumero"></div>
    </div>    
    <div id="ModalFotoVS" class="ModalFoto"></div>

</div>

    
            <!-- CERRAR -->
            <div class="Cerrar" onclick="cerrarModalCampeonato()">✕</div>

        </div> 

        <!-- ================= BODY ================= -->
        <div class="Seccion-Modal-Detalle-Campeonato-Body">


            <!-- ===== GRID PRINCIPAL (CHART + EVENTOS + EXTRA) ===== -->
            <div class="Seccion-Modal-Detalle-Campeonato-Grid">

                <!-- CHART -->
                <div class="Seccion-Modal-Detalle-Campeonato-Chart">
                    <canvas id="ModalChart"></canvas>
                </div>

                <!-- EVENTOS -->
                <div class="Seccion-Modal-Detalle-Campeonato-Eventos">
                <h4 style="font-weight:600; font-size:13px; text-align:center;">PUNTAJE OBTENIDO POR FECHAS</h4>

                <div id="ModalEventos"></div>
                
                </div>

                <!-- STATS SECUNDARIAS -->
                

            </div>

            <!-- EXTRA COMPARACIÓN (opcional futuro) -->
            

        </div>

    </div>
</div>

    
</div>


<footer class="footer d-f w-100 d-col" id="jkd-ft" style="z-index:2;">

                        
            <div class="BannerAdsShow FooterAd">
            <img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
<img src="https://placehold.co/250x85?text=Publicidad+250x85" alt="Publicidad 250x85" width="250" height="85">
            </div>


  <!-- Footer de escritorio -->
  

  <!-- Barra inferior escritorio -->
  <div class="bot-wrp bg-col-pr primary-cs pos-rel w-100 pt-10 pb-10 pb-20-sm pt-20-sm d-col-sm"
       itemprop="mainEntity" itemscope itemtype="https://schema.org/Organization"
       style="--jkd-h-col: rgba(255, 255, 255, 1); --jkd-txt-col: rgba(199, 199, 199, 1); --jkd-bg-col: rgba(52, 54, 58, 1); --jkd-bg-col-sec: rgba(40, 41, 42, 1);">
    <div class="in-wrp jkd-c jc-c ai-c pos-rel z-ui d-col-md">
      <div class="copyright mr-a mt-txt mr-0-md ta-c-md d-fw d-f ai-c m-fw" itemprop="copyrightHolder">
        © 2025-2026 | MetaSport360 - ADELANTE HAMILTON Y P16 PARA COLAPINTO | Todos los Derechos Reservados
      </div>
      <div class="menu-wrp ml-a ml-0-md mt-15-md mt-7-sm d-f ai-c" itemprop="hasMenu" itemscope itemtype="https://schema.org/SiteNavigationElement">
        <div class="menu-copyright-menu-container">
          <ul class="menu-list r-list d-f mt-txt m-fw">
            <li class="menu-item">
              <a href="#">Desarrollado por MetaSport</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- Font Awesome (si aún no lo tenés cargado) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</footer>

<!-- Barra móvil tipo app -->
<div class="ms360-footer-mobile" role="navigation" aria-label="Barra de navegación inferior MetaSport360">


  <!-- Botones izquierda -->
  <button class="ft-item submenu-toggle" aria-label="Nosotros" aria-expanded="false" aria-controls="submenu-nosotros">
    <i class="fas fa-info-circle" aria-hidden="true"></i>
    <span>Nosotros</span>
  </button>

  <a class="ft-item submenu-toggle" aria-label="Contacto" aria-expanded="false" href="https://metasport360.com/Fantasy">
    <i class="bi bi-bookmark-star-fill"></i>
    <span>Fantasy</span>
  </a>

  <!-- Botón HOME centrado -->
  <a href="https://metasport360.com/" class="ft-item ft-home LanzaPreload" aria-label="Inicio" title="Inicio" style="overflow:hidden;" data-preload="&nbsp;&nbsp;">
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW 2020 (64-Bit) -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="2050.68mm" height="1909.23mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 103994.37 96821.43"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#0764DE}
    .fil2 {fill:black;fill-rule:nonzero}
    .fil1 {fill:#0764DE;fill-rule:nonzero}
    .fil3 {fill:#4D4D4D;fill-rule:nonzero}
   ]]>
  </style>
 </defs>
 <g id="Capa_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M16436.53 82320.87c19796.76,27676.65 61774.9,12001.28 68841.07,-15758.5l-8623.89 -82.88 -4779.64 -25.24c-8875.41,22524.56 -30521.85,29506.48 -55437.54,15866.62z"/>
  <path class="fil0" d="M81277.39 28857.92l11624.31 6.9c-1313.86,-12521.77 -8969.22,-22372.12 -20473.72,-27107.05 -8763.28,-2985.6 -21689.63,-2208.68 -28779.54,2643.41 21630.99,-4377.18 31199.56,4606.85 37628.96,24456.74z"/>
  <polygon class="fil1" points="16931.23,45769.55 12193.25,64055.27 -0,64055.27 8846.25,29914.18 24693.3,29914.18 31248.25,46984.71 46641.16,29914.18 62488.21,29914.18 53641.96,64055.27 41448.71,64055.27 46186.7,45769.55 30478.96,64055.27 23163.01,64055.27 "/>
  <path id="partecapa" class="fil2" d="M91751.97 29914.18c9754.61,0 13674.68,3662.12 11779.07,10978.07l-314.85 1215.16 -13408.41 0c209.19,-807.33 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-815.65,0 -1329.15,407.83 -1538.34,1215.16 -211.35,815.67 90.81,1223.5 906.46,1223.5l12193.25 0c9754.6,0 13991.69,2438.64 12727.95,7315.95l-631.88 2438.64c-1895.62,7315.95 -7711.32,10969.77 -17465.92,10969.77l-12193.25 0c-9754.59,0 -13685.16,-3653.82 -11789.54,-10969.77l317.03 -1223.48 13408.41 0c-211.34,815.67 90.81,1223.48 906.46,1223.48l12193.25 0c807.34,0 1320.84,-407.82 1532.18,-1223.48 211.33,-815.65 -92.96,-1215.16 -900.3,-1215.16l-12193.25 0c-9754.59,0 -14000.01,-2438.64 -12736.27,-7315.95l631.88 -2438.66c1895.62,-7315.95 7721.81,-10978.07 17476.4,-10978.07l12193.25 0zm-40493.27 52569.68c-18797.59,1635.2 -25537.65,-3133.39 -30670.77,-16007.39l-9285.03 51.86c2741.1,17056.92 27782.12,26005.92 39955.8,15955.53zm9664.25 -70700.44c4821.33,352.11 9285.4,2402.69 13068.5,5287.33 -3818.51,-7112.76 -14018.7,-12118.93 -25930.44,-10460.76 -12469.53,2000.86 -23771.23,11386.35 -30027.47,22139.69 2638.14,44.96 5276.15,89.79 7914.29,134.74l3057.17 -7.03c9218.98,-9605.99 17013.09,-18182.8 31917.95,-17093.97z"/>
  <path class="fil3" d="M34979.63 78683.78c-553.72,0 -1132.56,-50.33 -1736.6,-150.98 -604.1,-100.65 -1076.02,-220.22 -1415.79,-358.69l283.17 -1359.06c440.43,188.74 909.2,327.15 1406.31,415.24 497.11,88.09 1016.2,132.13 1557.35,132.13 1082.24,0 1922.27,-163.55 2520.02,-490.76 597.76,-327.22 978.44,-899.78 1141.99,-1717.75 176.24,-780.28 53.53,-1346.56 -368.05,-1698.91 -421.59,-352.41 -1072.81,-528.58 -1953.74,-528.58l-1755.52 0 396.39 -1170.33 1453.49 0c906.07,0 1623.38,-198.22 2151.97,-594.62 528.52,-396.39 868.3,-953.25 1019.35,-1670.57 138.41,-692.19 34.56,-1201.86 -311.51,-1529.02 -346.07,-327.22 -1060.25,-490.82 -2142.48,-490.82 -503.39,0 -1022.49,50.33 -1557.35,151.04 -534.8,100.65 -1022.49,232.78 -1462.92,396.39l302.02 -1340.21c377.54,-138.47 865.23,-261.12 1462.98,-368.12 597.76,-106.93 1179.75,-160.46 1746.09,-160.46 1359.06,0 2337.5,311.5 2935.26,934.4 597.76,622.95 789.7,1418.94 575.77,2387.89 -125.85,616.67 -405.88,1205.01 -840.03,1765 -434.15,560 -1028.77,946.96 -1783.85,1160.9 767.65,176.17 1271.04,531.66 1510.17,1066.53 239.06,534.81 295.73,1098.01 169.89,1689.48 -239.13,1182.89 -833.74,2066.96 -1783.85,2652.15 -950.11,585.19 -2123.64,877.73 -3520.52,877.73zm10873 0c-1447.22,0 -2469.7,-368.05 -3067.46,-1104.23 -597.76,-736.24 -726.75,-1909.7 -386.97,-3520.52l622.89 -2869.23c352.41,-1585.69 1047.68,-2822.11 2085.87,-3709.26 1038.26,-887.22 2337.57,-1330.85 3898.06,-1330.85 591.48,0 1104.29,34.62 1538.44,103.85 434.15,69.18 821.12,166.75 1160.89,292.6l-283.17 1340.21c-339.78,-138.41 -723.61,-242.27 -1151.48,-311.44 -427.87,-69.24 -918.63,-103.86 -1472.34,-103.86 -1182.95,0 -2133.06,311.51 -2850.38,934.4 -717.32,622.95 -1182.95,1456.64 -1396.89,2501.18l-188.74 924.97c566.28,-364.98 1164.04,-632.38 1793.28,-802.27 629.24,-169.89 1189.24,-254.83 1679.99,-254.83 1384.32,0 2346.99,336.64 2888.14,1009.92 541.15,673.21 673.28,1645.38 396.39,2916.41 -251.69,1182.95 -792.78,2142.48 -1623.38,2878.71 -830.54,736.17 -2044.97,1104.23 -3643.16,1104.23zm264.26 -1226.93c1006.78,0 1815.33,-242.27 2425.66,-726.75 610.32,-484.54 1003.57,-1148.33 1179.81,-1991.5 125.85,-578.91 157.26,-1072.81 94.37,-1481.83 -62.96,-409.02 -276.89,-723.61 -641.8,-943.82 -364.98,-220.22 -937.54,-330.36 -1717.82,-330.36 -616.61,0 -1211.23,97.51 -1783.79,292.6 -572.63,195.08 -1098.01,443.57 -1576.2,745.66l-302.09 1472.34c-213.93,994.15 -154.12,1736.67 179.38,2227.43 333.5,490.82 1047.62,736.24 2142.48,736.24zm11212.72 1226.93c-1749.24,0 -2929.05,-544.23 -3539.37,-1632.81 -610.33,-1088.52 -720.46,-2582.98 -330.35,-4483.19 289.45,-1359.12 698.47,-2516.88 1226.99,-3473.34 528.52,-956.39 1223.85,-1686.28 2085.87,-2189.66 862.02,-503.39 1941.18,-755.08 3237.35,-755.08 1233.28,0 2170.82,251.69 2812.62,755.08 641.8,503.38 1035.05,1233.28 1179.81,2189.66 144.7,956.45 72.32,2114.21 -217.08,3473.34 -264.32,1258.41 -660.71,2346.99 -1189.23,3265.68 -528.58,918.63 -1220.71,1623.38 -2076.45,2114.14 -855.74,490.82 -1919.12,736.17 -3190.16,736.17zm283.17 -1321.36c1271.04,0 2284.03,-437.3 3039.12,-1311.88 755.08,-874.65 1283.6,-2035.55 1585.62,-3482.76 239.13,-1094.87 339.78,-2022.98 302.02,-2784.28 -37.76,-761.37 -273.68,-1337.13 -707.84,-1727.24 -434.15,-390.11 -1135.77,-585.19 -2104.79,-585.19 -1258.41,0 -2271.47,437.36 -3039.12,1311.94 -767.65,874.65 -1327.65,2136.2 -1679.99,3784.78 -201.37,956.39 -270.61,1796.42 -207.65,2520.02 62.89,723.61 314.59,1283.61 755.02,1679.99 440.5,396.45 1126.34,594.62 2057.6,594.62z"/>
 </g>
</svg>
  </a>

  <!-- Botones derecha -->
  <button class="ft-item submenu-toggle" aria-label="Marca" aria-expanded="false" aria-controls="submenu-marca">
    <i class="fas fa-calendar-alt" aria-hidden="true"></i>
    <span>Calendarios</span>
  </button>


<button class="ft-item" id="toggleLiveT-Mobile">
  <i class="bi bi-stopwatch-fill"></i>
  <span>Tiempos</span>
</button>

  
</div>

<!-- Submenus afuera, fijos justo arriba de la barra -->
<div id="submenu-nosotros" class="mobile-submenu" aria-label="Submenú Nosotros" role="menu">
  <a href="https://metasport360.com/Meta360/Quienes-Somos/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Quiénes Somos</a>
  <a href="https://metasport360.com/Meta360/Privacidad/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Políticas de Privacidad</a>
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Contacto</a>
</div>

<div id="submenu-contacto" class="mobile-submenu" aria-label="Submenú Contacto" role="menu">
  <a href="https://metasport360.com/Meta360/Contacto/Contenido/MetaSport360" role="menuitem" tabindex="0" class="LanzaPreload" data-preload="&nbsp;&nbsp;">Formulario de Contacto</a>
</div>

<div id="submenu-marca" class="mobile-submenu" aria-label="Submenú Marca" role="menu">


<!-- FORMULARIO OCULTO -->
<form id="catForm" action="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" method="POST" style="display:none;">
  <input type="hidden" name="catid" id="catidInput">
</form>

<!-- ENLACES -->

<a href="#" onclick="enviarCategoria(78)" class="LanzaPreload turismopista" 
   data-preload="<p>Cargando Calendario de</p><b class='turismopista'>Turismo Pista</b>">
   Turismo Pista
</a>

<a href="#" onclick="enviarCategoria(17)" class="LanzaPreload turismocarretera" 
   data-preload="<p>Cargando Calendario de</p><b class='turismocarretera'>Turismo Carretera</b>">
   Turismo Carretera
</a>

<a href="#" onclick="enviarCategoria(19)" class="LanzaPreload tnapat" 
   data-preload="<p>Cargando Calendario de</p><b class='tnapat'>TN Apat</b>">
   TN Apat
</a>

<a href="#" onclick="enviarCategoria(1)" class="LanzaPreload formula1" 
   data-preload="<p>Cargando Calendario de</p><b class='formula1'>Fórmula 1</b>">
   Fórmula 1
</a>

<a href="https://metasport360.com/Meta360/Calendario/Contenido/MetaSport360" class="LanzaPreload" 
   data-preload="<p>Cargando Calendarios</p>">
   Mas...
</a>


<!-- JAVASCRIPT -->
<script>
function enviarCategoria(id) {
    // Construir URL dinámicamente con el id
    const url = "https://metasport360.com/Fechas/" + encodeURIComponent(id) + "/Schedule/2025";
    
    // Redirigir a la URL
    window.location.href = url;
}
</script>


</div>


<script>
  const toggles = document.querySelectorAll('.submenu-toggle');
  const submenus = document.querySelectorAll('.mobile-submenu');

  toggles.forEach(button => {
    button.addEventListener('click', (e) => {
      e.stopPropagation();

      const expanded = button.getAttribute('aria-expanded') === 'true';
      const targetId = button.getAttribute('aria-controls');
      const targetMenu = document.getElementById(targetId);

      if (!targetMenu) return;

      if (expanded) {
        targetMenu.classList.remove('open');
        button.setAttribute('aria-expanded', 'false');
      } else {
        submenus.forEach(m => m.classList.remove('open'));
        toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));

        targetMenu.classList.add('open');
        button.setAttribute('aria-expanded', 'true');
      }
    });
  });

  document.addEventListener('click', (e) => {
    const clickedInsideMenu = [...submenus].some(menu => menu.contains(e.target));
    const clickedToggle = [...toggles].some(btn => btn.contains(e.target));

    if (!clickedInsideMenu && !clickedToggle) {
      submenus.forEach(m => m.classList.remove('open'));
      toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));
    }
  });
  
  
</script>


<script>
const fsDiv = document.getElementById('fullScreenDiv');
const btns = [
    document.getElementById('toggleLiveT'),
    document.getElementById('toggleLiveT-Mobile'),
	document.getElementById('toggleLiveT-Desktop') // Nuevo botón agregado
];

let visible = false;
let originalOverflow = ''; // Guardamos el overflow original del body

btns.forEach(btn => {
    if(btn){ // verificamos que exista el botón
        btn.addEventListener('click', () => {
            if(!visible){
                // Guardar overflow actual y bloquear scroll
                originalOverflow = document.body.style.overflow || '';
                document.body.style.overflow = 'hidden';

                // Mostrar div y animar bajada
                fsDiv.style.display = 'block';
                requestAnimationFrame(() => {
                    fsDiv.classList.add('show');
                });
                visible = true;
            } else {
                // Animar subida
                fsDiv.classList.remove('show');

                // Restaurar overflow original después de la transición
                setTimeout(() => { 
                    fsDiv.style.display = 'none';
                    document.body.style.overflow = originalOverflow;
                }, 500); // coincide con transition
                visible = false;
            }
        });
    }
});
</script>

<!--
<script>
document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        const objetivo = document.getElementById("PreCampeonatos360Container");
        if (!objetivo) return;

        const velocidadVertical = 2; // px por paso vertical
        const intervaloVertical = 2; // ms entre pasos vertical
        const destinoVertical = objetivo.offsetTop + objetivo.offsetHeight - window.innerHeight;

        const scrollInterval = setInterval(function() {
            const posicionActual = window.scrollY;

            if (posicionActual >= destinoVertical) {
                clearInterval(scrollInterval);

                // --- Scroll horizontal programático ---
                const carousel = document.getElementById('PreCampeonatos360Carousel');
                if (!carousel) return;

                // Aseguramos que sea scrollable
                carousel.style.overflowX = "scroll";

                const distanciaTotal = carousel.scrollWidth - carousel.clientWidth; // todo lo que se puede mover
                const duracion = 3000; // ms para recorrer toda la distancia
                const inicio = performance.now();

                function animarScrollHorizontal(timestamp) {
                    const tiempoTranscurrido = timestamp - inicio;
                    const porcentaje = Math.min(tiempoTranscurrido / duracion, 1);
                    carousel.scrollLeft = porcentaje * distanciaTotal;
                    if (porcentaje < 1) {
                        requestAnimationFrame(animarScrollHorizontal);
                    }
                }

                requestAnimationFrame(animarScrollHorizontal);

                return;
            }

            const paso = Math.min(velocidadVertical, destinoVertical - posicionActual);
            window.scrollBy(0, paso);
        }, intervaloVertical);
    }, 3000);
});
</script>


 -->
 
<script>
// ID global
const SIM_ID = 'sim_global';

// Función para obtener pilotos del tab activo
window.obtenerPilotosActivos = function(){
    let tabContent = $(".TablasCampeonatos360Content:visible").first();
    if(tabContent.length === 0) return [];

    let filas = tabContent.find("table.TablaTransparente tbody tr.FilaClickStat");
    let pilotos = [];
    filas.each(function(){
        pilotos.push({
            dorsal: parseInt($(this).data("dorsal")),
            logo: $(this).data("logo"),
            nombre: $(this).data("nombre"),
            clase: $(this).data("clase"),
            categoria: $(this).data("categoria"),
            puntos: parseFloat($(this).find("td:nth-child(8)").text())
        });
    });
    return pilotos.slice(0,10);
};

// Construir selectores dentro del modal
window.construirSelectores = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();

    let pole = root.find(".pole");
    let record = root.find(".record");
    let series = root.find(".seriesBox");
    let finalBox = root.find(".finalBox");

    pole.empty(); record.empty(); series.empty(); finalBox.empty();

    pilotos.forEach(p=>{
        pole.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
        record.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
    });

    pilotos.forEach(p=>{
if (p.clase) {
    if (!isNaN(p.clase)) {
        // Si es numérico
        $("#SimClass").text("Clase " + p.clase);
    } else {
        // Si es texto, limpiar y capitalizar
        let claseLimpia = p.clase
            .replace(/[^a-zA-Z0-9\s]/g, "") // elimina todo lo que no sea letras, números o espacios
            .trim()
            .toLowerCase()
            .replace(/\b\w/g, c => c.toUpperCase()); // capitaliza cada palabra
        $("#SimClass").html('<span class="Simu-claseLimpia">' + claseLimpia + '</span>');
    }
}
		
		series.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
			<select class="SimuSelect2 serie sim" data-dorsal="${p.dorsal}">
				<option value="">&#9660;</option>
				${Array.from({length:20},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
			</select>
		`);


        finalBox.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
                <select class="SimuSelect2 final sim" data-dorsal="${p.dorsal}">
                    <option value="">&#9660;</option>
                    ${Array.from({length:30},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
                </select>
        `);
    });
};

// Recalcular puntos simulados
window.recalcular = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();
    let tabla = pilotos.map(p=>({...p,puntosSim:p.puntos}));

  
const P_POLE = 3,P_RECORD=0,
      P_SERIE = {
        1: 7.5, 2: 6.75, 3: 6, 4: 5.25, 5: 4.5,6: 3.75, 7: 3, 8: 2.25, 9: 1.5
      },
      P_FINAL = {
  1: 60, 2: 55.5, 3: 51, 4: 46.5, 5: 45,
  6: 43.5, 7: 42, 8: 40.5, 9: 39, 10: 37.5,
  11: 36, 12: 34.5, 13: 33, 14: 31.5, 15: 30,
  16: 28.5, 17: 27, 18: 25.5, 19: 24, 20: 22.5,
  21: 21, 22: 19.5, 23: 18, 24: 16.5, 25: 15,
  26: 13.5, 27: 12, 28: 10.5, 29: 9, 30: 7.5,
  31: 4.5, 32: 4.5, 33: 4.5, 34: 4.5, 35: 4.5,
  36: 4.5, 37: 4.5, 38: 4.5, 39: 4.5, 40: 4.5,
  41: 3
      },
      P_LARGA = 3;
		  

// ============================
    // Mostrar reglas al público style="width:40%"
    // ============================
    let reglasHTML = `
    <table class="TablaReglas" style="width:100%; border-collapse:collapse; font-size:0.9rem; text-align:left; color:#fff;">
      <tr><th colspan="2" style="background:#111; color:#0ff; text-align:center; padding:4px;">Reglas de Puntuación</th></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;width:40%;"><div class="SimReglasTitlePuntos">Pole Position</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlockPole">${P_POLE} Pts.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Vuelta Rápida</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlock">${P_RECORD}P.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición en Serie</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_SERIE).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockSerie">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición Final</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_FINAL).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockFinal">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px;"><div class="SimReglasTitlePuntos">Largó</div></td><td style="padding:4px;"><div class="SimReglasTitlePuntosBlockExtra">${P_LARGA} Pts.</div></td></tr>
    </table>`;
    $("#SimReglasAplicadas").html(reglasHTML);
    let pole = root.find(".pole").val(); if(pole) tabla.find(p=>p.dorsal==pole).puntosSim+=P_POLE;
    let rec = root.find(".record").val(); if(rec) tabla.find(p=>p.dorsal==rec).puntosSim+=P_RECORD;

    root.find(".serie").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        if(P_SERIE[pos]) tabla.find(p=>p.dorsal==dorsal).puntosSim+=P_SERIE[pos];
    });

    root.find(".final").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        let obj = tabla.find(p=>p.dorsal==dorsal);
        if(P_FINAL[pos]) obj.puntosSim+=P_FINAL[pos];
        else if(pos) obj.puntosSim+=P_LARGA;
    });

    tabla.sort((a,b)=>b.puntosSim-a.puntosSim);

    let html="";
    tabla.forEach((p,i)=>{
        html += `
<tr>
  <td><div class="pos">${i + 1}</div></td>
  <td><div class="dorsal">${p.dorsal}</div></td>
  <td><div class="logo"><img src="${p.logo}" alt="${p.nombre}" style="height:26px;"></div></td>
  <td><div class="nombre">${p.nombre}</div></td>
  <td><div class="puntos">${p.puntos}</div></td>
  <td><div class="puntosSim"><b>${p.puntosSim.toFixed(1)}</b></div></td>
</tr>`;
    });

    // -------------------------
    // Inserción con efecto persiana (fila por fila)
    // -------------------------
    const $tbody = root.find(".TablaSim tbody");

    // Primero "apagar" filas existentes y luego vaciar (efecto rápido)
    const existingRows = $tbody.find("tr");
    if (existingRows.length) {
        existingRows.stop(true,true).fadeOut(150, function(){ $(this).remove(); });
    } else {
        $tbody.empty();
    }

    // Convertir el HTML acumulado en elementos jQuery (array de <tr>)
    // Usamos un contenedor temporal para parsear correctamente las filas
    const $temp = $("<tbody>").html(html);
    const $rows = $temp.find("tr");

    // Insertar cada fila con un retardo secuencial para crear el efecto "persiana"
    $rows.each(function(index){
        const $row = $(this).hide(); // ocultar antes de insertar
        // demora progresiva (ajustable): 80ms entre filas
        setTimeout(() => {
            $tbody.append($row);
            // fadeIn suave; la fila debería aparecer como persiana
            $row.fadeIn(220);
        }, index * 80);
    });
};


// Escuchar cambios en selectores
$(document).on("change", '#sim_global_wrap .sim', function(){
    recalcular();
});

$(document).ready(function() {

    // Función para abrir el modal
    function abrirModalSimu() {
        construirSelectores();
        recalcular();
        $("#ModalSimu").css({display:'block', opacity:0, top:'50px'})
                        .animate({opacity:1, top:'0px'}, 400);
    }

    // Abrir con Ctrl+K
    $(document).on('keydown', function(e) {
        if (e.ctrlKey && e.key.toLowerCase() === 'k') {
            e.preventDefault();
            abrirModalSimu();
        }
    });

    // Abrir con click en el botón
    $("#btnOpenSim").on('click', function() {
        abrirModalSimu();
    });

});


// CERRAR MODAL (con botón)
$('#btnCloseSim').on('click', function(){
    $("#ModalSimu").animate({opacity:0, top:'50px'}, 400, function(){
        $(this).css('display','none');
    });
});


function SeccionVerCampeonato(serie, clase){

    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    let body  = document.getElementById('MS-Seccion-Modal-Body');
    let titulo= document.getElementById('MS-Seccion-Modal-Titulo');

    // título dinámico
    titulo.innerHTML = "CAMPEONATO - Clase " + clase;

    // loader mientras carga
    body.innerHTML = `
        <div style="padding:10px;text-align:center;">
            <p>Cargando...</p>
        </div>
    `;

    // mostrar modal
    modal.classList.add('show');

    // AJAX (fetch)
    fetch(`../../../test-champ.php?serie=${serie}&clase=${clase}`)
        .then(response => response.text())
        .then(html => {
            body.innerHTML = html;
			initCampeonato(serie, clase);
        })
        .catch(err => {
            body.innerHTML = `
                <div style="padding:10px;color:red;">
                    Error al cargar contenido
                </div>
            `;
            console.error(err);
        });
}


let DATA = null;
let pilotoRivalDorsal = null;

function initCampeonato(serie = 78, clase = 1) {

    DATA = null;
    let prevOrder = {};
    let posicionesPorEvento = {};

    fetch(`../../../Contenido/Master-JSON/Campeonato-${serie}-${clase}.json`)
    .then(res => {
        if (!res.ok) throw new Error('Error HTTP: ' + res.status);
        return res.json();
    })
    .then(json => {

        if (!json || !json.campeonato) {
            throw new Error("JSON inválido o incompleto");
        }

        DATA = json;

        generarPosiciones();
        cargarFiltro();
        renderTabla(false);

    })
    .catch(err => {
        console.error(err);
        alert("❌ Error:\n" + err.message);
    });

    // 🔥 CALCULAR POSICIONES POR EVENTO
    function generarPosiciones() {

        posicionesPorEvento = {};

        DATA.eventos.forEach(ev => {
            posicionesPorEvento[ev.id] = {};
        });

        DATA.eventos.forEach(ev => {

            let lista = JSON.parse(JSON.stringify(DATA.campeonato));

            lista.sort((a,b) => {
                const aVal = a.eventos?.[ev.id]?.total ?? 0;
                const bVal = b.eventos?.[ev.id]?.total ?? 0;
                return bVal - aVal;
            });

            lista.forEach((p, index) => {
                const dorsal = p.piloto?.dorsal;
                posicionesPorEvento[ev.id][dorsal] = index + 1;
            });

        });
    }

    function cargarFiltro() {

        const select = document.getElementById("filtroFecha");

        select.innerHTML = `<option value="all">GENERAL</option>`;

        DATA.eventos.forEach(ev => {
            const opt = document.createElement("option");
            opt.value = ev.id;
            opt.textContent = `${formatFecha(ev.fecha)} - ${ev.ciudad}`;
            select.appendChild(opt);
        });
    }
	
	
    window.renderTabla = function(animar = false) {

        const cont = document.getElementById("contenedorTabla");
        const filtro = document.getElementById("filtroFecha").value;

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

        // ORDEN
        if (filtro !== "all") {
            pilotos.forEach(p => {
                p.totalFiltro = p.eventos?.[filtro]?.total ?? 0;
            });
            pilotos.sort((a,b) => b.totalFiltro - a.totalFiltro);
        } else {
            pilotos.sort((a,b) => b.total - a.total);
        }

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

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

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

        if (filtro === "all") {
            DATA.eventos.forEach(ev => {
                html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev"><span>${formatFecha(ev.fecha)}</span><strong>${ev.ciudad}</strong></div>`;
            });
        } else {
            const ev = DATA.eventos.find(e => e.id == filtro);
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev"><span>${formatFecha(ev.fecha)}</span><strong>${ev.ciudad}</strong></div>`;
        }

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

        // FILAS
        pilotos.forEach((p,i)=>{

            const piloto = p.piloto || {};
            const dorsal = piloto.dorsal;

            const nombre = `${piloto.nombre ? piloto.nombre[0] + ". " : ""}${piloto.apellido || ''}`;

let varVal = 0;

// 🔥 CLAVE: normalizar dorsal SIEMPRE
const dorsalKey = String(dorsal);

// 🔥 GENERAL
if (filtro === "all") {

    const eventos = DATA.eventos;

    let historial = [];

    // recorremos eventos y guardamos SOLO donde exista posición válida
    for (let i = 0; i < eventos.length; i++) {

        const evId = eventos[i].id;

        const pos = posicionesPorEvento?.[evId]?.[dorsalKey];

        if (pos !== undefined) {
            historial.push(pos);
        }
    }

    // comparar los 2 últimos valores reales
    if (historial.length >= 2) {
        varVal = historial[historial.length - 2] - historial[historial.length - 1];
    }

} else {

    const indexEvento = DATA.eventos.findIndex(e => e.id == filtro);

    if (indexEvento > 0) {

        const prevId = DATA.eventos[indexEvento - 1].id;

        const posActual = posicionesPorEvento?.[filtro]?.[dorsalKey];
        const posAnterior = posicionesPorEvento?.[prevId]?.[dorsalKey];

        if (posActual != null && posAnterior != null) {
            varVal = posAnterior - posActual;
        }
    }
}

// 🔥 RENDER
let varHtml = "•";
let varClass = "C-VarEq";

if (varVal > 0) {
    varHtml = "<strong><i class='bi bi-arrow-up-short'></i></strong>" + "<b>"+varVal+"</b>";
    varClass = "C-VarUp";
} else if (varVal < 0) {
    varHtml = "<strong><i class='bi bi-arrow-down-short'></i></strong>" + "<b>"+Math.abs(varVal)+"</b>";
    varClass = "C-VarDown";
}


            html += `<div class="Seccion-Tabla-Fila fila" data-dorsal="${dorsal}">`;

            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">${i+1}</div>`;
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var ${varClass}">${varHtml}</div>`;
            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">${dorsal}</div>`;
			const logoMarca = (piloto.marca || '')
				.toLowerCase()
				.replace(/\s+/g, '');
			
			html += `
			<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">
				<img src="https://metasport360.com/Contenido/Marcas-Brands/${logoMarca}.png" alt="${logoMarca}" />
			</div>
			`;
           html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">${nombre}</div>`;

            if (filtro === "all") {

                DATA.eventos.forEach(ev => {

                    const evData = p.eventos?.[ev.id];
                    const val = evData?.total ?? 0;

const tooltipHTML = evData ? `
    <div class="Seccion-Detalle-Tooltip">

        <div class="TooltipRow">
            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.clas ?? 0}</div>


            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.serie ?? 0}</div>

            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.final ?? 0}</div>
        </div>

    </div>
` : '';

html += `
<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev">

    <div class="Seccion-Tabla-Ev-Total">
    <div class="MSTVal-${val}">${val}</div>
</div>


    <div class="Seccion-Tabla-Ev-Detalle">
        ${tooltipHTML}
    </div>

</div>
`;

                });

            } else {

                const evData = p.eventos?.[filtro];
                const val = evData?.total ?? 0;

const tooltipHTML = evData ? `
    <div class="Seccion-Detalle-Tooltip">

        <div class="TooltipRow">
            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.clas ?? 0}</div>


            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.serie ?? 0}</div>

            <div class="TooltipLabel"></div>
            <div class="TooltipValue">${evData.final ?? 0}</div>
        </div>

    </div>
` : '';

html += `
<div class="Seccion-Tabla-Cell Seccion-Tabla-Ev">

    <div class="Seccion-Tabla-Ev-Total">
    <div class="MSTVal-${val}">jj${val}</div>
</div>


    <div class="Seccion-Tabla-Ev-Detalle">
        ${tooltipHTML}
    </div>

</div>
`;
            }

            const total = (filtro === "all") ? p.total : (p.totalFiltro || 0);

            html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"><strong>${total.toFixed(1)}</strong></div>`;
            html += `</div>`;
        });

        html += `</div>`;

        cont.innerHTML = html;

        document.querySelector(".Seccion-Tabla").classList.add("show");

        // RESET
        document.querySelectorAll(".fila").forEach(f => {
            f.style.transform = "translateY(0)";
            f.style.transition = "none";
        });

        // ANIMACIÓN
        if (animar && Object.keys(prevOrder).length) {

            document.querySelectorAll(".fila").forEach(fila => {

                const dorsal = fila.dataset.dorsal;

                if (prevOrder[dorsal] !== undefined) {

                    const delta = prevOrder[dorsal] - newOrder[dorsal];

                    if (delta !== 0) {

                        fila.style.transform = `translateY(${delta * 30}px)`;

                        setTimeout(() => {
                            fila.style.transition = "transform 0.5s ease";
                            fila.style.transform = "translateY(0)";
                        }, 20);
                    }
                }
            });
        }

        prevOrder = newOrder;
		
setTimeout(() => {
    document.querySelectorAll(".fila").forEach(fila => {
        fila.onclick = () => {
            const dorsal = String(fila.dataset.dorsal);
            abrirModalCampeonato(dorsal);
        };
    });
}, 0);
		
		
    }


}


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


// 🔥 GLOBAL (IMPORTANTE)
window.cerrarModal  = function(){
    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');

    if (!modal) {
        alert("❌ No se encontró el modal");
        return;
    }

    modal.classList.remove('show');
};


function cerrarModal (){
    let modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    modal.classList.remove('show');
}


let pilotoActualDorsal = null;


function abrirModalCampeonato(dorsalKey) {

pilotoActualDorsal = dorsalKey; // 🔥 CLAVE

    const piloto = DATA.campeonato.find(p => String(p.piloto?.dorsal) === dorsalKey);
    if (!piloto) return;

    const p = piloto.piloto;

    // HEADER
	
	
    document.getElementById("ModalMarca").innerHTML =
        `${p.marca} ${p.modelo}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;

    document.getElementById("ModalNumero").innerHTML =
        `#${p.dorsal}`;
		
let rutaImg;

if (p.clase == 0) {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}/${p.dorsal}.png`;
} else {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}-${p.clase}/${p.dorsal}.png`;
}

document.getElementById("ModalFoto").innerHTML = `
    <img src="${rutaImg}" alt="#${p.dorsal}" />
`;

		
//		

    // STATS
    document.getElementById("ModalTotal").innerHTML = piloto.total.toFixed(1);
    document.getElementById("ModalEquipo").innerHTML = p.equipo || '-';

    // EVENTOS DETALLE
    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        const total = evData?.total ?? 0;

        htmlEventos += `
        <div class="Seccion-Modal-Detalle-Campeonato-Evento">
            <div>${formatFecha(ev.fecha)} - ${ev.ciudad}</div>
            <div><strong>${total}</strong></div>
        </div>`;
    });

    renderEventos(piloto);
	
const stats = calcularStatsPiloto(piloto);

// STATS AVANZADAS
document.getElementById("ModalCarreras").innerHTML = stats.carreras;
document.getElementById("ModalPromedio").innerHTML = stats.promedio.toFixed(2);
document.getElementById("ModalWins").innerHTML = stats.wins;
document.getElementById("ModalPodios").innerHTML = stats.podios;
document.getElementById("ModalPoles").innerHTML = stats.poles;
document.getElementById("ModalRV").innerHTML = stats.recordVtas;
	
	
const modal = document.querySelector(".Seccion-Modal-Detalle-Campeonato");
// Mostrar
modal.style.display = "block";
// forzar reflow
modal.offsetHeight;
// activar animación
modal.classList.add("show");


// 🔥 doble frame = DOM + layout listos
requestAnimationFrame(() => {
    requestAnimationFrame(() => {
        generarChartCampeonato(piloto);
    });
});
	
	
const select = document.getElementById("ModalVSSelect");
select.innerHTML = `<option value="">-- Seleccionar piloto --</option>`;

DATA.campeonato.forEach(p => {

    const d = String(p.piloto?.dorsal);
    const nombre = `${p.piloto?.nombre?.[0] || ''}. ${p.piloto?.apellido || ''}`;

    // no incluir el mismo piloto
    if (d === dorsalKey) return;

    const opt = document.createElement("option");
    opt.value = d;
    opt.textContent = `#${d} ${nombre}`;

    select.appendChild(opt);
});
	
	
	window.pilotoActual = piloto;

	
}


function setHTML(id, value) {
    const el = document.getElementById(id);

    if (!el) {
        console.error(`❌ No se encontró el elemento: #${id}`);
        return;
    }

    el.innerHTML = value;
}

document.getElementById("ModalVSSelect").onchange = function() {

    const rivalDorsal = this.value;

    // 🔥 SIN RIVAL
    if (!rivalDorsal) {

        limpiarComparacion();

        setHTML("ModalNombreVS", "-");
        setHTML("ModalNumeroVS", "");
        setHTML("ModalFotoVS", "");

        // 🔥 limpiar stats VS
        setHTML("ModalTotalVS", "");
        setHTML("ModalEquipoVS", "");

        renderEventos(window.pilotoActual);

        return;
    }

    // 🔥 BUSCAR RIVAL
    const rival = DATA.campeonato.find(p => String(p.piloto?.dorsal) === rivalDorsal);

    if (!rival) {
        console.warn(`⚠️ No se encontró rival con dorsal: ${rivalDorsal}`);
        return;
    }

    // 🔥 DATOS PRINCIPALES
    setHTML("ModalMarcaVS", `${rival.piloto.marca} ${rival.piloto.modelo}`);
    setHTML("ModalNombreVS", `${rival.piloto.nombre} ${rival.piloto.apellido}`);
    setHTML("ModalNumeroVS", `#${rival.piloto.dorsal}`);

    // 🔥 IMAGEN
    let rutaImg;

    if (rival.piloto.clase == 0) {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}/${rival.piloto.dorsal}.png`;
    } else {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}-${rival.piloto.clase}/${rival.piloto.dorsal}.png`;
    }

    const fotoHTML = `
        <img src="${rutaImg}" alt="#${rival.piloto.dorsal}"
             onerror="this.src='https://metasport360.com/Scraps/Retratos/default.png'">
    `;

    setHTML("ModalFotoVS", fotoHTML);

    // 🔥 STATS BÁSICOS
    setHTML("ModalEquipoVS", rival.piloto.equipo || '-');

    // 🔥 DEBUG EXTRA
    if (!pilotoActualDorsal) {
        console.warn("⚠️ pilotoActualDorsal no está definido");
    }

    if (typeof compararPilotos === "function") {
        compararPilotos(pilotoActualDorsal, rivalDorsal);
    } else {
        console.error("❌ Función compararPilotos no existe");
    }

    if (typeof renderEventos === "function") {
        renderEventos(window.pilotoActual, rival);
    } else {
        console.error("❌ Función renderEventos no existe");
    }
};


const drawLinePlugin = {
    id: 'drawLine',
    beforeDatasetsDraw(chart) {

        const progress = chart._animationProgress ?? 0;

        chart.data.datasets.forEach((dataset, i) => {

            const meta = chart.getDatasetMeta(i);

            meta.data.forEach((point, index) => {

                // 🔥 SI NO HAY PROGRESO → NO DIBUJA
                if (progress === 0) {
                    point.skip = true;
                    return;
                }

                // 🔥 DIBUJO PROGRESIVO REAL
                const limit = Math.floor(meta.data.length * progress);

                point.skip = index > limit;
            });
        });
    }
};

Chart.register(drawLinePlugin);


function generarChartCampeonato(piloto) {

    const labels = [];
    const data = [];

    DATA.eventos.forEach(ev => {
        labels.push(formatFecha(ev.fecha));

        const val = piloto.eventos?.[ev.id]?.total;
        data.push(val > 0 ? val : null); // 🔥 corta línea en carreras no corridas
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [{
                data,

                // 🎨 VISUAL PRO
                borderWidth: 3,
                borderColor: '#00d4ff',
                backgroundColor: 'rgba(0,212,255,0.15)',
                fill: true,

                // 🔥 CURVA PRO
                tension: 0.4,
                cubicInterpolationMode: 'monotone',

                // 🔥 CORTE REAL
                spanGaps: false,

                // 🎯 LIMPIO
                pointRadius: 0,
                pointHoverRadius: 6
            }]
        },
        options: {

            responsive: true,
            maintainAspectRatio: false,

            // 🎯 HOVER PRO
            interaction: {
                mode: 'index',
                intersect: false
            },

            plugins: {
                legend: { display: false },

                // 🧾 TOOLTIP PRO
                tooltip: {
                    backgroundColor: '#000',
                    borderColor: '#333',
                    borderWidth: 1,
                    padding: 10
                }
            },

            scales: {
                x: {
                    ticks: { color: '#aaa' },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                },
                y: {
                    reverse: true, // 🔥 posición real (1 arriba)
                    ticks: {
                        precision: 0,
                        color: '#aaa'
                    },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                }
            },

            // ⚡ ANIMACIÓN PRO
animation: {
    duration: 1200,
    easing: 'easeOutQuart',
    onProgress: (anim) => {
        const chart = anim.chart;

        // 🔥 PROGRESO REAL (0 → 1)
        chart._animationProgress = anim.currentStep / anim.numSteps || anim.current / anim.duration || 1;
    },
    onComplete: (anim) => {
        anim.chart._animationProgress = 1;

        anim.chart.canvas.style.filter =
            "drop-shadow(0 0 6px rgba(255,255,255,0.2))";
    }
}

        }
    });
}


function renderEventos(p1, p2 = null) {

    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const ev1 = p1.eventos?.[ev.id];
        const total1 = ev1?.total ?? 0;

        let total2 = null;

        if (p2) {
            const ev2 = p2.eventos?.[ev.id];
            total2 = ev2?.total ?? 0;
        }

		htmlEventos += `
		<div class="Seccion-Modal-Detalle-Campeonato-Evento">
		
			<div class="SecComparaFecha-Puntos-L ${total1 > total2 ? 'win' : total1 < total2 ? 'lose' : 'eq'}">
				${total1}
			</div>
		
			<div class="SecComparaFecha-Fecha">
				${formatFecha(ev.fecha)} - ${ev.ciudad}
			</div>
		
			<div class="SecComparaFecha-Puntos-R ${p2 ? (total2 > total1 ? 'win' : total2 < total1 ? 'lose' : 'eq') : ''}">
				${p2 ? total2 : ''}
			</div>
		
		</div>`;

    });

    document.getElementById("ModalEventos").innerHTML = htmlEventos;
}


function calcularStatsPiloto(piloto) {

    let carreras = 0;
    let puntos = piloto.total ?? 0;

    let wins = piloto.pos_finales?.[1] ?? 0;

    let podios = 0;
    for (let i = 1; i <= 3; i++) {
        podios += piloto.pos_finales?.[i] ?? 0;
    }

    let poles = 0;
    let recordVtas = 0;

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        if (!evData) return;

        if (evData.total > 0) carreras++;

        if (evData.clas > 0) poles++;

        if (evData.record == 1) recordVtas++;
    });

    const promedio = carreras > 0 ? puntos / carreras : 0;

    return {
        carreras,
        puntos,
        promedio,
        wins,
        podios,
        poles,
        recordVtas
    };
}


function compararPilotos(d1, d2) {

    const p1 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d1);
    const p2 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d2);

    if (!p1 || !p2) return;

    const s1 = calcularStatsPiloto(p1);
    const s2 = calcularStatsPiloto(p2);

    renderComparacionStats(s1, s2);
    generarChartComparacion(p1, p2);
}


function EscribirDiferenciasLado(valor, lado) {

    // 🔥 asegurar número
    valor = parseFloat(valor);
    if (!valor) return; // 0 o NaN → no hacer nada

    const elA = document.getElementById(`Dif-${lado}-B`);
    const elB = document.getElementById(`Dif-${lado}-A`);

    if (!elA || !elB) {
        console.warn('No se encontraron elementos:', `Dif-${lado}-A`, `Dif-${lado}-B`);
        return;
    }

    // limpiar antes
    elA.style.border = '0px solid rgba(0,255,0,0.8)';;
    elB.style.border = '0px solid rgba(0,255,0,0.8)';;

    if (valor > 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
    } else if (valor < 0) {
        // 👉 gana A
        elB.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
        elA.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
    }
	
    if (valor == 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
    } 
	
	
}


function renderComparacionStats(s1, s2) {
function diff(a, b) {
    const d = a - b;
    const val = Math.abs(d);

    if (d < 0) return `<span style="color:#0f0">+${val}</span>`;
    if (d > 0) return `<span style="color:#f00">-${val}</span>`;
    return `<span style="color:#999">0</span>`;
}


    const html = `

    <div class="VS-Row" id="Dif-Puntos-B">
        <div>Puntos</div>
        <div>${s2.puntos.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.puntos, s2.puntos)}</div>
    </div>
    <div class="VS-Row" id="Dif-Carreras-B">
        <div>Carreras</div>
        <div>${s2.carreras}</div>
        <div class='valuedifchico'>${diff(s1.carreras, s2.carreras)}</div>
    </div>

    <div class="VS-Row" id="Dif-Promedio-B">
        <div>Promedio</div>
        <div>${s2.promedio.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.promedio, s2.promedio)}</div>
    </div>

    <div class="VS-Row" id="Dif-Victorias-B">
        <div>Victorias</div>
        <div>${s2.wins}</div>
        <div class='valuedifchico'>${diff(s1.wins, s2.wins)}</div>
    </div>

    <div class="VS-Row" id="Dif-Podios-B">
        <div>Podios</div>
        <div>${s2.podios}</div>
        <div class='valuedifchico'>${diff(s1.podios, s2.podios)}</div>
    </div>

    <div class="VS-Row" id="Dif-Poles-B">
        <div>Poles</div>
        <div>${s2.poles}</div>
        <div class='valuedifchico'>${diff(s1.poles, s2.poles)}</div>
    </div>

    <div class="VS-Row" id="Dif-RV-B">
        <div>RV</div>
        <div>${s2.recordVtas}</div>
        <div class='valuedifchico'>${diff(s1.recordVtas, s2.recordVtas)}</div>
    </div>
    `;

    // 🔥 PRIMERO renderizar
    document.getElementById("ModalComparacionStats").innerHTML = html;

    // 🔥 DESPUÉS aplicar bordes
    const getNum = (v) => parseFloat(v.replace(/<[^>]*>/g, '').replace('+', ''));

    EscribirDiferenciasLado(getNum(diff(s1.promedio, s2.promedio)), 'Promedio');
    EscribirDiferenciasLado(getNum(diff(s1.carreras, s2.carreras)), 'Carreras');
    EscribirDiferenciasLado(getNum(diff(s1.puntos, s2.puntos)), 'Puntos');
    EscribirDiferenciasLado(getNum(diff(s1.wins, s2.wins)), 'Victorias');
    EscribirDiferenciasLado(getNum(diff(s1.podios, s2.podios)), 'Podios');
    EscribirDiferenciasLado(getNum(diff(s1.poles, s2.poles)), 'Poles');
}


function generarChartComparacion(p1, p2) {

    const labels = [];
    const data1 = [];
    const data2 = [];

    DATA.eventos.forEach(ev => {

        labels.push(formatFecha(ev.fecha));

        const v1 = p1.eventos?.[ev.id]?.total;
        const v2 = p2.eventos?.[ev.id]?.total;

        // 🔥 cortar línea si no corrió
        data1.push(v1 > 0 ? v1 : null);
        data2.push(v2 > 0 ? v2 : null);
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [
                {
                    label: `#${p1.piloto.dorsal}`,
                    data: data1,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                },
                {
                    label: `#${p2.piloto.dorsal}`,
                    data: data2,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                }
            ]
        },
        options: {
            spanGaps: false, // 🔥 refuerzo global

            plugins: {
                legend: {
                    display: true
                }
            },

            scales: {
                y: {
                    reverse: true, // 🔥 mejor posición arriba
                    ticks: {
                        precision: 0
                    }
                }
            }
        }
    });
}


function limpiarComparacion() {

    document.getElementById("ModalComparacionStats").innerHTML = "";

    // volver al chart original
    if (window.pilotoActual) {
        generarChartCampeonato(window.pilotoActual);
    }
}


document.getElementById("filtroFecha").addEventListener("change", function() {
    const box = document.querySelector(".MS-FilterInner");

    box.classList.remove("active");
    void box.offsetWidth; // 🔥 reset animation
    box.classList.add("active");
});


function cerrarModalCampeonato() {
    document.getElementById("Seccion-Modal-Detalle-Campeonato").style.display = "none";
}


function GuardarEditInline() {
    // Selecciona el formulario
    var $form = $("#EditInlineForm");
    
    // Serializa los datos
    var data = $form.serialize();
    
    // Muestra en alert el contenido serializado
    console.log("Datos a enviar:\n" + data);

    // Env�a por AJAX
    $.ajax({
        url: '/GuardaPilotoInline.php',
        type: 'POST',
        data: data,
        success: function(response) {
            // Muestra la respuesta del servidor
            console.log("Respuesta del servidor:\n" + response);

            // Si la respuesta contiene "OK", cerramos el modal
            if (response === "OK") {
                SuperAdminModal_close()
            }
        },
        error: function(xhr, status, error) {
            alert("Error en la petici�n: " + error);
        }
    });
}
</script>


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

<script>
// Sticky Header con JS - Versi�n Fuerte
function initStickyHeader() {
    const container = document.getElementById('contenedorTabla');
    const header = document.querySelector('.Seccion-Tabla-Header');
    
    if (!container || !header) return;

    container.style.position = 'relative';

    container.addEventListener('scroll', () => {
        const scrollTop = container.scrollTop;
        
        if (scrollTop > 45) {
            header.style.position = 'absolute';
            header.style.top = scrollTop + 'px';
            header.style.zIndex = '30';
            header.style.background = '#1a1a1a';
            header.style.boxShadow = '0 4px 12px rgba(0,0,0,0.8)';
        } else {
            header.style.position = 'relative';
            header.style.top = '0';
        }
    });
}

// Llamar despu�s de cada render
window.addEventListener('load', initStickyHeader);

// Sobrescribir renderTabla para que siempre actualice
const oldRender = window.renderTabla;
window.renderTabla = function(animar = false) {
    if (oldRender) oldRender(animar);
    setTimeout(initStickyHeader, 150);
};
</script>


<div class="VideoSplash360">
</div>

<!-- Modal Audio Fullscreen -->
<div id="modalAudio">
  <button class="close-btn" onclick="cerrarModalAudio()">×</button>
  <div id="modalAudioContent">
    <p id="tituloAudio">MetaSport audio</p>
    <audio id="audioPlayer" preload="metadata"></audio>
    <div class="audio-controls">
      <button id="playPauseBtn" class="btn-playpause" title="Play/Pause">
        <i class="bi bi-play-fill"></i>
      </button>
      <div class="progress-container" onclick="setAudioProgress(event)">
        <div class="progress-bar" id="progressBar"></div>
      </div>
      <div class="time" id="currentTime">0:00</div>
      <div class="time" id="durationTime">0:00</div>
    </div>
  </div>
</div>
<!-- VIDEO MODAL -->
<!-- Modal Video Fullscreen -->
<div id="modalVideo">
  <div id="modalVideoContent"></div>
  <button id="btnCerrarModalVideo" onclick="cerrarModalVideo()">Cerrar Video ✕</button>
  
  
</div>


<style>
.GaleriaNoticias-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.GaleriaNoticias-contenedor {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.GaleriaNoticias-slider {
  display: flex;
  transition: transform 0.4s ease;
  height: 100%;
}

.GaleriaNoticias-slider img {
  width: 100vw;
  height: 90vh;
  object-fit: contain;
  flex-shrink: 0;
}

.GaleriaNoticias-cerrar {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}

.GaleriaNoticias-flechas {
  position: absolute;
  width: 100%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  transform: translateY(-50%);
  z-index: 5;
}

.GaleriaNoticias-flecha {
	font-size: 40px;
	color: white;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s;
	background: rgba(0, 0, 0, 0.5);
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius:4px;
	line-height:50px;
}
.GaleriaNoticias-flecha:hover {
  transform: scale(1.2);
}


.GaleriaNoticias-disclaimer {
  font-size: 10px;
  color: #ccc;
  text-align: center;
  padding: 0.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


</style>

<div id="GaleriaNoticias-Fotos" class="GaleriaNoticias-modal">
  <span class="GaleriaNoticias-cerrar" onclick="GaleriaNoticiasCerrar()"><i class="bi bi-x-square"></i></span>

  <div class="GaleriaNoticias-contenedor">
    <div class="GaleriaNoticias-slider"></div>
  </div>

  <div class="GaleriaNoticias-flechas">
    <span class="GaleriaNoticias-flecha izquierda" onclick="GaleriaNoticiasMover(-1)"><i class="bi bi-chevron-compact-left"></i></span>
    <span class="GaleriaNoticias-flecha derecha" onclick="GaleriaNoticiasMover(1)"><i class="bi bi-chevron-compact-right"></i></span>
  </div>
  
<div class="GaleriaNoticias-disclaimer">
  MetaSport360 utiliza estas imágenes únicamente con fines informativos y periodísticos. Algunas pueden estar sujetas a copyright y son propiedad de sus respectivos creadores. Está prohibido reproducir, distribuir o utilizar estas imágenes sin la debida autorización.
</div>
  
  
</div>

<script>
let GaleriaNoticiasFotos = [];
let GaleriaNoticiasIndex = 0;
let GaleriaNoticiasStartX = 0;
let GaleriaNoticiasIsDragging = false;

function GaleriaNoticiasAbrir(fotos) {
  GaleriaNoticiasFotos = fotos;
  GaleriaNoticiasIndex = 0;

  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.innerHTML = '';

  fotos.forEach(foto => {
    const img = document.createElement('img');
    img.src = foto;
    slider.appendChild(img);
  });

  document.getElementById('GaleriaNoticias-Fotos').style.display = 'flex';
  GaleriaNoticiasActualizarSlider();

  // Swipe con Pointer Events (funciona en táctil y mouse)
  slider.onpointerdown = (e) => {
    GaleriaNoticiasStartX = e.clientX;
    GaleriaNoticiasIsDragging = true;
  };

  slider.onpointermove = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    // opcional: se podría mostrar arrastre visual acá
  };

  slider.onpointerup = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    if (Math.abs(diffX) > 50) {
      GaleriaNoticiasMover(diffX > 0 ? -1 : 1);
    }
    GaleriaNoticiasIsDragging = false;
  };

  // Cancelar si se suelta fuera
  slider.onpointercancel = () => GaleriaNoticiasIsDragging = false;
}

function GaleriaNoticiasCerrar() {
  const modal = document.getElementById('GaleriaNoticias-Fotos');
  const slider = document.querySelector('.GaleriaNoticias-slider');

  // Ocultar modal
  modal.style.display = 'none';

  // Limpiar imágenes y eventos
  slider.innerHTML = '';
  slider.onpointerdown = null;
  slider.onpointermove = null;
  slider.onpointerup = null;
  slider.onpointercancel = null;
}

function GaleriaNoticiasMover(direccion) {
  GaleriaNoticiasIndex += direccion;
  if (GaleriaNoticiasIndex < 0) GaleriaNoticiasIndex = GaleriaNoticiasFotos.length - 1;
  if (GaleriaNoticiasIndex >= GaleriaNoticiasFotos.length) GaleriaNoticiasIndex = 0;
  GaleriaNoticiasActualizarSlider();
}

function GaleriaNoticiasActualizarSlider() {
  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.style.transform = `translateX(-${GaleriaNoticiasIndex * 100}vw)`;
}
</script>


<!-- JS Funciones Modales -->
<script>
$(document).ready(function(){
  setTimeout(function(){
    $("#swipeOverlay").fadeIn(500, function(){
      // Después de mostrarlo, espera otros 3s y se oculta
      setTimeout(function(){
        $("#swipeOverlay").fadeOut(500);
      }, 3000);
    });
  }, 3000); // Espera 3s ANTES de mostrar
});
  function compartirNota(titulo, texto, url) {
    if (navigator.share) {
      navigator.share({
        title: titulo,
        text: texto,
        url: url
      }).then(() => {
        console.log("Compartido con éxito");
      }).catch((error) => {
        console.error("Error al compartir:", error);
      });
    } else {
      if (navigator.clipboard) {
        navigator.clipboard.writeText(url).then(() => {
          alert("Enlace copiado al portapapeles.");
        });
      } else {
        prompt("Copiá el siguiente link:", url);
      }
    }
  }
  
  
const modalVideo = document.getElementById('modalVideo');
const modalVideoContent = document.getElementById('modalVideoContent');

function abrirModalVideo(urlVideo) {
  modalVideo.style.display = 'flex';

  setTimeout(() => {
    modalVideoContent.innerHTML = '';

    if (!urlVideo) return;

    const esMp4 = urlVideo.toLowerCase().endsWith('.mp4');

    if (esMp4) {
      // Es video mp4 (local o remoto)
      // Si no es URL absoluta, asumimos archivo local y le agregamos dominio + path
      let videoSrc = urlVideo;
      if (!videoSrc.startsWith('http://') && !videoSrc.startsWith('https://')) {
        videoSrc = "https://metasport360.com/Contenido/Videos/" + videoSrc;
      }
      const video = document.createElement('video');
      video.src = videoSrc;
      video.autoplay = true;
      video.controls = false;
      video.playsInline = true;
      modalVideoContent.appendChild(video);
      video.play().catch(() => {});

    } else {
      // No es mp4, puede ser YouTube o inválido
      const ytRegex = /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)/;
      const ytMatch = urlVideo.match(ytRegex);

      if (ytMatch) {
        const videoId = ytMatch[1];
        const iframe = document.createElement('iframe');
        iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1`;
        iframe.allow = 'autoplay; fullscreen; picture-in-picture';
        iframe.allowFullscreen = true;
        modalVideoContent.appendChild(iframe);

      } else {
        const msg = document.createElement('div');
        msg.style.color = 'white';
        msg.style.padding = '20px';
        msg.textContent = 'Formato de video no soportado.';
        modalVideoContent.appendChild(msg);
      }
    }
  }, 50);
}

  function cerrarModalVideo() {
    modalVideo.style.display = 'none';
    modalVideoContent.innerHTML = ''; // Limpiar para evitar flashes y pausar todo
  }
  const modal = document.getElementById('modalAudio');
  const audio = document.getElementById('audioPlayer');
  const playPauseBtn = document.getElementById('playPauseBtn');
  const progressBar = document.getElementById('progressBar');
  const currentTimeEl = document.getElementById('currentTime');
  const durationTimeEl = document.getElementById('durationTime');
  const tituloAudio = document.getElementById('tituloAudio');

  // Formatea segundos a mm:ss
  function formatTime(seconds) {
    const m = Math.floor(seconds / 60);
    const s = Math.floor(seconds % 60);
    return m + ':' + (s < 10 ? '0' : '') + s;
  }
const CFG_Domain = "https://metasport360.com";
function abrirModalAudio(urlAudio, titulo = '') {
  // Verifica si es una URL absoluta (contiene https)
  const isAbsolute = urlAudio.startsWith('http://') || urlAudio.startsWith('https://');

  // Si no es absoluta, construye la ruta completa
  const finalUrl = isAbsolute ? urlAudio : `${CFG_Domain}/Contenido/Audios/${urlAudio}`;

  // Asigna y prepara audio
  audio.src = finalUrl;
  audio.load();
  modal.style.display = 'flex';

  // Mostrar título
  tituloAudio.textContent = titulo;

  // Reset UI
  progressBar.style.width = '0%';
  currentTimeEl.textContent = '0:00';
  durationTimeEl.textContent = '0:00';
  updatePlayPauseIcon(false);

  // Reproducir
  audio.play();
}


  function cerrarModalAudio() {
    audio.pause();
    audio.currentTime = 0;
    modal.style.display = 'none';
  }

  function updatePlayPauseIcon(isPlaying) {
    const icon = playPauseBtn.querySelector('i');
    if (isPlaying) {
      icon.classList.remove('bi-play-fill');
      icon.classList.add('bi-pause-fill');
    } else {
      icon.classList.remove('bi-pause-fill');
      icon.classList.add('bi-play-fill');
    }
  }

  playPauseBtn.addEventListener('click', () => {
    if (audio.paused) {
      audio.play();
    } else {
      audio.pause();
    }
  });

  audio.addEventListener('play', () => {
    updatePlayPauseIcon(true);
  });

  audio.addEventListener('pause', () => {
    updatePlayPauseIcon(false);
  });

  audio.addEventListener('timeupdate', () => {
    if (audio.duration) {
      const progressPercent = (audio.currentTime / audio.duration) * 100;
      progressBar.style.width = progressPercent + '%';
      currentTimeEl.textContent = formatTime(audio.currentTime);
      durationTimeEl.textContent = formatTime(audio.duration);
    }
  });

  function setAudioProgress(event) {
    const width = event.currentTarget.clientWidth;
    const clickX = event.offsetX;
    const duration = audio.duration;

    if (duration) {
      audio.currentTime = (clickX / width) * duration;
    }
  }


function ToqueUsuario(accion, id) {
  fetch('AccionUsuario.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: 'accion=' + accion + '&id=' + id
  })
  .then(response => response.json())
  .then(data => {
    if (data && typeof data.total !== 'undefined') {
      const icono = document.querySelector(`.Corazoncito[data-id='${id}'] i`);
      const contador = document.querySelector(`.Corazoncito[data-id='${id}'] .contador-likes`);

      if (data.total > 0) {
        // Cambiar a ícono relleno
        icono.classList.remove('bi-heart');
        icono.classList.add('bi-heart-fill', 'text-primary');

        // Actualizar contador o crearlo si no existe
        if (contador) {
          contador.textContent = data.total;
        } else {
          const nuevoContador = document.createElement('span');
          nuevoContador.className = 'contador-likes';
          nuevoContador.textContent = data.total;
          icono.parentNode.appendChild(nuevoContador);
        }

        // Reproducir sonido
        const sonido = document.getElementById('likeSound');
        if (sonido) {
          sonido.currentTime = 0; 
          sonido.play();
        }

        // Animación parpadeo verde
        icono.classList.add('parpadeo-verde');
        setTimeout(() => {
          icono.classList.remove('parpadeo-verde');
        }, 600); // igual a la duración de la animación
      }
    }
  });
}

</script>
<script>
(() => {
  const toggles = document.querySelectorAll(".theme-toggle");
  const styleLink = document.getElementById("360-Style-Sheet");
  const savedTheme = localStorage.getItem("360-Style-Theme") || "light";

  function applyTheme(theme) {
    document.documentElement.setAttribute("data-theme", theme);
    localStorage.setItem("360-Style-Theme", theme);

    // Agregar clase temporal para transición segura 
    document.body.classList.add("theme-transition");

    // Cambiar CSS
    styleLink.href = "https://metasport360.com/360-CSS-" + theme + ".css?var=" + new Date().getTime();

    // Forzar reflow
    document.body.offsetHeight;

    // Reinicializar librerías si es necesario
    if (typeof AOS !== "undefined") {
      setTimeout(() => AOS.refreshHard(), 300);
    }

    // Remover clase temporal
    setTimeout(() => {
      document.body.classList.remove("theme-transition");
    }, 400);

    toggles.forEach(toggle => toggle.setAttribute("data-theme", theme));
  }

  applyTheme(savedTheme);

  toggles.forEach(toggle => {
    toggle.addEventListener("click", () => {
      const current = toggle.getAttribute("data-theme");
      const next = current === "light" ? "dark" : "light";
      applyTheme(next);
    });
  });
})();


</script>


<script src="https://metasport360.com/jquery.countdown.js"></script> 
<script async src="//www.instagram.com/embed.js"></script>
<script async src="https://www.tiktok.com/embed.js"></script>

    </main>

    <div data-rocket-location-hash="199d9418b8b1b403025731029a5d202e" style="display: none;"></div>

            <script type="text/javascript" id="jkd-main-js-extra">
            /* <![CDATA[ */
            var jkd_ajax = {"ajaxurl":"https:\/\/\/meta-admin\/meta-ajax.php"};
            var jkd_main = {"set":{"general-rtl-toggle":false,"scroll-top-button-toggle":true,"color-switcher-toggle":true,"gen-col-schm":"light","social-list":[{"social_text":"Facebook","social_icon":"icon-facebook","social_custom_icon":"","social_counter":"849","social_color":"#415e9b","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Dribbble","social_icon":"icon-dribbble","social_custom_icon":"","social_counter":"843","social_color":"#df5188","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Youtube","social_icon":"icon-youtube","social_custom_icon":"","social_counter":"574","social_color":"#f60002","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Linkedin","social_icon":"icon-linkedin","social_custom_icon":"","social_counter":"431","social_color":"#0073ae","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Discord","social_icon":"icon-instagram","social_custom_icon":"","social_counter":"851","social_color":"#de2462","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Twitch","social_icon":"icon-twitch","social_custom_icon":"","social_counter":"325","social_color":"#9146ff","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"}],"error-page-links":true,"branding-logotype":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","branding-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/05\/fabula-white.svg","branding-mini-logotype":"","branding-mini-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2022\/04\/logo-white.svg","branding-copyright":"\u00a9{year} Fabula, Inc. All rights reserved","footer-social-part-toggle":true,"footer-copyright-part-toggle":true,"footer-widgets-part-toggle":true,"footer-menu-part-toggle":true,"blog-categories-catalogue-main-page":"12198","blog-pagination":true,"blog-pagination-type":"load-more","blog-archive-pagination-alignment":"center","nav-tg":true,"nav-h":"80","nav-mob-h":"60","nav-logo-tg":true,"nav-logo-w":"100","nav-logo-mob-w":"35","nav-bk-on":true,"nav-nav-sf-tg":true,"cat-mg-tg":true,"cat-mg-cnt":"7","cat-mg-post-cnt":"12","cat-mg-alert-tg":true,"cat-mg-ldmr-tg":true,"nav-off-sb-on":true,"nav-crt-st":"offcanv","nav-mb-cp-tg":true,"nav-mb-sc-tg":true,"sf-ajax-tg":true,"sf-alert-tg":true,"sf-lt-tg":true,"sf-tags-tg":true,"sf-tags-count":"20","sf-voice-tg":true,"single-post-style":"simple","single-post-progressbar":true,"single-post-views":true,"single-post-likes":true,"single-post-bookmark":true,"single-post-recent":true,"single-post-recent-style":"list","single-post-recent-by":"categories","single-post-number-of-recent-items":"6","single-post-navigation":true,"single-post-navigation-style":"fixed","single-post-reactions":true,"single-post-comments":true,"single-post-comments-ajax":true,"single-post-comments-pagination-type":"default","single-post-comments-style":"default","single-post-share-toggle":true,"single-post-banner-alignment":"bottom","single-post-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-matheus-bertelli-799443-scaled.jpg","single-post-banner-text":"Hurry up! Get 25% off now for a limited time offer.","single-post-banner-button-text":"Learn More","shop-style":"default","shop-pagination-type":"load-more","shop-pagination-alignment":"center","shop-number-of-grid-column":"3","shop-items-offset":"15","shop-number-of-items":"12","shop-cross-sells-products":true,"shop-number-of-cross-sells-items":"5","shop-banner-toggle":true,"shop-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-scandinavian-biolabs-8466547-scaled.jpg","shop-banner-text":"Hurry up! Get 25% off now for a limited time offer.","shop-banner-button-text":"Learn More","shop-product-zoom-toggle":true,"shop-related-products":true,"shop-number-of-related-items":"5","shop-upsells-products":true,"shop-number-of-upsells-items":"5","shop-single-product-summary-alignment":"right","career-share-toggle":true,"career-share-list":["twitter","facebook","linkedin","email"],"typo-heading-font":"gf-poppins","typo-text-font":"gf-poppins","default_color_scheme_bg_color":"#f0ebe3","color_scheme_primary_color":"#ff4e18","default_color_scheme_bg_color_secondary":"#e6e0d8","color_scheme_border_color":"#443c32","default_color_scheme_heading_color":"#443c32","default_color_scheme_text_color":"#443c32","col_schm_primary_color":"#654a4e","default_col_schm_bg_color":"#f0ebe3","default_col_schm_bg_color_secondary":"#e6e0d8","default_col_schm_text_color":"#443c32","default_col_schm_heading_color":"#443c32","col_schm_border_color":"#161519","def_col_schm_bg_color":"#f0ebe3","def_col_schm_bg_color_secondary":"#e6e0d8","def_col_schm_text_color":"#443c32","def_col_schm_heading_color":"#cf9042","def_schm_text_color":"#797c7f","def_schm_heading_color":"#161519","def_schm_bg_color":"#e4ded4","def_schm_bg_color_secondary":"#ffffff","dk_schm_bg_color":"#161519","dk_schm_bg_color_secondary":"#4813e5","dk_schm_text_color":"#797c7f","dk_schm_heading_color":"#ffffff","dk_schm_dk_color":"#161519","dk_schm_placeholder_color":"#868380","def_schm_dk_color":"#161519","t-ban-offr":"u26a1 Flash Sale! 30% OFF! Grab Your Must-Haves Now!  #MegaDeals ","p-rw-st":"progress","p-rw-col":{"p-rw-col-2":"#3e418d","p-rw-col-3":"#5558b8","p-rw-col-4":"#7c7fda","p-rw-col-5":"#b2b5ff","p-rw-col-ic":"#000000","p-rw-col-1":"#2a2c63"},"t-ban-lb":"Hot","t-ban-btn-url":"https:\/\/themeforest.net\/user\/knightleystudio","ft-footer":true,"ft-form":true,"ft-form-ttl":"Subscribe for the Latest Updates Delivered Straight to Your Inbox","ft-form-subttl":"Get the latest updates delivered to your inbox","ft-form-code":"[mc4wp_form id=10131]","ft-widgets":true,"ft-copyright":true,"ft-social":true,"ft-add-menu":true,"p-rw-ttl-1":"Poor","p-rw-ttl-2":"Fair","p-rw-ttl-3":"Good","p-rw-ttl-4":"Excellent","p-rw-ttl-5":"Amazing","footer-instagram":"[instagram-feed feed=5]","mini-logo":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","mini-logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","arch-header":true,"arch-header-brcrmb":true,"arch-header-title":true,"arch-header-desc":true,"arch-header-nav":true,"p-hdr-style":"st-1","arch-pagination-type":"default","error-pg-ttl":"Oops! Page not Found.","error-pg-subttl":"Here are some helpful links instead:","typo-h-multi":"100","nav-rand-post-tg":true,"t-ban-tg":true,"t-ban-btn":"Learn More","arch-catalogue-page":"12198","arch-bookmarks-page":"16427","arch-bookmarks-title":"Your Bookmarks","arch-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-bookmarks-page":"16427","blog-catalogue-page":"12198","blog-bookmarks-title":"Your Bookmarks","blog-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-grid-style":"posts-grid-type-3","blog-grid-columns":"3","blog-grid-offset":"10","blog-sidebar":true,"blog-sidebar-alignment":"left","blog-pag-type":"default","blog-pag-algn":"center","blog-header":true,"blog-header-brcrmb":true,"blog-header-title":true,"blog-header-desc":true,"blog-header-nav":true,"typo-mt-multi":"100","nav-col-switch-tg":true,"nav-sf-tg":true,"nav-cart-tg":true,"blog-bk-page":"16427","blog-bk-title":"Your Bookmarks","blog-bk-subtitle":"Your Curated Bookmarks Page","sp-share-shortcode":"[addtoany]","toc-tg":true,"general-rtl-tg":false,"scroll-top-button-tg":true,"typo-txt-multi":"100","p-ttl-tag":"h1","p-brdcrmb-tg":true,"p-subttl-tg":true,"p-cat-tg":true,"p-tags-tg":true,"p-auth-tg":true,"p-rt-tg":true,"p-date-tg":true,"p-com-tg":true,"p-view-tg":true,"p-like-tg":true,"p-bk-tg":true,"p-rw-tg":true,"p-sb-tg":true,"p-rec-tg":true,"p-news-tg":true,"p-bio":false,"sp-ban-tg":true,"sp-ban-alignment":"top","sp-ban-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/01\/steve-johnson-bNEga8u4kUs-unsplash-scaled.jpg","sp-ban-text":"Hurry up! Get 10% off now u23f3 for a limited time offer! ud83cudf89","sp-ban-button-text":"Learn More","sp-ban-button-link":"#","sp-share-toggle":true,"p-news-ttl":"Stay Informed with Our Newsletter","p-news-sub-ttl":"<p>Get the latest updates delivered to your inbox<\/p>","p-news-form-shortcode":"[mc4wp_form id=10131]","shop-pag-type":"default","shop-pag-alignment":"left","shop-zoom-tg":true,"shop-related-tg":true,"shop-rel-items":"5","shop-upsells-tg":true,"shop-upsells-items":"5","p-nav":true,"p-rec-grid-style":"posts-grid-type-3","p-rec-cnt":"6","p-rw-emoji":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/10\/white-medium-star-1.svg","read-also-count":"7","blog-grid-masonry":true,"p-rec-col":"2","gen-lqip-tg":true,"blog-category-on":true,"blog-date-on":true,"blog-author-on":true,"blog-bk-on":true,"blog-rw-on":true,"blog-rd-on":true,"blog-like-on":true,"blog-view-on":true,"blog-comments-on":true,"blog-share-on":true,"blog-excerpt-on":true,"ft-insta-btn-text":"Follow Us @fabulatheme","ft-insta-btn-link":"https:\/\/www.instagram.com\/jkd_demo_insta\/","ft-insta":true,"ft-insta-btn":true,"arch-grid-masonry":true,"arch-grid-st":"posts-grid-type-2","arch-sidebar":true,"arch-sidebar-algn":"left","arch-grid-thumb-on":true,"arch-grid-cat-on":true,"arch-grid-date-on":true,"arch-grid-auth-on":true,"arch-grid-bk-on":true,"arch-grid-rw-on":true,"arch-grid-com-on":false,"arch-grid-share-on":true,"arch-grid-excerpt-on":true,"arch-grid-off":"10","arch-bk-page":"16427","arch-bk-title":"Your Bookmarks","arch-bk-subtitle":"Easily access and manage your saved articles and posts.","p-info-bar-tg":true,"top-btn-tg":true,"only-post-search-tg":true,"arch-bk-sub-menutitle":" Easily revisit your favorite content anytime","animations-tg":true,"arch-bk-submenu-title":"Your personal collection of saved posts and articles","p-sb-alg":"right","arch-rw-page":"24556","arch-rw-title":"Reviews","arch-rw-submenu-title":"Authentic reviews and insights","arch-bk-image":24816,"arch-rw-image":24817,"arch-cat-lb-st":"st-4","p-rw-ic":"plus","read-also-tg":true,"read-also-txt":"Read Also:","read-also-by":"random","sp-top-btn-tg":true,"p-act-tg":true,"p-cat-lb-st":"st-3","p-rec-count":"8","p-rec-grid-col":"2","p-rec-grid-off":"10","p-rec-grid-st":"posts-grid-type-7","p-ads-tg":false,"p-ad-sb-img":19299,"p-ad-cont-top-img":25916,"p-ad-cont-bot-img":25916,"p-ad-post-bot-img":25916,"p-ad-sb-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-top-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-post-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","cs-gen":{"pr-col":"#ff652c","b-col":"rgba(152, 152, 152, 0.4)","b-col-wh":"rgba(255, 255, 255, 0.25)"},"cs-lh":{"bg-col":"#ffffff","bg-col-sec":"#f4f3f3","h-col":"#000000","txt-col":"#4a4a4a","b-col-def":"#d6d6d6"},"cs-dk":{"bg-col":"#34363a","bg-col-sec":"#28292a","h-col":"#ffffff","txt-col":"#c7c7c7","b-col-def":"#545756"},"content-width":"780","sb-form-tg":false,"sb-form-sh":"[mc4wp_form id=10131]","sb-form-ttl":"Stay Updated!","sb-form-subttl":"Subscribe to get the latest blog posts, news, and updates delivered straight to your inbox.","p-sticky-tg":false,"gen-fixed-soc-tg":true,"sb-form-img":27150,"arch-grid-col":"1","smooth-scrolling-tg":false,"p-cus-com-tg":false,"p-com-spoiler-tg":true,"p-cus-com-fb-id":"1235898684349501","p-cus-com-disqus":false,"p-cus-com-disqus-id":"jkdevstudio","p-cus-com-fb":false,"logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","disable_emojis":true,"disable_embeds":true,"disable_jquery_migrate":true,"disable_dashicons":true,"remove_query_strings":true,"disable_rss_feeds":true,"disable_xmlrpc":true,"elementor_optimization":true,"nav-col-switch-mob-tg":true,"gen-col-schm-sys":true,"arch-grid-activity-on":true,"arch-grid-like-on":true,"arch-grid-views-on":true,"nav-cat-sub-thumb-on":true,"nav-cat-sub-cat-on":true,"nav-cat-sub-lb-st":"st-1","nav-cat-sub-ttl-tag":"h6","nav-cat-sub-date-on":true,"nav-cat-sub-auth-on":true,"nav-cat-sub-bk-on":true,"nav-cat-sub-activity-on":true,"nav-cat-sub-rw-on":false,"nav-cat-sub-com-on":false,"nav-cat-sub-like-on":true,"nav-cat-sub-views-on":true},"reg_nonce":"915aa16638"};
            var jkd_lm_049e177 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19672\",\"22879\",\"23063\"],\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_859341c = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19668\",\"19671\",\"20872\"],\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"20\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_395a50c = {"set":"{\"masonry_on\":\"yes\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":12,\"sizes\":[]},\"show_pagination\":\"yes\",\"exc_lng\":{\"unit\":\"px\",\"size\":20,\"sizes\":[]},\"grid_type\":\"posts-grid-type-2\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"dynamic_pag\":\"yes\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"spacing_between_columns_mobile\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"isShortcode\":true,\"ttl_tag\":\"h4\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"pagination_type\":\"default\",\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"specific_posts\":\"\",\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_f83cfd1 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"posts_sorting\":\"likes\",\"_border_border\":\"none\",\"_border_width\":{\"unit\":\"px\",\"top\":\"1\",\"right\":\"1\",\"bottom\":\"1\",\"left\":\"1\",\"isLinked\":true},\"_border_color\":\"#98989866\",\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"activity_on\":\"\",\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"20\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"like_on\":null,\"view_on\":null,\"comments_on\":null,\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_d2c84c8 = {"set":"{\"grid_type\":\"posts-grid-type-5\",\"ttl_tag\":\"h5\",\"cat_st\":\"st-4\",\"posts_sorting\":\"sticky\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":2,\"sizes\":[]},\"isShortcode\":true,\"masonry_on\":\"no\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"posts_count\":{\"unit\":\"px\",\"size\":6,\"sizes\":[]},\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
            /* <![CDATA[ */
            var eztoc_smooth_local = {"scroll_offset":"130","add_request_uri":"","add_self_reference_link":""};
            /* ]]> */
        </script>
<!--        
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js" fetchpriority="high" src="https://metasport360.com/Meta_files/smooth_scroll.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-js-cookie-js" fetchpriority="high" src="https://metasport360.com/Meta_files/js.cookie.min(1).js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-jquery-sticky-kit-js" fetchpriority="high" src="https://metasport360.com/Meta_files/jquery.sticky-kit.min.js.descarga" data-rocket-status="executed">
        
 -->        
        
        
        </script>
        <script type="text/javascript" id="ez-toc-js-js-extra">
            /* <![CDATA[ */
            var ezTOC = {"smooth_scroll":"1","scroll_offset":"130","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-js-js" fetchpriority="high" src="https://metasport360.com/Meta_files/front.min.js.descarga" data-rocket-status="executed"></script>

        <script type="text/javascript" id="rocket-preload-links-js-extra">
            /* <![CDATA[ */
            var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/my-account\/??(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/metasport360.com","onHoverDelay":"100","rateThrottle":"3"};
            /* ]]> */
        </script>


        <script type="text/javascript" id="elementor-frontend-modules-js" fetchpriority="high" src="https://metasport360.com/Meta_files/frontend-modules.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="jquery-ui-core-js" fetchpriority="high" src="https://metasport360.com/Meta_files/core.min.js.descarga" data-rocket-status="executed"></script>


<script>
document.addEventListener('DOMContentLoaded', function () {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    // Ocultar preloader tras 5s como fallback
    const fallbackTimeout = setTimeout(() => hidePreloader(), 5000);

    // Intentamos ocultar al cargar la ventana, pero no bloquea
    window.addEventListener('load', function () {
        clearTimeout(fallbackTimeout);
        hidePreloader();
    });

    // Mostrar mensaje guardado de la página anterior (si existe)
    const savedMsg = sessionStorage.getItem('preloadMessage');
    if (savedMsg) {
        showPreloaderMessage(savedMsg);
        sessionStorage.removeItem('preloadMessage');

        // Ocultar automáticamente después de 1.5 segundos
        setTimeout(() => hidePreloader(), 1500);
    }

    // Capturamos clics en enlaces con clase LanzaPreload
    document.addEventListener('click', function (e) {
        const link = e.target.closest('.LanzaPreload');
        if (link) {
            const preloadHtml = link.dataset.preload;
            if (preloadHtml) {
                let preloadMsg = preloader.querySelector('.preload-message');
                if (!preloadMsg) {
                    preloadMsg = document.createElement('div');
                    preloadMsg.className = 'preload-message';
                    preloadMsg.style.color = '#fff';
                    preloadMsg.style.textAlign = 'center';
                    preloadMsg.style.marginTop = '15px';
                    spinner.insertAdjacentElement('afterend', preloadMsg);
                }
                preloadMsg.innerHTML = preloadHtml;

                // Guardamos el mensaje para la nueva página
                sessionStorage.setItem('preloadMessage', preloadHtml);
            }

            // Mostrar preloader inmediatamente
            preloader.classList.remove('hidden');
			// Cerrar todos los submenús con id que empiece por "submenu-"
			const submenus = document.querySelectorAll('[id^="submenu-"].open');
			submenus.forEach(submenu => {
				submenu.classList.remove('open');
			});
			
        }
    });
});

function showPreloaderMessage(msg) {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    let preloadMsg = preloader.querySelector('.preload-message');
    if (!preloadMsg) {
        preloadMsg = document.createElement('div');
        preloadMsg.className = 'preload-message';
        preloadMsg.style.color = '#fff';
        preloadMsg.style.textAlign = 'center';
        preloadMsg.style.marginTop = '15px';
        spinner.insertAdjacentElement('afterend', preloadMsg);
    }
    preloadMsg.innerHTML = msg;
    preloader.classList.remove('hidden');
    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
	
}


function showPreloader() {
    const preloader = document.getElementById('Meta360-Preloader');
    preloader.classList.remove('hidden');
	alert('sdfsdfsdf');

    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
}


function hidePreloader() {
    document.getElementById('Meta360-Preloader').classList.add('hidden');
}
</script>


<script>
document.addEventListener("DOMContentLoaded", () => {

    const cont = document.getElementById("Guia360");

    const iframe = document.createElement("iframe");
    iframe.src = "guia.php";
    iframe.style.width = "100%";
    iframe.style.border = "0";
    iframe.style.minHeight = "500px"; // ajustar según tu diseño

    cont.innerHTML = "";
    cont.appendChild(iframe);

});


document.addEventListener("DOMContentLoaded", function() {
    const sticky = document.getElementById("sticky-secciones");
    if (!sticky) return;

    const navHeight = 0; // ajusta según la altura de tu navegación (360-nav.php)

    window.addEventListener("scroll", function() {
        if (window.scrollY > 165) {  // cambia 100 por la distancia donde quieres que se fije
            sticky.style.position = "fixed";
            sticky.style.top = 100 + "px";
            sticky.style.zIndex = "99999999999999999999999999999999999999999999999999999999999999999999999999999999";
            sticky.style.width = "100%";
            sticky.style.left = "0";
            sticky.style.boxShadow = "0 10px 8px -4px rgba(0, 0, 0, 0.05),0 15px 12px -6px rgba(0, 0, 0, 0.03),0 20px 18px -8px rgba(0, 0, 0, 0.05)";
            sticky.style.background = document.documentElement.getAttribute("data-cs") === "dark" ? "#1a1a1a" : "#ffffff";
        } else {
            sticky.style.position = "static";
            sticky.style.boxShadow = "none";
        }
    });
});


</script>


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

</html>