<!--


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


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


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

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

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

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

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

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

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

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

<!-- Open Graph -->

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

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


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

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

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

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

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

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

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


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


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


<style>

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

}


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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    </style>
    
<!--


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


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


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

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

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


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


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


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

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

        .cky-hide {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 440px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .cky-switch {
            display: flex;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width: 352px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.ultimahora {
}

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

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

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

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

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


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


metalogo {
}


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


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


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


body{
	overflow-x:hidden !important;
}


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


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


}


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

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

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


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

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

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

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

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

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

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

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

    text-align: center;
}

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

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

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

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

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

    margin: 0 auto;

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

    width: auto;
    height: auto;

    border-radius: 2px;

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

    transition: transform .25s ease;
}

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

@media (max-width:768px){

    .figus-modal{
        padding: 10px;
    }

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

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

}
</style>

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

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

</div>


<script>

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

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

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

});

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

              </div>
            </ul>

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


        </div>

    </div>

</div>

    </div>
</li>
    
    
   -->   

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

 
    <!-- Tiempos Online (solo viernes-domingo) -->
        

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

  </ul>
  

</div>
      

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

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

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

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

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

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

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


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


</style>

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


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

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

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

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

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

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

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

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

</script>

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

    </div>


  </div>


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

#nav360-logo {
  height: 35px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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


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


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


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


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

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

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

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

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


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


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


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


</style>

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


  </div>
</nav>

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

    </div>
</li>

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	
  }

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

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

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

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

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

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

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

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

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

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

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

  
</style>


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

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


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


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


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

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


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

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

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

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

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


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

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

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

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

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


<div class="visually-hidden">
  NUMEROSAS RESOLUCIONES DE LA CAF DE LA ACTC  <p>El ente fiscalizador informó decisiones correspondiente a lo sucedido el pasado fin de semana</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13541/Contenido/numerosas-resoluciones-de-la-caf-de-la-actc"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>NUMEROSAS RESOLUCIONES DE LA CAF DE LA ACTC</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="NUMEROSAS RESOLUCIONES DE LA CAF DE LA ACTC">
        NUMEROSAS RESOLUCIONES DE LA CAF DE LA ACTC      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        5192     -->
     El ente fiscalizador informó decisiones correspondiente a lo sucedido el pasado fin de...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('NUMEROSAS RESOLUCIONES DE LA CAF DE LA ACTC', 'El ente fiscalizador informó decisiones correspondiente a lo sucedido el pasado fin de...', 'https://metasport360.com/Prensa/13541/Contenido/numerosas-resoluciones-de-la-caf-de-la-actc')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13540" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13540/Contenido/franco-de-benedictis-tuvo-su-bautismo-triunfal-en-la-clase-tres">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  FRANCO DE BENEDICTIS TUVO SU BAUTISMO TRIUNFAL EN LA CLASE TRES  <p>El piloto de Necochea se impuso en la competencia válida por la sexta cita del calendario</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13540/Contenido/franco-de-benedictis-tuvo-su-bautismo-triunfal-en-la-clase-tres"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>FRANCO DE BENEDICTIS TUVO SU BAUTISMO TRIUNFAL EN LA CLASE TRES</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="FRANCO DE BENEDICTIS TUVO SU BAUTISMO TRIUNFAL EN LA CLASE TRES">
        FRANCO DE BENEDICTIS TUVO SU BAUTISMO TRIUNFAL EN LA CLASE TRES      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        3097     -->
     El piloto de Necochea se impuso en la competencia válida por la sexta cita del...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('FRANCO DE BENEDICTIS TUVO SU BAUTISMO TRIUNFAL EN LA CLASE TRES', 'El piloto de Necochea se impuso en la competencia válida por la sexta cita del...', 'https://metasport360.com/Prensa/13540/Contenido/franco-de-benedictis-tuvo-su-bautismo-triunfal-en-la-clase-tres')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13539" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13539/Contenido/nicolas-herrera-gano-con-oficio-la-sexta-fecha-en-rio-cuarto">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  NICOLÁS HERRERA GANÓ CON OFICIO LA SEXTA FECHA EN RÍO CUARTO  <p>El actual campeón de la divisional intermedia se impuso por primera vez en el año</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13539/Contenido/nicolas-herrera-gano-con-oficio-la-sexta-fecha-en-rio-cuarto"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>NICOLÁS HERRERA GANÓ CON OFICIO LA SEXTA FECHA EN RÍO CUARTO</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="NICOLÁS HERRERA GANÓ CON OFICIO LA SEXTA FECHA EN RÍO CUARTO">
        NICOLÁS HERRERA GANÓ CON OFICIO LA SEXTA FECHA EN RÍO CUARTO      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        2955     -->
     El actual campeón de la divisional intermedia se impuso por primera vez en el año    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('NICOLÁS HERRERA GANÓ CON OFICIO LA SEXTA FECHA EN RÍO CUARTO', 'El actual campeón de la divisional intermedia se impuso por primera vez en el año', 'https://metasport360.com/Prensa/13539/Contenido/nicolas-herrera-gano-con-oficio-la-sexta-fecha-en-rio-cuarto')"></i>

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

</div>

<!-- Scripts -->


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


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

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


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

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

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

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

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


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

  
<div 
  class="TieneChat" 
  id="TieneChat13538" 
  style="display: none;"
>
    <img src="https://metasport360.com/mili.jpg" alt="Imagen ejemplo" class="TieneChat-Imagen" />
    <div class="TieneChat-Textos">
      <div class="TieneChat-Texto1">Estamos Charlando con Mili!</div>
      <div class="TieneChat-Texto2">Sumate a la conversación en vivo...</div>
      <div class="TieneChat-Texto3">Entra en la nota o <a href="https://metasport360.com/Prensa/13538/Contenido/esteban-monje-heredo-el-triunfo-en-rio-cuarto">haz clic aquí</a></div>
    </div>
  </div>

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

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

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


<div class="visually-hidden">
  ESTEBAN MONJE HEREDÓ EL TRIUNFO EN RÍO CUARTO  <p>El piloto de Santa Fe subió a lo más alto del podio por una sanción que recibió Adrián Oubiña</p></div>


    <h3 class="hero-360-title">
      <a 
      href="https://metasport360.com/Prensa/13538/Contenido/esteban-monje-heredo-el-triunfo-en-rio-cuarto"
      class="hero-link LanzaPreload"
      data-preload="<p>Abriendo:</p><span>ESTEBAN MONJE HEREDÓ EL TRIUNFO EN RÍO CUARTO</span>"
      style="display: inline-block; text-decoration: none; color: inherit;" title="ESTEBAN MONJE HEREDÓ EL TRIUNFO EN RÍO CUARTO">
        ESTEBAN MONJE HEREDÓ EL TRIUNFO EN RÍO CUARTO      </a>
    </h3>

    <p class="hero-360-text">
    <!--	
        3377     -->
     El piloto de Santa Fe subió a lo más alto del podio por una sanción que recibió Adrián...    </p>

  </div>

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

  <!-- Compartir -->
  <i class="bi bi-send hero-360-icon" title="Compartir" onclick="compartirNota('ESTEBAN MONJE HEREDÓ EL TRIUNFO EN RÍO CUARTO', 'El piloto de Santa Fe subió a lo más alto del podio por una sanción que recibió Adrián...', 'https://metasport360.com/Prensa/13538/Contenido/esteban-monje-heredo-el-triunfo-en-rio-cuarto')"></i>

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

</div>

<!-- Scripts -->


</div>


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

            <div class="New360-Top-Event-Date">
                02/08/2026            </div>

            <div class="New360-Top-Event-Venue">
                Circuito San Juan Villicum            </div>
        </div>

    </div>


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

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

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

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

            <div class="New360-Top-Event-Date">
                02/08/2026            </div>

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

    </div>


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

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

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

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

            <div class="New360-Top-Event-Date">
                02/08/2026            </div>

            <div class="New360-Top-Event-Venue">
                Circuito San Juan Villicum            </div>
        </div>

    </div>


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

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

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

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

            <div class="New360-Top-Event-Date">
                02/08/2026            </div>

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

    </div>


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

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

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

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

            <div class="New360-Top-Event-Date">
                02/08/2026            </div>

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

    </div>


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

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

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

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

            <div class="New360-Top-Event-Date">
                03/08/2026            </div>

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

    </div>


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    display: block;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    prevSlide();
});

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

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

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

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

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

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


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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

            <div class="PreCampeonatos360Card-Nombre">Jonatan</div>
            <div class="PreCampeonatos360Card-Apellido">Castellano</div>
            <div class="PreCampeonatos360Card-Equipo">
                Galarza Racing            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">231</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        J. URCERA                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">187.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+14</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">119</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/flags/48x48/ar.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        H. PALAZZO                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">181</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+21</div>
                </div>
                            </div>
                    </div>


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

            <div class="PreCampeonatos360Card-Nombre">Joaquín</div>
            <div class="PreCampeonatos360Card-Apellido">Cortina</div>
            <div class="PreCampeonatos360Card-Equipo">
                Joaquin Cortina Motorsport            </div>

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

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

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

            <!-- 2° y 3° del mismo JSON -->
                        <div class="PreCampeonatos360Card-Seguidores">
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">2º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">4</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        W. BULL                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">143.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+20</div>
                </div>
                                <div class="PreCampeonatos360Card-Seguidores-Row">
                    <div class="PreCampeonatos360Card-Seguidores-Row-Pos">3º</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Nro">5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Logo">
                        <img src="https://metasport360.com/Contenido/Marcas-Brands/fiat.png" alt="" onerror="this.style.display='none'">
                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Apellido">
                        L. RODRIGUEZ                    </div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Puntos">135.5</div>
                    <div class="PreCampeonatos360Card-Seguidores-Row-Gap">+28</div>
                </div>
                            </div>
                    </div>

    </div>
</div>

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

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

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

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

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

}

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


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/web-1-copia-1.jpg&w=800&h=400&q=100&zc=1" alt="RÍO CUARTO UNA CITA INFALTABLE PARA EL TURISMO PISTA" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


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

   <a href="https://metasport360.com/Meta360/2188/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismopista">Turismo Pista</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13537/Contenido/rio-cuarto-una-cita-infaltable-para-el-turismo-pista" class="ttl-link LanzaPreload">RÍO CUARTO UNA CITA INFALTABLE PARA EL TURISMO PISTA</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            La sexta fecha en el Autódromo de Río Cuarto marcará el inicio de la segunda parte del calendario 2026 del Turismo...            <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="13537">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13537)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('RÍO CUARTO UNA CITA INFALTABLE PARA EL TURISMO PISTA', 'La sexta fecha en el Autódromo de Río Cuarto marcará el inicio de la segunda parte del calendario 2026 del Turismo...', 'https://metasport360.com/Prensa/13537/Contenido/rio-cuarto-una-cita-infaltable-para-el-turismo-pista')"></i>

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

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/31373_encabezado.jpg&w=800&h=400&q=100&zc=1" alt="TRIUNFO HISTÓRICO DE FRITZLER EN POSADAS" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2135/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera">Turismo Carretera</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13536/Contenido/triunfo-historico-de-fritzler-en-posadas" class="ttl-link LanzaPreload">TRIUNFO HISTÓRICO DE FRITZLER EN POSADAS</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Mercedes Benz consiguió su primera victoria en el TC de la mano de Otto Fritzler, quién repitió victoria en suelo...            <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="13536">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13536)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('TRIUNFO HISTÓRICO DE FRITZLER EN POSADAS', 'Mercedes Benz consiguió su primera victoria en el TC de la mano de Otto Fritzler, quién repitió victoria en suelo...', 'https://metasport360.com/Prensa/13536/Contenido/triunfo-historico-de-fritzler-en-posadas')"></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\/31373_encabezado.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/whatsappimage2026-07-12at12.56.10.jpeg&w=800&h=400&q=100&zc=1" alt="BONELLI, LEDESMA Y FRITZLER EN LAS SERIES" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2135/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera">Turismo Carretera</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13535/Contenido/bonelli-ledesma-y-fritzler-en-las-series" class="ttl-link LanzaPreload">BONELLI, LEDESMA Y FRITZLER EN LAS SERIES</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Nicolás Bonelli se quedó con la serie más rápida y parte primero en la final del TC en Posadas            <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="13535">
  <i class="bi bi-heart Iconos-Horizontales-icon " title="Me gusta" onclick="ToqueUsuario('megusta', 13535)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">0</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('BONELLI, LEDESMA Y FRITZLER EN LAS SERIES', 'Nicolás Bonelli se quedó con la serie más rápida y parte primero en la final del TC en Posadas', 'https://metasport360.com/Prensa/13535/Contenido/bonelli-ledesma-y-fritzler-en-las-series')"></i>

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

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/31355_encabezado.jpg&w=800&h=400&q=100&zc=1" alt="FRITZLER REPITIÓ POLE EN POSADAS" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 2 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>

   <a href="https://metasport360.com/Meta360/2135/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload turismocarretera">Turismo Carretera</a>

</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13534/Contenido/fritzler-repitio-pole-en-posadas" class="ttl-link LanzaPreload">FRITZLER REPITIÓ POLE EN POSADAS</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Otto consiguió su primera pole en el año y la primera para Mercedes Benz en el TC            <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="13534">
  <i class="bi bi-heart-fill icon-azul Iconos-Horizontales-icon text-primary" title="Me gusta" onclick="ToqueUsuario('megusta', 13534)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">1</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('FRITZLER REPITIÓ POLE EN POSADAS', 'Otto consiguió su primera pole en el año y la primera para Mercedes Benz en el TC', 'https://metasport360.com/Prensa/13534/Contenido/fritzler-repitio-pole-en-posadas')"></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\/31355_encabezado.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/cafactc.jpg&w=800&h=400&q=100&zc=1" alt="COMUNICADO DE LA CAF: FUERTE SANCIÓN" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


<div class="BoxAutorMS">
  <div class="BoxAutorMS-Img">
    <img src="https://metasport360.com/Meta_files/favicon.svg" alt="MetaSport360">
  </div>
  <div class="BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 3 semanas</div>
</div>
</div>	
<li class="cat-item">
   <a href="https://metasport360.com/Meta360/2120/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload actc">ACTC</a>

   <a href="https://metasport360.com/Meta360/2119/Page/1" class="cat-lb cat-lb-st-4 LanzaPreload nacionales">Nacionales</a>


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13533/Contenido/comunicado-de-la-caf-fuerte-sancion" class="ttl-link LanzaPreload">COMUNICADO DE LA CAF: FUERTE SANCIÓN</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            La Comisión Asesora y Fiscalizadora (CAF) de la ACTC informó resoluciones con respecto al TN APAT en Termas de Río...            <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="13533">
  <i class="bi bi-heart-fill icon-azul Iconos-Horizontales-icon text-primary" title="Me gusta" onclick="ToqueUsuario('megusta', 13533)"></i>
  <span class="Iconos-Horizontales-contador contador-likes">1</span>
  </span>

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('COMUNICADO DE LA CAF: FUERTE SANCIÓN', 'La Comisión Asesora y Fiscalizadora (CAF) de la ACTC informó resoluciones con respecto al TN APAT en Termas de Río...', 'https://metasport360.com/Prensa/13533/Contenido/comunicado-de-la-caf-fuerte-sancion')"></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\/cafactc.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>


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


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

<img src="https://metasport360.com/phpThumb.php?src=Contenido/Imagenes/1783287235_6a4acdc3567bb.jpg&w=800&h=400&q=100&zc=1" alt="CANAPINO GANÓ Y TOMÓ LA CIMA DEL CAMPEONATO" class="pb-15" style="border-radius:2px;" />
<ul class="cat-list f-wrp mb-7 mb-5-sm p-0">
<div style="zoom:0.8;">


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

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


</li>
</ul>


			<div class="p-ttl">
				<a href="https://metasport360.com/Prensa/13532/Contenido/canapino-gano-y-tomo-la-cima-del-campeonato" class="ttl-link LanzaPreload">CANAPINO GANÓ Y TOMÓ LA CIMA DEL CAMPEONATO</a>
			</div>
            
            <div class="p-ttl-BajadaClean">
            Agustín Canapino con el Chevrolet Ónix del Salvita Racing se llevó la victoria en la sexta fecha de Clase 3 en el...            <style type="text/css">
/* === ICONOS UI IG (HORIZONTAL AJUSTADO) === */
.Iconos-Horizontales-bottom-right {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end; /* Alineación a la derecha */
	align-items: center;
	gap: 0.2rem; /* Espaciado uniforme entre íconos */
	z-index: 3;
	background-color: transparent;
	float: left;
	height: auto;
	padding-top: 6px;
	padding-right: rem;
	padding-bottom: 6px;
	padding-left: rem;
	zoom: 0.9;
}

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

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

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

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


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


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

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

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

  <!-- Compartir -->
  <i class="bi bi-send Iconos-Horizontales-icon" title="Compartir" onclick="compartirNota('CANAPINO GANÓ Y TOMÓ LA CIMA DEL CAMPEONATO', 'Agustín Canapino con el Chevrolet Ónix del Salvita Racing se llevó la victoria en la sexta fecha de Clase 3 en el...', 'https://metasport360.com/Prensa/13532/Contenido/canapino-gano-y-tomo-la-cima-del-campeonato')"></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\/1783287235_6a4acdc3567bb.jpg&h=900&q=100&zc=1"])'></i>
      </span>

  <!-- Video -->
  
  <!-- Audio -->
  </div>
            </div>
            
            
		  <!-- Contador Like & View -->
            <!--
            <div class="activity-wrp trns d-f ai-c mt-7">
				<div class="act-item"><span class="act-label">5.29k</span><span class="act-prefix">views<span></span></span>
				</div>
				<div class="act-item"><span class="act-label">820</span><span class="act-prefix">likes<span></span></span>
				</div>
			</div>
            -->
            
            
		</div>
	</div>
</article>
 <!-- Fin Bloque de 6 -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
</section>            
                        
            <div class="BannerAdsShow">
            <img src="https://placehold.co/900x100/888888/FFF/?text=Publicidad+Home+Intermedio+780x80&font=roboto" alt="Publicidad 720x80" width="780" height="80">
            </div>
            <section class="MS360-Youtube-Section">
    <div class="MS360-Youtube-Container ">
        <!-- Título -->
        
        
            <div class="TitleSectionChamp">
            <div class="TituloSeccion"> 
              <h3>Últimos Videos
              <a href="https://www.youtube.com/@metasport360" class="jjjj LinkTodos" target="_blank"><span>Ver Canal<span class="icon-arrow-right ml-3"></span></span></a>
              </h3>
            
            </div>
            </div>        
        
        
        <!-- Contenedor de videos dinámico -->
        <div class="MS360-Youtube-Content pl-20 pr-20" id="MS360-Youtube-Content"></div>
    </div>
</section>

<!-- Modal -->
<div id="MS360-Youtube-Modal" class="MS360-Youtube-Modal">
    <div class="MS360-Youtube-ModalContent">
        <span class="MS360-Youtube-ModalClose">&times;</span>
        <iframe id="MS360-Youtube-ModalIframe" src="" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

<script>
const channelRSS = "https://www.youtube.com/feeds/videos.xml?channel_id=UCJNc3vySMGLf9hD2qpEup9g";
const rss2jsonAPI = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(channelRSS);

fetch(rss2jsonAPI)
  .then(res => res.json())
  .then(data => {
    const items = data.items;
    if(!items || items.length === 0) return;

    const container = document.getElementById("MS360-Youtube-Content");

    // Último video grande
    const latest = items[0];
    const latestId = latest.link.split("v=")[1];
    const latestHTML = `
        <div class="MS360-Youtube-Card MS360-Youtube-LatestVideo" data-video-id="${latestId}">
            <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${latestId}/maxresdefault.jpg')"></div>
            <div class="MS360-Youtube-CardOverlay">
			<div class="MS360-Youtube-BoxAutorMS">
  <div class="MS360-Youtube-BoxAutorMS-Img">
    <img src="https://metasport360.com/mschicoblanco.svg" alt="MetaSport360">
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Nombre">
    <strong>Por&nbsp;MetaSport360</strong>
  </div>
  <div class="MS360-Youtube-BoxAutorMS-Hace"><i class="bi bi-clock"></i>&nbsp;Hace 6 días</div>
</div>
                <h5>${latest.title}</h5>
            </div>
            <div class="MS360-Youtube-PlayIcon">&#9658;</div>
        </div>
    `;

    // Miniaturas siguientes 6 videos
    let thumbsHTML = '<div class="MS360-Youtube-Thumbnails">';
    for(let i=1; i<=6 && i<items.length; i++){
        const vidId = items[i].link.split("v=")[1];
        thumbsHTML += `
            <div class="MS360-Youtube-Card MS360-Youtube-Thumbnail" data-video-id="${vidId}">
                <div class="MS360-Youtube-CardImg" style="background-image:url('https://img.youtube.com/vi/${vidId}/maxresdefault.jpg')"></div>
                <div class="MS360-Youtube-CardOverlay">


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

                    <h5>${items[i].title}</h5>
                </div>
                <div class="MS360-Youtube-PlayIcon">&#9658;</div>
            </div>
        `;
    }
    thumbsHTML += '</div>';

    container.innerHTML = latestHTML + thumbsHTML;

    // Click en card para abrir modal
    document.querySelectorAll(".MS360-Youtube-Card").forEach(card => {
        card.addEventListener("click", () => {
            const vidId = card.getAttribute("data-video-id");
            document.getElementById("MS360-Youtube-ModalIframe").src = `https://www.youtube.com/embed/${vidId}?autoplay=1`;
            document.getElementById("MS360-Youtube-Modal").style.display = "flex";
        });
    });

    // Cerrar modal
    document.querySelector(".MS360-Youtube-ModalClose").addEventListener("click", () => {
        const iframe = document.getElementById("MS360-Youtube-ModalIframe");
        iframe.src = "";
        document.getElementById("MS360-Youtube-Modal").style.display = "none";
    });
  })
  .catch(err => console.error(err));
</script>

<style>

.MS360-Youtube-BoxAutorMS {
  display: flex;
  align-items: center;
  max-height: 25px!important;
  line-height: 1;
  font-size: 10px;
  flex-wrap: nowrap;
  overflow: hidden;
  color: #FFF !important;
  margin-bottom:4px;
}

.MS360-Youtube-BoxAutorMS-Img {
  border-radius:4px;
  padding: 1px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  height: 25px!important;
  width: 25px!important;
  color: inherit;
}

.MS360-Youtube-BoxAutorMS-Img img {
  height: 25px!important;
  width: 25px!important;
  display: block;
}

.MS360-Youtube-BoxAutorMS-Nombre span {
  font-weight: 200;
  color: #CCC;
}

.MS360-Youtube-BoxAutorMS-Nombre strong {
  font-weight: 400;
  color: #CCC !important;
  margin-right:20px!important;
}


/* Contenedor y título */
.MS360-Youtube-Section { padding:20px; font-family:Arial,sans-serif; }
.MS360-Youtube-TitleSection h3 { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }

/* Contenido 50/50 */
.MS360-Youtube-Content { display:flex; gap:20px; flex-wrap:nowrap; }
.MS360-Youtube-LatestVideo { flex:0 0 40%; }
.MS360-Youtube-Thumbnails { flex:0 0 60%; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); gap:10px; }


/* Card */
.MS360-Youtube-Card {
    position:relative;
    cursor:pointer;
    overflow:hidden;
    border-radius:5px;
}
.MS360-Youtube-CardImg {
    width:100%;
    padding-bottom:56.25%;
    background-size:cover;
    background-position:center;
}
.MS360-Youtube-CardOverlay {
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:5px;
}

.MS360-Youtube-CardOverlay-SVG img{
    width:30px !important;
	height:30px !important;
}


.MS360-Youtube-PlayIcon {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:48px;
    color:white;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    pointer-events:none;
}

/* Modal */
.MS360-Youtube-Modal {
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.8);
    justify-content:center;
    align-items:center;
    z-index:9999;
}
.MS360-Youtube-ModalContent {
    position:relative;
    width:90%;
    max-width:900px;
}
.MS360-Youtube-Modal iframe {
    width:100%;
    height:50vw; /* Mantener proporción 16:9 */
    max-height:506px;
}
.MS360-Youtube-ModalClose {
    position:absolute;
    top:10px; right:10px;
    font-size:28px;
    color:#fff;
    cursor:pointer;
}

.MS360-Youtube-CardOverlay h5{
	font-size:14px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:10px !important;
	color:#fff!important;
}


/* Responsive móvil */
@media(max-width:768px) {
    .MS360-Youtube-Content { flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; }
    .MS360-Youtube-LatestVideo, .MS360-Youtube-Thumbnail { flex:0 0 350px; scroll-snap-align:start; }
    .MS360-Youtube-Thumbnails { display:flex; flex-wrap:nowrap; gap:10px; }
	

.MS360-Youtube-CardOverlay h5{
	font-size:11px !important;
	color:#fff!important;
}
.MS360-Youtube-Thumbnails h5{
	font-size:11px !important;
	color:#fff!important;
}
	
	
}
</style>

            
        </div>

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


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

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

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

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

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

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


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

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


  <!-- Footer de escritorio -->
  

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

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

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


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

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

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

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


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

  
</div>

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

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

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


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

<!-- ENLACES -->

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

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

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

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

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


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


</div>


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

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

      const expanded = button.getAttribute('aria-expanded') === 'true';
      const targetId = button.getAttribute('aria-controls');
      const targetMenu = document.getElementById(targetId);

      if (!targetMenu) return;

      if (expanded) {
        targetMenu.classList.remove('open');
        button.setAttribute('aria-expanded', 'false');
      } else {
        submenus.forEach(m => m.classList.remove('open'));
        toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));

        targetMenu.classList.add('open');
        button.setAttribute('aria-expanded', 'true');
      }
    });
  });

  document.addEventListener('click', (e) => {
    const clickedInsideMenu = [...submenus].some(menu => menu.contains(e.target));
    const clickedToggle = [...toggles].some(btn => btn.contains(e.target));

    if (!clickedInsideMenu && !clickedToggle) {
      submenus.forEach(m => m.classList.remove('open'));
      toggles.forEach(b => b.setAttribute('aria-expanded', 'false'));
    }
  });
  
  
</script>


<script>
const fsDiv = document.getElementById('fullScreenDiv');
const btns = [
    document.getElementById('toggleLiveT'),
    document.getElementById('toggleLiveT-Mobile'),
	document.getElementById('toggleLiveT-Desktop') // Nuevo botón agregado
];

let visible = false;
let originalOverflow = ''; // Guardamos el overflow original del body

btns.forEach(btn => {
    if(btn){ // verificamos que exista el botón
        btn.addEventListener('click', () => {
            if(!visible){
                // Guardar overflow actual y bloquear scroll
                originalOverflow = document.body.style.overflow || '';
                document.body.style.overflow = 'hidden';

                // Mostrar div y animar bajada
                fsDiv.style.display = 'block';
                requestAnimationFrame(() => {
                    fsDiv.classList.add('show');
                });
                visible = true;
            } else {
                // Animar subida
                fsDiv.classList.remove('show');

                // Restaurar overflow original después de la transición
                setTimeout(() => { 
                    fsDiv.style.display = 'none';
                    document.body.style.overflow = originalOverflow;
                }, 500); // coincide con transition
                visible = false;
            }
        });
    }
});
</script>

<!--
<script>
document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        const objetivo = document.getElementById("PreCampeonatos360Container");
        if (!objetivo) return;

        const velocidadVertical = 2; // px por paso vertical
        const intervaloVertical = 2; // ms entre pasos vertical
        const destinoVertical = objetivo.offsetTop + objetivo.offsetHeight - window.innerHeight;

        const scrollInterval = setInterval(function() {
            const posicionActual = window.scrollY;

            if (posicionActual >= destinoVertical) {
                clearInterval(scrollInterval);

                // --- Scroll horizontal programático ---
                const carousel = document.getElementById('PreCampeonatos360Carousel');
                if (!carousel) return;

                // Aseguramos que sea scrollable
                carousel.style.overflowX = "scroll";

                const distanciaTotal = carousel.scrollWidth - carousel.clientWidth; // todo lo que se puede mover
                const duracion = 3000; // ms para recorrer toda la distancia
                const inicio = performance.now();

                function animarScrollHorizontal(timestamp) {
                    const tiempoTranscurrido = timestamp - inicio;
                    const porcentaje = Math.min(tiempoTranscurrido / duracion, 1);
                    carousel.scrollLeft = porcentaje * distanciaTotal;
                    if (porcentaje < 1) {
                        requestAnimationFrame(animarScrollHorizontal);
                    }
                }

                requestAnimationFrame(animarScrollHorizontal);

                return;
            }

            const paso = Math.min(velocidadVertical, destinoVertical - posicionActual);
            window.scrollBy(0, paso);
        }, intervaloVertical);
    }, 3000);
});
</script>


 -->
 
<script>
// ID global
const SIM_ID = 'sim_global';

// Función para obtener pilotos del tab activo
window.obtenerPilotosActivos = function(){
    let tabContent = $(".TablasCampeonatos360Content:visible").first();
    if(tabContent.length === 0) return [];

    let filas = tabContent.find("table.TablaTransparente tbody tr.FilaClickStat");
    let pilotos = [];
    filas.each(function(){
        pilotos.push({
            dorsal: parseInt($(this).data("dorsal")),
            logo: $(this).data("logo"),
            nombre: $(this).data("nombre"),
            clase: $(this).data("clase"),
            categoria: $(this).data("categoria"),
            puntos: parseFloat($(this).find("td:nth-child(8)").text())
        });
    });
    return pilotos.slice(0,10);
};

// Construir selectores dentro del modal
window.construirSelectores = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();

    let pole = root.find(".pole");
    let record = root.find(".record");
    let series = root.find(".seriesBox");
    let finalBox = root.find(".finalBox");

    pole.empty(); record.empty(); series.empty(); finalBox.empty();

    pilotos.forEach(p=>{
        pole.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
        record.append(`<option value="${p.dorsal}">${p.nombre} </option>`);
    });

    pilotos.forEach(p=>{
if (p.clase) {
    if (!isNaN(p.clase)) {
        // Si es numérico
        $("#SimClass").text("Clase " + p.clase);
    } else {
        // Si es texto, limpiar y capitalizar
        let claseLimpia = p.clase
            .replace(/[^a-zA-Z0-9\s]/g, "") // elimina todo lo que no sea letras, números o espacios
            .trim()
            .toLowerCase()
            .replace(/\b\w/g, c => c.toUpperCase()); // capitaliza cada palabra
        $("#SimClass").html('<span class="Simu-claseLimpia">' + claseLimpia + '</span>');
    }
}
		
		series.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
			<select class="SimuSelect2 serie sim" data-dorsal="${p.dorsal}">
				<option value="">&#9660;</option>
				${Array.from({length:20},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
			</select>
		`);


        finalBox.append(`
			<span class="SimuSelect2-Icon">
				<b class="SimuSelect-Dorsal">${p.dorsal}</b>
				<div class="SimuSelect-Retrato">
					<img src="https://metasport360.com/phpThumb.php?src=/Scraps/Retratos/${(p.clase == 0) ? `${p.categoria}` : `${p.categoria}-${p.clase}`}/${p.dorsal}.png&w=36&h=36&zc=1&f=png" 
						 alt="${p.nombre}" width="36" height="36">
				</div>
				${p.nombre}
			</span>
                <select class="SimuSelect2 final sim" data-dorsal="${p.dorsal}">
                    <option value="">&#9660;</option>
                    ${Array.from({length:30},(_,i)=>`<option value="${i+1}">${i+1}</option>`).join("")}
                </select>
        `);
    });
};

// Recalcular puntos simulados
window.recalcular = function(){
    let root = $("#sim_global_wrap");
    let pilotos = obtenerPilotosActivos();
    let tabla = pilotos.map(p=>({...p,puntosSim:p.puntos}));

  
const P_POLE = 3,P_RECORD=0,
      P_SERIE = {
        1: 7.5, 2: 6.75, 3: 6, 4: 5.25, 5: 4.5,6: 3.75, 7: 3, 8: 2.25, 9: 1.5
      },
      P_FINAL = {
  1: 60, 2: 55.5, 3: 51, 4: 46.5, 5: 45,
  6: 43.5, 7: 42, 8: 40.5, 9: 39, 10: 37.5,
  11: 36, 12: 34.5, 13: 33, 14: 31.5, 15: 30,
  16: 28.5, 17: 27, 18: 25.5, 19: 24, 20: 22.5,
  21: 21, 22: 19.5, 23: 18, 24: 16.5, 25: 15,
  26: 13.5, 27: 12, 28: 10.5, 29: 9, 30: 7.5,
  31: 4.5, 32: 4.5, 33: 4.5, 34: 4.5, 35: 4.5,
  36: 4.5, 37: 4.5, 38: 4.5, 39: 4.5, 40: 4.5,
  41: 3
      },
      P_LARGA = 3;
		  

// ============================
    // Mostrar reglas al público style="width:40%"
    // ============================
    let reglasHTML = `
    <table class="TablaReglas" style="width:100%; border-collapse:collapse; font-size:0.9rem; text-align:left; color:#fff;">
      <tr><th colspan="2" style="background:#111; color:#0ff; text-align:center; padding:4px;">Reglas de Puntuación</th></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;width:40%;"><div class="SimReglasTitlePuntos">Pole Position</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlockPole">${P_POLE} Pts.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Vuelta Rápida</div></td><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntosBlock">${P_RECORD}P.</div></td></tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición en Serie</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_SERIE).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockSerie">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px; border-bottom:1px solid #333;"><div class="SimReglasTitlePuntos">Posición Final</div></td>
          <td style="padding:4px; border-bottom:1px solid #333;">
            ${Object.entries(P_FINAL).map(([pos, pts]) => `<div class="SimReglasTitlePuntosBlockFinal">${pos}º<i class="bi bi-caret-right-fill"></i> ${pts}</div>`).join("")}
          </td>
      </tr>
      <tr><td style="padding:4px;"><div class="SimReglasTitlePuntos">Largó</div></td><td style="padding:4px;"><div class="SimReglasTitlePuntosBlockExtra">${P_LARGA} Pts.</div></td></tr>
    </table>`;
    $("#SimReglasAplicadas").html(reglasHTML);
    let pole = root.find(".pole").val(); if(pole) tabla.find(p=>p.dorsal==pole).puntosSim+=P_POLE;
    let rec = root.find(".record").val(); if(rec) tabla.find(p=>p.dorsal==rec).puntosSim+=P_RECORD;

    root.find(".serie").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        if(P_SERIE[pos]) tabla.find(p=>p.dorsal==dorsal).puntosSim+=P_SERIE[pos];
    });

    root.find(".final").each(function(){
        let dorsal=$(this).data("dorsal"), pos=parseInt($(this).val());
        let obj = tabla.find(p=>p.dorsal==dorsal);
        if(P_FINAL[pos]) obj.puntosSim+=P_FINAL[pos];
        else if(pos) obj.puntosSim+=P_LARGA;
    });

    tabla.sort((a,b)=>b.puntosSim-a.puntosSim);

    let html="";
    tabla.forEach((p,i)=>{
        html += `
<tr>
  <td><div class="pos">${i + 1}</div></td>
  <td><div class="dorsal">${p.dorsal}</div></td>
  <td><div class="logo"><img src="${p.logo}" alt="${p.nombre}" style="height:26px;"></div></td>
  <td><div class="nombre">${p.nombre}</div></td>
  <td><div class="puntos">${p.puntos}</div></td>
  <td><div class="puntosSim"><b>${p.puntosSim.toFixed(1)}</b></div></td>
</tr>`;
    });

    // -------------------------
    // Inserción con efecto persiana (fila por fila)
    // -------------------------
    const $tbody = root.find(".TablaSim tbody");

    // Primero "apagar" filas existentes y luego vaciar (efecto rápido)
    const existingRows = $tbody.find("tr");
    if (existingRows.length) {
        existingRows.stop(true,true).fadeOut(150, function(){ $(this).remove(); });
    } else {
        $tbody.empty();
    }

    // Convertir el HTML acumulado en elementos jQuery (array de <tr>)
    // Usamos un contenedor temporal para parsear correctamente las filas
    const $temp = $("<tbody>").html(html);
    const $rows = $temp.find("tr");

    // Insertar cada fila con un retardo secuencial para crear el efecto "persiana"
    $rows.each(function(index){
        const $row = $(this).hide(); // ocultar antes de insertar
        // demora progresiva (ajustable): 80ms entre filas
        setTimeout(() => {
            $tbody.append($row);
            // fadeIn suave; la fila debería aparecer como persiana
            $row.fadeIn(220);
        }, index * 80);
    });
};


// Escuchar cambios en selectores
$(document).on("change", '#sim_global_wrap .sim', function(){
    recalcular();
});

$(document).ready(function() {

    // Función para abrir el modal
    function abrirModalSimu() {
        construirSelectores();
        recalcular();
        $("#ModalSimu").css({display:'block', opacity:0, top:'50px'})
                        .animate({opacity:1, top:'0px'}, 400);
    }

    // Abrir con Ctrl+K
    $(document).on('keydown', function(e) {
        if (e.ctrlKey && e.key.toLowerCase() === 'k') {
            e.preventDefault();
            abrirModalSimu();
        }
    });

    // Abrir con click en el botón
    $("#btnOpenSim").on('click', function() {
        abrirModalSimu();
    });

});


// CERRAR MODAL (con botón)
$('#btnCloseSim').on('click', function(){
    $("#ModalSimu").animate({opacity:0, top:'50px'}, 400, function(){
        $(this).css('display','none');
    });
});


function SeccionVerCampeonato(serie, clase) {
    var modal = document.getElementById('MS-Seccion-Modal-Campeonato');
    var body  = document.getElementById('MS-Seccion-Modal-Body');
    
    if (!modal || !body) { 
        console.error('Modal elements not found'); 
        return; 
    }

    // Limpiar y mostrar loader bonito
    body.innerHTML = `
        <div class="loading-champ-container">
            <div class="loading-champ">
                <div class="spinner"></div>
                <div class="loading-text">
                    <span>Cargando Campeonato</span>
                    <span class="loading-dots">...</span>
                </div>
                <div class="loading-subtitle">Serie ${serie} � Clase ${clase}</div>
            </div>
        </div>
    `;
    var el;
    el = document.getElementById('MC-logo-img');
	if(el) el.src='https://metasport360.com/Contenido/LogosCat/'+serie+'.png';
	alert('https://metasport360.com/Contenido/LogosCat/'+serie+'.png');
    el = document.getElementById('MC-hero-cat');   if(el) el.textContent='Serie '+serie;
    el = document.getElementById('MC-hero-title'); if(el) el.textContent='Campeonato — Clase '+clase;
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';

    fetch(`../../../test-champ.php?serie=${serie}&clase=${clase}`)
        .then(function(r){ 
            if(!r.ok) throw new Error('HTTP '+r.status); 
            return r.text(); 
        })
        .then(function(html){
            body.innerHTML = html;
            
            // Peque�o delay para que se vea la transici�n
            setTimeout(() => {
                if(typeof initCampeonato === 'function'){
                    initCampeonato(serie, clase);
                }
            }, 80);
        })
        .catch(function(err){
            body.innerHTML = `
                <div style="padding:40px;text-align:center;color:#dc2626;">
                    <i class="bi bi-exclamation-triangle" style="font-size:42px;margin-bottom:12px;display:block;"></i>
                    <strong>Error al cargar</strong><br>
                    ${err.message}
                </div>`;
            console.error(err);
        });
}


let DATA = null;
let pilotoRivalDorsal = null;

function initCampeonato(serie = 78, clase = 1) {

    DATA = null;
    let prevOrder = {};
    let posicionesPorEvento = {};

    fetch(`../../../Contenido/Master-JSON/Campeonato-${serie}-${clase}.json`)
    .then(res => {
        if (!res.ok) throw new Error('Error HTTP: ' + res.status);
        return res.json();
    })
    .then(json => {

        if (!json || !json.campeonato) {
            throw new Error("JSON inválido o incompleto");
        }

        DATA = json;

        generarPosiciones();
        cargarFiltro();
        renderTabla(false);

    })
    .catch(err => {
        console.error(err);
        alert("❌ Error:\n" + err.message);
    });

    // 🔥 CALCULAR POSICIONES POR EVENTO
    function generarPosiciones() {

        posicionesPorEvento = {};

        DATA.eventos.forEach(ev => {
            posicionesPorEvento[ev.id] = {};
        });

        DATA.eventos.forEach(ev => {

            let lista = JSON.parse(JSON.stringify(DATA.campeonato));

            lista.sort((a,b) => {
                const aVal = a.eventos?.[ev.id]?.total ?? 0;
                const bVal = b.eventos?.[ev.id]?.total ?? 0;
                return bVal - aVal;
            });

            lista.forEach((p, index) => {
                const dorsal = p.piloto?.dorsal;
                posicionesPorEvento[ev.id][dorsal] = index + 1;
            });

        });
    }

function cargarFiltro() {
    const dropdown = document.getElementById("filter-dropdown");
    dropdown.innerHTML = `
        <div class="filter-option" data-value="all">
            <span class="filter-option-text">
                <strong>Todas las Fechas</strong><br>
                <span class="fecha">Campeonato General</span>
            </span>
        </div>
    `;

    DATA.eventos.forEach(ev => {
        const fechaFormat = formatFecha(ev.fecha);
        const provincia = ev.provincia || ev.ciudad || 'Argentina';
        const ciudad = ev.ciudad || 'Fecha';
		
		const provinciaSlug = (provincia || '')
			.toLowerCase()
			.normalize('NFD')
			.replace(/[\u0300-\u036f]/g, '') // quita acentos
			.replace(/\s+/g, '');            // quita espacios
		
		const optionHTML = `
			<div class="filter-option" data-value="${ev.id}">
				<img src="https://metasport360.com/Contenido/Provincias/${provinciaSlug}.png" alt="">
				<span class="filter-option-text">
					<strong>${ciudad}</strong> � ${provincia}<br>
					<span class="fecha">${fechaFormat}</span>
				</span>
			</div>
		`;

        dropdown.innerHTML += optionHTML;
    });

    // Event listeners
    setupFilterListeners();
}


function setupFilterListeners() {
    const trigger = document.getElementById("filter-trigger");
    const dropdown = document.getElementById("filter-dropdown");

    // Toggle dropdown
    trigger.addEventListener("click", (e) => {
        e.stopPropagation();
        dropdown.classList.toggle("show");
    });

    // Seleccionar opci�n
    dropdown.addEventListener("click", (e) => {
        const option = e.target.closest(".filter-option");
        if (!option) return;

        const value = option.dataset.value;

        // Actualizar trigger
        const selectedText = document.getElementById("filter-selected-text");
        if (value === "all") {
            selectedText.textContent = "Todas las Fechas � Campeonato General";
        } else {
            selectedText.textContent = option.querySelector("strong").textContent + " � " + option.querySelector(".fecha").textContent;
        }

        // Cerrar dropdown
        dropdown.classList.remove("show");

        // Marcar como activo
        document.querySelectorAll(".filter-option").forEach(opt => opt.classList.remove("active"));
        option.classList.add("active");

        // Renderizar tabla
        renderTabla(true);
    });

    // Cerrar al hacer click fuera
    document.addEventListener("click", () => {
        dropdown.classList.remove("show");
    });
}

	
window.renderTabla = function(animar = false) {
    const cont = document.getElementById("contenedorTabla");
    
    // Obtener el valor seleccionado del dropdown personalizado
    let filtroValue = "all"; // valor por defecto
    
    const activeOption = document.querySelector(".filter-option.active");
    if (activeOption) {
        filtroValue = activeOption.dataset.value || "all";
    }

    let pilotos = JSON.parse(JSON.stringify(DATA.campeonato));
    let eventosAMostrar = DATA.eventos;

    // ====================== FILTRO ACUMULADO ======================
    if (filtroValue !== "all") {
        const idxSeleccionado = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
        
        if (idxSeleccionado !== -1) {
            eventosAMostrar = DATA.eventos.slice(0, idxSeleccionado + 1);

            // Calcular total acumulado
            pilotos.forEach(p => {
                let totalAcumulado = 0;
                eventosAMostrar.forEach(ev => {
                    totalAcumulado += (p.eventos?.[ev.id]?.total ?? 0);
                });
                p.totalFiltro = totalAcumulado;
            });

            pilotos.sort((a, b) => (b.totalFiltro || 0) - (a.totalFiltro || 0));
        }
    } else {
        pilotos.sort((a, b) => (b.total || 0) - (a.total || 0));
    }
    // ============================================================

    const newOrder = {};
    pilotos.forEach((p, i) => newOrder[p.piloto?.dorsal] = i);

    let html = `<div class="Seccion-Tabla">`;

    // ==================== HEADER ====================
    html += `<div class="Seccion-Tabla-Header">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">POS</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var">VAR</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">NRO</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo">M</div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">PILOTO</div>`;

    eventosAMostrar.forEach(ev => {
        const titulo = `${formatFecha(ev.fecha)} ? ${ev.ciudad || ''}`;
        html += `
            <div class="Seccion-Tabla-Cell CT-evento-header" style="width:145px; min-width:145px; max-width:145px;">
                ${titulo}
            </div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total">TOTAL</div>`;
    html += `</div>`;

    // ==================== SUB-HEADER ====================
    html += `<div class="Seccion-Tabla-SubHeader">`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo"></div>`;
    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto"></div>`;

    eventosAMostrar.forEach(() => {
        html += `
            <div class="Seccion-Tabla-Cell CT-sub-q-header">Q</div>
            <div class="Seccion-Tabla-Cell CT-sub-s-header">S</div>
            <div class="Seccion-Tabla-Cell CT-sub-f-header">F</div>
        `;
    });

    html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"></div>`;
    html += `</div>`;

    // ==================== FILAS ====================
    pilotos.forEach((p, i) => {
        const piloto = p.piloto || {};
        const dorsal = piloto.dorsal;
        const dorsalKey = String(dorsal);
        const nombre = `${piloto.nombre ? piloto.nombre[0] + ". " : ""}${piloto.apellido || ''}`;

        // Variaci�n
        let varVal = 0;
        if (filtroValue !== "all") {
            const idxActual = DATA.eventos.findIndex(e => String(e.id) === String(filtroValue));
            if (idxActual > 0) {
                const idAnterior = DATA.eventos[idxActual - 1].id;
                const posActual = posicionesPorEvento?.[filtroValue]?.[dorsalKey];
                const posAnterior = posicionesPorEvento?.[idAnterior]?.[dorsalKey];
                if (posActual != null && posAnterior != null) {
                    varVal = posAnterior - posActual;
                }
            }
        } else {
            let historial = [];
            DATA.eventos.forEach(ev => {
                const pos = posicionesPorEvento?.[ev.id]?.[dorsalKey];
                if (pos !== undefined) historial.push(pos);
            });
            if (historial.length >= 2) {
                varVal = historial[historial.length - 2] - historial[historial.length - 1];
            }
        }

        let varHtml = "�";
        let varClass = "C-VarEq";
        if (varVal > 0) {
            varHtml = `<strong><i class='bi bi-arrow-up-short'></i></strong><b>${varVal}</b>`;
            varClass = "C-VarUp";
        } else if (varVal < 0) {
            varHtml = `<strong><i class='bi bi-arrow-down-short'></i></strong><b>${Math.abs(varVal)}</b>`;
            varClass = "C-VarDown";
        }

        html += `<div class="Seccion-Tabla-Fila fila" data-dorsal="${dorsal}">`;

        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Pos">${i+1}</div>`;
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Var ${varClass}">${varHtml}</div>`;
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Nro">${dorsal}</div>`;

        // Logo
        const logoMarca = (piloto.marca || '').toLowerCase().replace(/\s+/g, '');
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Logo"><img src="https://metasport360.com/Contenido/Marcas-Brands/${logoMarca}.png" alt="${logoMarca}"></div>`;

        // Piloto
        const _c2 = piloto.categoria || '0', _cl2 = piloto.clase || '0', _d2 = piloto.dorsal || '';
        const _src = (parseInt(_cl2)===0 || _cl2==='') ? `/Scraps/Retratos/${_c2}/${_d2}.png` : `/Scraps/Retratos/${_c2}-${_cl2}/${_d2}.png`;
        const _th = `https://metasport360.com/phpThumb.php?src=${encodeURIComponent(_src)}&w=80&h=100&zc=2&q=80`;

        html += `
            <div class="Seccion-Tabla-Cell Seccion-Tabla-Piloto">
                <div class="CT-pil">
                    <div class="CT-pil-thumb"><img src="${_th}" loading="lazy" onerror="this.style.visibility='hidden'"></div>
                    <div class="CT-pil-info">
                        <div class="CT-pil-name">${nombre}</div>
                        <div class="CT-pil-team">${piloto.equipo || ''}</div>
                    </div>
                </div>
            </div>
        `;

        // Resultados por evento
        eventosAMostrar.forEach(ev => {
            const evData = p.eventos?.[ev.id] || {};
            const q = evData.clas ?? 0;
            const s = evData.serie ?? 0;
            const f = evData.final ?? 0;

            html += `<div class="Seccion-Tabla-Cell CT-sub-q">${q > 0 ? q : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-s">${s > 0 ? s : '<span class="CT-zero">�</span>'}</div>`;
            html += `<div class="Seccion-Tabla-Cell CT-sub-f">${f > 0 ? f : '<span class="CT-zero">�</span>'}</div>`;
        });

        const total = filtroValue === "all" ? p.total : (p.totalFiltro || 0);
        html += `<div class="Seccion-Tabla-Cell Seccion-Tabla-Total"><strong>${total.toFixed(1)}</strong></div>`;

        html += `</div>`;
    });

    html += `</div>`;
    cont.innerHTML = html;

    // Animaci�n
    const tabla = document.querySelector(".Seccion-Tabla");
    if (tabla) tabla.classList.add("show");

    // Click en filas
    setTimeout(() => {
        document.querySelectorAll(".fila").forEach(fila => {
            fila.onclick = () => abrirModalCampeonato(String(fila.dataset.dorsal));
        });
    }, 10);
};
}


function formatFecha(f) {
    const d = new Date(f);
    return d.toLocaleDateString('es-AR', {
        day: '2-digit',
        month: '2-digit'
    });
}


// 🔥 GLOBAL (IMPORTANTE)
/* defined at top */


/* defined at top */


let pilotoActualDorsal = null;


function abrirModalCampeonato(dorsalKey) {

pilotoActualDorsal = dorsalKey; // 🔥 CLAVE

    const piloto = DATA.campeonato.find(p => String(p.piloto?.dorsal) === dorsalKey);
    if (!piloto) return;

    const p = piloto.piloto;

    // HEADER
	
	
    document.getElementById("ModalMarca").innerHTML =
        `${p.marca} ${p.modelo}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;
	
	
    document.getElementById("ModalNombre").innerHTML =
        `${p.nombre} ${p.apellido}`;

    document.getElementById("ModalNumero").innerHTML =
        `#${p.dorsal}`;
		
let rutaImg;

if (p.clase == 0) {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}/${p.dorsal}.png`;
} else {
    rutaImg = `https://metasport360.com/Scraps/Retratos/${p.categoria}-${p.clase}/${p.dorsal}.png`;
}

document.getElementById("ModalFoto").innerHTML = '<img src="' + rutaImg + '" alt="#' + p.dorsal + '">';

		
//		

    // STATS
    document.getElementById("ModalTotal").innerHTML = piloto.total.toFixed(1);
    document.getElementById("ModalEquipo").innerHTML = p.equipo || '-';

    // EVENTOS DETALLE
    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        const total = evData?.total ?? 0;

        htmlEventos += `
        <div class="Seccion-Modal-Detalle-Campeonato-Evento">
            <div>${formatFecha(ev.fecha)} - ${ev.ciudad}</div>
            <div><strong>${total}</strong></div>
        </div>`;
    });

    renderEventos(piloto);
	
const stats = calcularStatsPiloto(piloto);

// STATS AVANZADAS
document.getElementById("ModalCarreras").innerHTML = stats.carreras;
document.getElementById("ModalPromedio").innerHTML = stats.promedio.toFixed(2);
document.getElementById("ModalWins").innerHTML = stats.wins;
document.getElementById("ModalPodios").innerHTML = stats.podios;
document.getElementById("ModalPoles").innerHTML = stats.poles;
document.getElementById("ModalRV").innerHTML = stats.recordVtas;
	
	
var modal = document.getElementById("Seccion-Modal-Detalle-Campeonato");
if (!modal) return;
modal.classList.add("show");


// 🔥 doble frame = DOM + layout listos
requestAnimationFrame(() => {
    requestAnimationFrame(() => {
        generarChartCampeonato(piloto);
    });
});
	
	
const select = document.getElementById("ModalVSSelect");
select.innerHTML = `<option value="">-- Seleccionar piloto --</option>`;

DATA.campeonato.forEach(p => {

    const d = String(p.piloto?.dorsal);
    const nombre = `${p.piloto?.nombre?.[0] || ''}. ${p.piloto?.apellido || ''}`;

    // no incluir el mismo piloto
    if (d === dorsalKey) return;

    const opt = document.createElement("option");
    opt.value = d;
    opt.textContent = `#${d} ${nombre}`;

    select.appendChild(opt);
});
	
	
	window.pilotoActual = piloto;

	
}


function setHTML(id, value) {
    const el = document.getElementById(id);

    if (!el) {
        console.error(`❌ No se encontró el elemento: #${id}`);
        return;
    }

    el.innerHTML = value;
}

document.getElementById("ModalVSSelect").onchange = function() {

    const rivalDorsal = this.value;

    // 🔥 SIN RIVAL
    if (!rivalDorsal) {

        limpiarComparacion();

        setHTML("ModalNombreVS", "-");
        setHTML("ModalNumeroVS", "");
        setHTML("ModalFotoVS", "");

        // 🔥 limpiar stats VS
        setHTML("ModalTotalVS", "");
        setHTML("ModalEquipoVS", "");

        renderEventos(window.pilotoActual);

        return;
    }

    // 🔥 BUSCAR RIVAL
    const rival = DATA.campeonato.find(p => String(p.piloto?.dorsal) === rivalDorsal);

    if (!rival) {
        console.warn(`⚠️ No se encontró rival con dorsal: ${rivalDorsal}`);
        return;
    }

    // 🔥 DATOS PRINCIPALES
    setHTML("ModalMarcaVS", `${rival.piloto.marca} ${rival.piloto.modelo}`);
    setHTML("ModalNombreVS", `${rival.piloto.nombre} ${rival.piloto.apellido}`);
    setHTML("ModalNumeroVS", `#${rival.piloto.dorsal}`);

    // 🔥 IMAGEN
    let rutaImg;

    if (rival.piloto.clase == 0) {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}/${rival.piloto.dorsal}.png`;
    } else {
        rutaImg = `https://metasport360.com/Scraps/Retratos/${rival.piloto.categoria}-${rival.piloto.clase}/${rival.piloto.dorsal}.png`;
    }

    const fotoHTML = `
        <img src="${rutaImg}" alt="#${rival.piloto.dorsal}"
             onerror="this.src='https://metasport360.com/Scraps/Retratos/default.png'">
    `;

    setHTML("ModalFotoVS", fotoHTML);

    // 🔥 STATS BÁSICOS
    setHTML("ModalEquipoVS", rival.piloto.equipo || '-');

    // 🔥 DEBUG EXTRA
    if (!pilotoActualDorsal) {
        console.warn("⚠️ pilotoActualDorsal no está definido");
    }

    if (typeof compararPilotos === "function") {
        compararPilotos(pilotoActualDorsal, rivalDorsal);
    } else {
        console.error("❌ Función compararPilotos no existe");
    }

    if (typeof renderEventos === "function") {
        renderEventos(window.pilotoActual, rival);
    } else {
        console.error("❌ Función renderEventos no existe");
    }
};


const drawLinePlugin = {
    id: 'drawLine',
    beforeDatasetsDraw(chart) {

        const progress = chart._animationProgress ?? 0;

        chart.data.datasets.forEach((dataset, i) => {

            const meta = chart.getDatasetMeta(i);

            meta.data.forEach((point, index) => {

                // 🔥 SI NO HAY PROGRESO → NO DIBUJA
                if (progress === 0) {
                    point.skip = true;
                    return;
                }

                // 🔥 DIBUJO PROGRESIVO REAL
                const limit = Math.floor(meta.data.length * progress);

                point.skip = index > limit;
            });
        });
    }
};

Chart.register(drawLinePlugin);


function generarChartCampeonato(piloto) {

    const labels = [];
    const data = [];

    DATA.eventos.forEach(ev => {
        labels.push(formatFecha(ev.fecha));

        const val = piloto.eventos?.[ev.id]?.total;
        data.push(val > 0 ? val : null); // 🔥 corta línea en carreras no corridas
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [{
                data,

                // 🎨 VISUAL PRO
                borderWidth: 3,
                borderColor: '#00d4ff',
                backgroundColor: 'rgba(0,212,255,0.15)',
                fill: true,

                // 🔥 CURVA PRO
                tension: 0.4,
                cubicInterpolationMode: 'monotone',

                // 🔥 CORTE REAL
                spanGaps: false,

                // 🎯 LIMPIO
                pointRadius: 0,
                pointHoverRadius: 6
            }]
        },
        options: {

            responsive: true,
            maintainAspectRatio: false,

            // 🎯 HOVER PRO
            interaction: {
                mode: 'index',
                intersect: false
            },

            plugins: {
                legend: { display: false },

                // 🧾 TOOLTIP PRO
                tooltip: {
                    backgroundColor: '#000',
                    borderColor: '#333',
                    borderWidth: 1,
                    padding: 10
                }
            },

            scales: {
                x: {
                    ticks: { color: '#aaa' },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                },
                y: {
                    reverse: true, // 🔥 posición real (1 arriba)
                    ticks: {
                        precision: 0,
                        color: '#aaa'
                    },
                    grid: { color: 'rgba(255,255,255,0.05)' }
                }
            },

            // ⚡ ANIMACIÓN PRO
animation: {
    duration: 1200,
    easing: 'easeOutQuart',
    onProgress: (anim) => {
        const chart = anim.chart;

        // 🔥 PROGRESO REAL (0 → 1)
        chart._animationProgress = anim.currentStep / anim.numSteps || anim.current / anim.duration || 1;
    },
    onComplete: (anim) => {
        anim.chart._animationProgress = 1;

        anim.chart.canvas.style.filter =
            "drop-shadow(0 0 6px rgba(255,255,255,0.2))";
    }
}

        }
    });
}


function renderEventos(p1, p2 = null) {

    let htmlEventos = "";

    DATA.eventos.forEach(ev => {

        const ev1 = p1.eventos?.[ev.id];
        const total1 = ev1?.total ?? 0;

        let total2 = null;

        if (p2) {
            const ev2 = p2.eventos?.[ev.id];
            total2 = ev2?.total ?? 0;
        }

        var _c1_=p2?(total1>total2?'win':total1<total2?'lose':'eq'):'';
        var _c2_=p2?(total2>total1?'win':total2<total1?'lose':'eq'):'';
        htmlEventos+='<div class="MP-ev-row">'
            +'<div class="MP-ev-pts '+_c1_+'">'+ total1 +'</div>'
            +'<div class="MP-ev-date">'+formatFecha(ev.fecha)+' — '+ev.ciudad+'</div>'
            +(p2?'<div class="MP-ev-pts '+_c2_+'">'+total2+'</div>':'')
            +'</div>';

    });

    document.getElementById("ModalEventos").innerHTML = htmlEventos;
}


function calcularStatsPiloto(piloto) {

    let carreras = 0;
    let puntos = piloto.total ?? 0;

    let wins = piloto.pos_finales?.[1] ?? 0;

    let podios = 0;
    for (let i = 1; i <= 3; i++) {
        podios += piloto.pos_finales?.[i] ?? 0;
    }

    let poles = 0;
    let recordVtas = 0;

    DATA.eventos.forEach(ev => {

        const evData = piloto.eventos?.[ev.id];

        if (!evData) return;

        if (evData.total > 0) carreras++;

        if (evData.clas > 0) poles++;

        if (evData.record == 1) recordVtas++;
    });

    const promedio = carreras > 0 ? puntos / carreras : 0;

    return {
        carreras,
        puntos,
        promedio,
        wins,
        podios,
        poles,
        recordVtas
    };
}


function compararPilotos(d1, d2) {

    const p1 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d1);
    const p2 = DATA.campeonato.find(p => String(p.piloto?.dorsal) === d2);

    if (!p1 || !p2) return;

    const s1 = calcularStatsPiloto(p1);
    const s2 = calcularStatsPiloto(p2);

    renderComparacionStats(s1, s2);
    generarChartComparacion(p1, p2);
}


function EscribirDiferenciasLado(valor, lado) {

    // 🔥 asegurar número
    valor = parseFloat(valor);
    if (!valor) return; // 0 o NaN → no hacer nada

    const elA = document.getElementById(`Dif-${lado}-B`);
    const elB = document.getElementById(`Dif-${lado}-A`);

    if (!elA || !elB) {
        console.warn('No se encontraron elementos:', `Dif-${lado}-A`, `Dif-${lado}-B`);
        return;
    }

    // limpiar antes
    elA.style.border = '0px solid rgba(0,255,0,0.8)';;
    elB.style.border = '0px solid rgba(0,255,0,0.8)';;

    if (valor > 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
    } else if (valor < 0) {
        // 👉 gana A
        elB.style.border = '3px solid rgba(255,0,0,0.8)'; // rojo
        elA.style.border = '3px solid rgba(0,255,0,0.8)'; // verde
    }
	
    if (valor == 0) {
        // 👉 gana B
        elB.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
        elA.style.border = '3px solid rgba(0,0,0,0.8)'; // verde
    } 
	
	
}


function renderComparacionStats(s1, s2) {
function diff(a, b) {
    const d = a - b;
    const val = Math.abs(d);

    if (d < 0) return `<span style="color:#0f0">+${val}</span>`;
    if (d > 0) return `<span style="color:#f00">-${val}</span>`;
    return `<span style="color:#999">0</span>`;
}


    const html = `

    <div class="VS-Row" id="Dif-Puntos-B">
        <div>Puntos</div>
        <div>${s2.puntos.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.puntos, s2.puntos)}</div>
    </div>
    <div class="VS-Row" id="Dif-Carreras-B">
        <div>Carreras</div>
        <div>${s2.carreras}</div>
        <div class='valuedifchico'>${diff(s1.carreras, s2.carreras)}</div>
    </div>

    <div class="VS-Row" id="Dif-Promedio-B">
        <div>Promedio</div>
        <div>${s2.promedio.toFixed(1)}</div>
        <div class='valuedifchico'>${diff(s1.promedio, s2.promedio)}</div>
    </div>

    <div class="VS-Row" id="Dif-Victorias-B">
        <div>Victorias</div>
        <div>${s2.wins}</div>
        <div class='valuedifchico'>${diff(s1.wins, s2.wins)}</div>
    </div>

    <div class="VS-Row" id="Dif-Podios-B">
        <div>Podios</div>
        <div>${s2.podios}</div>
        <div class='valuedifchico'>${diff(s1.podios, s2.podios)}</div>
    </div>

    <div class="VS-Row" id="Dif-Poles-B">
        <div>Poles</div>
        <div>${s2.poles}</div>
        <div class='valuedifchico'>${diff(s1.poles, s2.poles)}</div>
    </div>

    <div class="VS-Row" id="Dif-RV-B">
        <div>RV</div>
        <div>${s2.recordVtas}</div>
        <div class='valuedifchico'>${diff(s1.recordVtas, s2.recordVtas)}</div>
    </div>
    `;

    // 🔥 PRIMERO renderizar
    document.getElementById("ModalComparacionStats").innerHTML = html;

    // 🔥 DESPUÉS aplicar bordes
    const getNum = (v) => parseFloat(v.replace(/<[^>]*>/g, '').replace('+', ''));

    EscribirDiferenciasLado(getNum(diff(s1.promedio, s2.promedio)), 'Promedio');
    EscribirDiferenciasLado(getNum(diff(s1.carreras, s2.carreras)), 'Carreras');
    EscribirDiferenciasLado(getNum(diff(s1.puntos, s2.puntos)), 'Puntos');
    EscribirDiferenciasLado(getNum(diff(s1.wins, s2.wins)), 'Victorias');
    EscribirDiferenciasLado(getNum(diff(s1.podios, s2.podios)), 'Podios');
    EscribirDiferenciasLado(getNum(diff(s1.poles, s2.poles)), 'Poles');
}


function generarChartComparacion(p1, p2) {

    const labels = [];
    const data1 = [];
    const data2 = [];

    DATA.eventos.forEach(ev => {

        labels.push(formatFecha(ev.fecha));

        const v1 = p1.eventos?.[ev.id]?.total;
        const v2 = p2.eventos?.[ev.id]?.total;

        // 🔥 cortar línea si no corrió
        data1.push(v1 > 0 ? v1 : null);
        data2.push(v2 > 0 ? v2 : null);
    });

    const ctx = document.getElementById("ModalChart");

    if (window.chartCampeonato) {
        window.chartCampeonato.destroy();
    }

    window.chartCampeonato = new Chart(ctx, {
        type: 'line',
        data: {
            labels,
            datasets: [
                {
                    label: `#${p1.piloto.dorsal}`,
                    data: data1,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                },
                {
                    label: `#${p2.piloto.dorsal}`,
                    data: data2,
                    tension: 0.3,
                    fill: false,
                    spanGaps: false
                }
            ]
        },
        options: {
            spanGaps: false, // 🔥 refuerzo global

            plugins: {
                legend: {
                    display: true
                }
            },

            scales: {
                y: {
                    reverse: true, // 🔥 mejor posición arriba
                    ticks: {
                        precision: 0
                    }
                }
            }
        }
    });
}


function limpiarComparacion() {

    document.getElementById("ModalComparacionStats").innerHTML = "";

    // volver al chart original
    if (window.pilotoActual) {
        generarChartCampeonato(window.pilotoActual);
    }
}


document.getElementById("filtroFecha").addEventListener("change", function() {
    const box = document.querySelector(".MS-FilterInner");

    box.classList.remove("active");
    void box.offsetWidth; // 🔥 reset animation
    box.classList.add("active");
});


/* defined at top */


function GuardarEditInline() {
    // Selecciona el formulario
    var $form = $("#EditInlineForm");
    
    // Serializa los datos
    var data = $form.serialize();
    
    // Muestra en alert el contenido serializado
    console.log("Datos a enviar:\n" + data);

    // Env�a por AJAX
    $.ajax({
        url: '/GuardaPilotoInline.php',
        type: 'POST',
        data: data,
        success: function(response) {
            // Muestra la respuesta del servidor
            console.log("Respuesta del servidor:\n" + response);

            // Si la respuesta contiene "OK", cerramos el modal
            if (response === "OK") {
                SuperAdminModal_close()
            }
        },
        error: function(xhr, status, error) {
            alert("Error en la petici�n: " + error);
        }
    });
}
</script>


</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
// Sticky Header con JS - Versi�n Fuerte
function initStickyHeader() {
    const container = document.getElementById('contenedorTabla');
    const header = document.querySelector('.Seccion-Tabla-Header');
    
    if (!container || !header) return;

    container.style.position = 'relative';

    container.addEventListener('scroll', () => {
        const scrollTop = container.scrollTop;
        
        if (scrollTop > 45) {
            header.style.position = 'absolute';
            header.style.top = scrollTop + 'px';
            header.style.zIndex = '30';
            header.style.background = '#1a1a1a';
            header.style.boxShadow = '0 4px 12px rgba(0,0,0,0.8)';
        } else {
            header.style.position = 'relative';
            header.style.top = '0';
        }
    });
}

// Llamar despu�s de cada render
window.addEventListener('load', initStickyHeader);

// Sobrescribir renderTabla para que siempre actualice
const oldRender = window.renderTabla;
window.renderTabla = function(animar = false) {
    if (oldRender) oldRender(animar);
    setTimeout(initStickyHeader, 150);
};
</script>


<div class="VideoSplash360">
</div>

<!-- Modal Audio Fullscreen -->
<div id="modalAudio">
  <button class="close-btn" onclick="cerrarModalAudio()">×</button>
  <div id="modalAudioContent">
    <p id="tituloAudio">MetaSport audio</p>
    <audio id="audioPlayer" preload="metadata"></audio>
    <div class="audio-controls">
      <button id="playPauseBtn" class="btn-playpause" title="Play/Pause">
        <i class="bi bi-play-fill"></i>
      </button>
      <div class="progress-container" onclick="setAudioProgress(event)">
        <div class="progress-bar" id="progressBar"></div>
      </div>
      <div class="time" id="currentTime">0:00</div>
      <div class="time" id="durationTime">0:00</div>
    </div>
  </div>
</div>
<!-- VIDEO MODAL -->
<!-- Modal Video Fullscreen -->
<div id="modalVideo">
  <div id="modalVideoContent"></div>
  <button id="btnCerrarModalVideo" onclick="cerrarModalVideo()">Cerrar Video ✕</button>
  
  
</div>


<style>
.GaleriaNoticias-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.GaleriaNoticias-contenedor {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.GaleriaNoticias-slider {
  display: flex;
  transition: transform 0.4s ease;
  height: 100%;
}

.GaleriaNoticias-slider img {
  width: 100vw;
  height: 90vh;
  object-fit: contain;
  flex-shrink: 0;
}

.GaleriaNoticias-cerrar {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}

.GaleriaNoticias-flechas {
  position: absolute;
  width: 100%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  transform: translateY(-50%);
  z-index: 5;
}

.GaleriaNoticias-flecha {
	font-size: 40px;
	color: white;
	cursor: pointer;
	user-select: none;
	transition: transform 0.2s;
	background: rgba(0, 0, 0, 0.5);
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius:4px;
	line-height:50px;
}
.GaleriaNoticias-flecha:hover {
  transform: scale(1.2);
}


.GaleriaNoticias-disclaimer {
  font-size: 10px;
  color: #ccc;
  text-align: center;
  padding: 0.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}


</style>

<div id="GaleriaNoticias-Fotos" class="GaleriaNoticias-modal">
  <span class="GaleriaNoticias-cerrar" onclick="GaleriaNoticiasCerrar()"><i class="bi bi-x-square"></i></span>

  <div class="GaleriaNoticias-contenedor">
    <div class="GaleriaNoticias-slider"></div>
  </div>

  <div class="GaleriaNoticias-flechas">
    <span class="GaleriaNoticias-flecha izquierda" onclick="GaleriaNoticiasMover(-1)"><i class="bi bi-chevron-compact-left"></i></span>
    <span class="GaleriaNoticias-flecha derecha" onclick="GaleriaNoticiasMover(1)"><i class="bi bi-chevron-compact-right"></i></span>
  </div>
  
<div class="GaleriaNoticias-disclaimer">
  MetaSport360 utiliza estas imágenes únicamente con fines informativos y periodísticos. Algunas pueden estar sujetas a copyright y son propiedad de sus respectivos creadores. Está prohibido reproducir, distribuir o utilizar estas imágenes sin la debida autorización.
</div>
  
  
</div>

<script>
let GaleriaNoticiasFotos = [];
let GaleriaNoticiasIndex = 0;
let GaleriaNoticiasStartX = 0;
let GaleriaNoticiasIsDragging = false;

function GaleriaNoticiasAbrir(fotos) {
  GaleriaNoticiasFotos = fotos;
  GaleriaNoticiasIndex = 0;

  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.innerHTML = '';

  fotos.forEach(foto => {
    const img = document.createElement('img');
    img.src = foto;
    slider.appendChild(img);
  });

  document.getElementById('GaleriaNoticias-Fotos').style.display = 'flex';
  GaleriaNoticiasActualizarSlider();

  // Swipe con Pointer Events (funciona en táctil y mouse)
  slider.onpointerdown = (e) => {
    GaleriaNoticiasStartX = e.clientX;
    GaleriaNoticiasIsDragging = true;
  };

  slider.onpointermove = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    // opcional: se podría mostrar arrastre visual acá
  };

  slider.onpointerup = (e) => {
    if (!GaleriaNoticiasIsDragging) return;
    const diffX = e.clientX - GaleriaNoticiasStartX;
    if (Math.abs(diffX) > 50) {
      GaleriaNoticiasMover(diffX > 0 ? -1 : 1);
    }
    GaleriaNoticiasIsDragging = false;
  };

  // Cancelar si se suelta fuera
  slider.onpointercancel = () => GaleriaNoticiasIsDragging = false;
}

function GaleriaNoticiasCerrar() {
  const modal = document.getElementById('GaleriaNoticias-Fotos');
  const slider = document.querySelector('.GaleriaNoticias-slider');

  // Ocultar modal
  modal.style.display = 'none';

  // Limpiar imágenes y eventos
  slider.innerHTML = '';
  slider.onpointerdown = null;
  slider.onpointermove = null;
  slider.onpointerup = null;
  slider.onpointercancel = null;
}

function GaleriaNoticiasMover(direccion) {
  GaleriaNoticiasIndex += direccion;
  if (GaleriaNoticiasIndex < 0) GaleriaNoticiasIndex = GaleriaNoticiasFotos.length - 1;
  if (GaleriaNoticiasIndex >= GaleriaNoticiasFotos.length) GaleriaNoticiasIndex = 0;
  GaleriaNoticiasActualizarSlider();
}

function GaleriaNoticiasActualizarSlider() {
  const slider = document.querySelector('.GaleriaNoticias-slider');
  slider.style.transform = `translateX(-${GaleriaNoticiasIndex * 100}vw)`;
}
</script>


<!-- JS Funciones Modales -->
<script>
$(document).ready(function(){
  setTimeout(function(){
    $("#swipeOverlay").fadeIn(500, function(){
      // Después de mostrarlo, espera otros 3s y se oculta
      setTimeout(function(){
        $("#swipeOverlay").fadeOut(500);
      }, 3000);
    });
  }, 3000); // Espera 3s ANTES de mostrar
});
  function compartirNota(titulo, texto, url) {
    if (navigator.share) {
      navigator.share({
        title: titulo,
        text: texto,
        url: url
      }).then(() => {
        console.log("Compartido con éxito");
      }).catch((error) => {
        console.error("Error al compartir:", error);
      });
    } else {
      if (navigator.clipboard) {
        navigator.clipboard.writeText(url).then(() => {
          alert("Enlace copiado al portapapeles.");
        });
      } else {
        prompt("Copiá el siguiente link:", url);
      }
    }
  }
  
  
const modalVideo = document.getElementById('modalVideo');
const modalVideoContent = document.getElementById('modalVideoContent');

function abrirModalVideo(urlVideo) {
  modalVideo.style.display = 'flex';

  setTimeout(() => {
    modalVideoContent.innerHTML = '';

    if (!urlVideo) return;

    const esMp4 = urlVideo.toLowerCase().endsWith('.mp4');

    if (esMp4) {
      // Es video mp4 (local o remoto)
      // Si no es URL absoluta, asumimos archivo local y le agregamos dominio + path
      let videoSrc = urlVideo;
      if (!videoSrc.startsWith('http://') && !videoSrc.startsWith('https://')) {
        videoSrc = "https://metasport360.com/Contenido/Videos/" + videoSrc;
      }
      const video = document.createElement('video');
      video.src = videoSrc;
      video.autoplay = true;
      video.controls = false;
      video.playsInline = true;
      modalVideoContent.appendChild(video);
      video.play().catch(() => {});

    } else {
      // No es mp4, puede ser YouTube o inválido
      const ytRegex = /^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)/;
      const ytMatch = urlVideo.match(ytRegex);

      if (ytMatch) {
        const videoId = ytMatch[1];
        const iframe = document.createElement('iframe');
        iframe.src = `https://www.youtube.com/embed/${videoId}?autoplay=1&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1`;
        iframe.allow = 'autoplay; fullscreen; picture-in-picture';
        iframe.allowFullscreen = true;
        modalVideoContent.appendChild(iframe);

      } else {
        const msg = document.createElement('div');
        msg.style.color = 'white';
        msg.style.padding = '20px';
        msg.textContent = 'Formato de video no soportado.';
        modalVideoContent.appendChild(msg);
      }
    }
  }, 50);
}

  function cerrarModalVideo() {
    modalVideo.style.display = 'none';
    modalVideoContent.innerHTML = ''; // Limpiar para evitar flashes y pausar todo
  }
  const modal = document.getElementById('modalAudio');
  const audio = document.getElementById('audioPlayer');
  const playPauseBtn = document.getElementById('playPauseBtn');
  const progressBar = document.getElementById('progressBar');
  const currentTimeEl = document.getElementById('currentTime');
  const durationTimeEl = document.getElementById('durationTime');
  const tituloAudio = document.getElementById('tituloAudio');

  // Formatea segundos a mm:ss
  function formatTime(seconds) {
    const m = Math.floor(seconds / 60);
    const s = Math.floor(seconds % 60);
    return m + ':' + (s < 10 ? '0' : '') + s;
  }
const CFG_Domain = "https://metasport360.com";
function abrirModalAudio(urlAudio, titulo = '') {
  // Verifica si es una URL absoluta (contiene https)
  const isAbsolute = urlAudio.startsWith('http://') || urlAudio.startsWith('https://');

  // Si no es absoluta, construye la ruta completa
  const finalUrl = isAbsolute ? urlAudio : `${CFG_Domain}/Contenido/Audios/${urlAudio}`;

  // Asigna y prepara audio
  audio.src = finalUrl;
  audio.load();
  modal.style.display = 'flex';

  // Mostrar título
  tituloAudio.textContent = titulo;

  // Reset UI
  progressBar.style.width = '0%';
  currentTimeEl.textContent = '0:00';
  durationTimeEl.textContent = '0:00';
  updatePlayPauseIcon(false);

  // Reproducir
  audio.play();
}


  function cerrarModalAudio() {
    audio.pause();
    audio.currentTime = 0;
    modal.style.display = 'none';
  }

  function updatePlayPauseIcon(isPlaying) {
    const icon = playPauseBtn.querySelector('i');
    if (isPlaying) {
      icon.classList.remove('bi-play-fill');
      icon.classList.add('bi-pause-fill');
    } else {
      icon.classList.remove('bi-pause-fill');
      icon.classList.add('bi-play-fill');
    }
  }

  playPauseBtn.addEventListener('click', () => {
    if (audio.paused) {
      audio.play();
    } else {
      audio.pause();
    }
  });

  audio.addEventListener('play', () => {
    updatePlayPauseIcon(true);
  });

  audio.addEventListener('pause', () => {
    updatePlayPauseIcon(false);
  });

  audio.addEventListener('timeupdate', () => {
    if (audio.duration) {
      const progressPercent = (audio.currentTime / audio.duration) * 100;
      progressBar.style.width = progressPercent + '%';
      currentTimeEl.textContent = formatTime(audio.currentTime);
      durationTimeEl.textContent = formatTime(audio.duration);
    }
  });

  function setAudioProgress(event) {
    const width = event.currentTarget.clientWidth;
    const clickX = event.offsetX;
    const duration = audio.duration;

    if (duration) {
      audio.currentTime = (clickX / width) * duration;
    }
  }


function ToqueUsuario(accion, id) {
  fetch('AccionUsuario.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: 'accion=' + accion + '&id=' + id
  })
  .then(response => response.json())
  .then(data => {
    if (data && typeof data.total !== 'undefined') {
      const icono = document.querySelector(`.Corazoncito[data-id='${id}'] i`);
      const contador = document.querySelector(`.Corazoncito[data-id='${id}'] .contador-likes`);

      if (data.total > 0) {
        // Cambiar a ícono relleno
        icono.classList.remove('bi-heart');
        icono.classList.add('bi-heart-fill', 'text-primary');

        // Actualizar contador o crearlo si no existe
        if (contador) {
          contador.textContent = data.total;
        } else {
          const nuevoContador = document.createElement('span');
          nuevoContador.className = 'contador-likes';
          nuevoContador.textContent = data.total;
          icono.parentNode.appendChild(nuevoContador);
        }

        // Reproducir sonido
        const sonido = document.getElementById('likeSound');
        if (sonido) {
          sonido.currentTime = 0; 
          sonido.play();
        }

        // Animación parpadeo verde
        icono.classList.add('parpadeo-verde');
        setTimeout(() => {
          icono.classList.remove('parpadeo-verde');
        }, 600); // igual a la duración de la animación
      }
    }
  });
}

</script>
<script>
(() => {
  const toggles = document.querySelectorAll(".theme-toggle");
  const styleLink = document.getElementById("360-Style-Sheet");
  const savedTheme = localStorage.getItem("360-Style-Theme") || "light";

  function applyTheme(theme) {
    document.documentElement.setAttribute("data-theme", theme);
    localStorage.setItem("360-Style-Theme", theme);

    // Agregar clase temporal para transición segura 
    document.body.classList.add("theme-transition");

    // Cambiar CSS
    styleLink.href = "https://metasport360.com/360-CSS-" + theme + ".css?var=" + new Date().getTime();

    // Forzar reflow
    document.body.offsetHeight;

    // Reinicializar librerías si es necesario
    if (typeof AOS !== "undefined") {
      setTimeout(() => AOS.refreshHard(), 300);
    }

    // Remover clase temporal
    setTimeout(() => {
      document.body.classList.remove("theme-transition");
    }, 400);

    toggles.forEach(toggle => toggle.setAttribute("data-theme", theme));
  }

  applyTheme(savedTheme);

  toggles.forEach(toggle => {
    toggle.addEventListener("click", () => {
      const current = toggle.getAttribute("data-theme");
      const next = current === "light" ? "dark" : "light";
      applyTheme(next);
    });
  });
})();


</script>


<script src="https://metasport360.com/jquery.countdown.js"></script> 
<script async src="//www.instagram.com/embed.js"></script>
<script async src="https://www.tiktok.com/embed.js"></script>

    </main>

    <div data-rocket-location-hash="199d9418b8b1b403025731029a5d202e" style="display: none;"></div>

            <script type="text/javascript" id="jkd-main-js-extra">
            /* <![CDATA[ */
            var jkd_ajax = {"ajaxurl":"https:\/\/\/meta-admin\/meta-ajax.php"};
            var jkd_main = {"set":{"general-rtl-toggle":false,"scroll-top-button-toggle":true,"color-switcher-toggle":true,"gen-col-schm":"light","social-list":[{"social_text":"Facebook","social_icon":"icon-facebook","social_custom_icon":"","social_counter":"849","social_color":"#415e9b","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Dribbble","social_icon":"icon-dribbble","social_custom_icon":"","social_counter":"843","social_color":"#df5188","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Youtube","social_icon":"icon-youtube","social_custom_icon":"","social_counter":"574","social_color":"#f60002","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Linkedin","social_icon":"icon-linkedin","social_custom_icon":"","social_counter":"431","social_color":"#0073ae","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Discord","social_icon":"icon-instagram","social_custom_icon":"","social_counter":"851","social_color":"#de2462","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"},{"social_text":"Twitch","social_icon":"icon-twitch","social_custom_icon":"","social_counter":"325","social_color":"#9146ff","social_url":"https:\/\/themeforest.net\/user\/knightleystudio"}],"error-page-links":true,"branding-logotype":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","branding-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/05\/fabula-white.svg","branding-mini-logotype":"","branding-mini-logotype-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2022\/04\/logo-white.svg","branding-copyright":"\u00a9{year} Fabula, Inc. All rights reserved","footer-social-part-toggle":true,"footer-copyright-part-toggle":true,"footer-widgets-part-toggle":true,"footer-menu-part-toggle":true,"blog-categories-catalogue-main-page":"12198","blog-pagination":true,"blog-pagination-type":"load-more","blog-archive-pagination-alignment":"center","nav-tg":true,"nav-h":"80","nav-mob-h":"60","nav-logo-tg":true,"nav-logo-w":"100","nav-logo-mob-w":"35","nav-bk-on":true,"nav-nav-sf-tg":true,"cat-mg-tg":true,"cat-mg-cnt":"7","cat-mg-post-cnt":"12","cat-mg-alert-tg":true,"cat-mg-ldmr-tg":true,"nav-off-sb-on":true,"nav-crt-st":"offcanv","nav-mb-cp-tg":true,"nav-mb-sc-tg":true,"sf-ajax-tg":true,"sf-alert-tg":true,"sf-lt-tg":true,"sf-tags-tg":true,"sf-tags-count":"20","sf-voice-tg":true,"single-post-style":"simple","single-post-progressbar":true,"single-post-views":true,"single-post-likes":true,"single-post-bookmark":true,"single-post-recent":true,"single-post-recent-style":"list","single-post-recent-by":"categories","single-post-number-of-recent-items":"6","single-post-navigation":true,"single-post-navigation-style":"fixed","single-post-reactions":true,"single-post-comments":true,"single-post-comments-ajax":true,"single-post-comments-pagination-type":"default","single-post-comments-style":"default","single-post-share-toggle":true,"single-post-banner-alignment":"bottom","single-post-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-matheus-bertelli-799443-scaled.jpg","single-post-banner-text":"Hurry up! Get 25% off now for a limited time offer.","single-post-banner-button-text":"Learn More","shop-style":"default","shop-pagination-type":"load-more","shop-pagination-alignment":"center","shop-number-of-grid-column":"3","shop-items-offset":"15","shop-number-of-items":"12","shop-cross-sells-products":true,"shop-number-of-cross-sells-items":"5","shop-banner-toggle":true,"shop-banner-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2021\/11\/pexels-scandinavian-biolabs-8466547-scaled.jpg","shop-banner-text":"Hurry up! Get 25% off now for a limited time offer.","shop-banner-button-text":"Learn More","shop-product-zoom-toggle":true,"shop-related-products":true,"shop-number-of-related-items":"5","shop-upsells-products":true,"shop-number-of-upsells-items":"5","shop-single-product-summary-alignment":"right","career-share-toggle":true,"career-share-list":["twitter","facebook","linkedin","email"],"typo-heading-font":"gf-poppins","typo-text-font":"gf-poppins","default_color_scheme_bg_color":"#f0ebe3","color_scheme_primary_color":"#ff4e18","default_color_scheme_bg_color_secondary":"#e6e0d8","color_scheme_border_color":"#443c32","default_color_scheme_heading_color":"#443c32","default_color_scheme_text_color":"#443c32","col_schm_primary_color":"#654a4e","default_col_schm_bg_color":"#f0ebe3","default_col_schm_bg_color_secondary":"#e6e0d8","default_col_schm_text_color":"#443c32","default_col_schm_heading_color":"#443c32","col_schm_border_color":"#161519","def_col_schm_bg_color":"#f0ebe3","def_col_schm_bg_color_secondary":"#e6e0d8","def_col_schm_text_color":"#443c32","def_col_schm_heading_color":"#cf9042","def_schm_text_color":"#797c7f","def_schm_heading_color":"#161519","def_schm_bg_color":"#e4ded4","def_schm_bg_color_secondary":"#ffffff","dk_schm_bg_color":"#161519","dk_schm_bg_color_secondary":"#4813e5","dk_schm_text_color":"#797c7f","dk_schm_heading_color":"#ffffff","dk_schm_dk_color":"#161519","dk_schm_placeholder_color":"#868380","def_schm_dk_color":"#161519","t-ban-offr":"u26a1 Flash Sale! 30% OFF! Grab Your Must-Haves Now!  #MegaDeals ","p-rw-st":"progress","p-rw-col":{"p-rw-col-2":"#3e418d","p-rw-col-3":"#5558b8","p-rw-col-4":"#7c7fda","p-rw-col-5":"#b2b5ff","p-rw-col-ic":"#000000","p-rw-col-1":"#2a2c63"},"t-ban-lb":"Hot","t-ban-btn-url":"https:\/\/themeforest.net\/user\/knightleystudio","ft-footer":true,"ft-form":true,"ft-form-ttl":"Subscribe for the Latest Updates Delivered Straight to Your Inbox","ft-form-subttl":"Get the latest updates delivered to your inbox","ft-form-code":"[mc4wp_form id=10131]","ft-widgets":true,"ft-copyright":true,"ft-social":true,"ft-add-menu":true,"p-rw-ttl-1":"Poor","p-rw-ttl-2":"Fair","p-rw-ttl-3":"Good","p-rw-ttl-4":"Excellent","p-rw-ttl-5":"Amazing","footer-instagram":"[instagram-feed feed=5]","mini-logo":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","mini-logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/favicon.svg","arch-header":true,"arch-header-brcrmb":true,"arch-header-title":true,"arch-header-desc":true,"arch-header-nav":true,"p-hdr-style":"st-1","arch-pagination-type":"default","error-pg-ttl":"Oops! Page not Found.","error-pg-subttl":"Here are some helpful links instead:","typo-h-multi":"100","nav-rand-post-tg":true,"t-ban-tg":true,"t-ban-btn":"Learn More","arch-catalogue-page":"12198","arch-bookmarks-page":"16427","arch-bookmarks-title":"Your Bookmarks","arch-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-bookmarks-page":"16427","blog-catalogue-page":"12198","blog-bookmarks-title":"Your Bookmarks","blog-bookmarks-subtitle":"Your Personal Collection of Favorites","blog-grid-style":"posts-grid-type-3","blog-grid-columns":"3","blog-grid-offset":"10","blog-sidebar":true,"blog-sidebar-alignment":"left","blog-pag-type":"default","blog-pag-algn":"center","blog-header":true,"blog-header-brcrmb":true,"blog-header-title":true,"blog-header-desc":true,"blog-header-nav":true,"typo-mt-multi":"100","nav-col-switch-tg":true,"nav-sf-tg":true,"nav-cart-tg":true,"blog-bk-page":"16427","blog-bk-title":"Your Bookmarks","blog-bk-subtitle":"Your Curated Bookmarks Page","sp-share-shortcode":"[addtoany]","toc-tg":true,"general-rtl-tg":false,"scroll-top-button-tg":true,"typo-txt-multi":"100","p-ttl-tag":"h1","p-brdcrmb-tg":true,"p-subttl-tg":true,"p-cat-tg":true,"p-tags-tg":true,"p-auth-tg":true,"p-rt-tg":true,"p-date-tg":true,"p-com-tg":true,"p-view-tg":true,"p-like-tg":true,"p-bk-tg":true,"p-rw-tg":true,"p-sb-tg":true,"p-rec-tg":true,"p-news-tg":true,"p-bio":false,"sp-ban-tg":true,"sp-ban-alignment":"top","sp-ban-background":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/01\/steve-johnson-bNEga8u4kUs-unsplash-scaled.jpg","sp-ban-text":"Hurry up! Get 10% off now u23f3 for a limited time offer! ud83cudf89","sp-ban-button-text":"Learn More","sp-ban-button-link":"#","sp-share-toggle":true,"p-news-ttl":"Stay Informed with Our Newsletter","p-news-sub-ttl":"<p>Get the latest updates delivered to your inbox<\/p>","p-news-form-shortcode":"[mc4wp_form id=10131]","shop-pag-type":"default","shop-pag-alignment":"left","shop-zoom-tg":true,"shop-related-tg":true,"shop-rel-items":"5","shop-upsells-tg":true,"shop-upsells-items":"5","p-nav":true,"p-rec-grid-style":"posts-grid-type-3","p-rec-cnt":"6","p-rw-emoji":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/10\/white-medium-star-1.svg","read-also-count":"7","blog-grid-masonry":true,"p-rec-col":"2","gen-lqip-tg":true,"blog-category-on":true,"blog-date-on":true,"blog-author-on":true,"blog-bk-on":true,"blog-rw-on":true,"blog-rd-on":true,"blog-like-on":true,"blog-view-on":true,"blog-comments-on":true,"blog-share-on":true,"blog-excerpt-on":true,"ft-insta-btn-text":"Follow Us @fabulatheme","ft-insta-btn-link":"https:\/\/www.instagram.com\/jkd_demo_insta\/","ft-insta":true,"ft-insta-btn":true,"arch-grid-masonry":true,"arch-grid-st":"posts-grid-type-2","arch-sidebar":true,"arch-sidebar-algn":"left","arch-grid-thumb-on":true,"arch-grid-cat-on":true,"arch-grid-date-on":true,"arch-grid-auth-on":true,"arch-grid-bk-on":true,"arch-grid-rw-on":true,"arch-grid-com-on":false,"arch-grid-share-on":true,"arch-grid-excerpt-on":true,"arch-grid-off":"10","arch-bk-page":"16427","arch-bk-title":"Your Bookmarks","arch-bk-subtitle":"Easily access and manage your saved articles and posts.","p-info-bar-tg":true,"top-btn-tg":true,"only-post-search-tg":true,"arch-bk-sub-menutitle":" Easily revisit your favorite content anytime","animations-tg":true,"arch-bk-submenu-title":"Your personal collection of saved posts and articles","p-sb-alg":"right","arch-rw-page":"24556","arch-rw-title":"Reviews","arch-rw-submenu-title":"Authentic reviews and insights","arch-bk-image":24816,"arch-rw-image":24817,"arch-cat-lb-st":"st-4","p-rw-ic":"plus","read-also-tg":true,"read-also-txt":"Read Also:","read-also-by":"random","sp-top-btn-tg":true,"p-act-tg":true,"p-cat-lb-st":"st-3","p-rec-count":"8","p-rec-grid-col":"2","p-rec-grid-off":"10","p-rec-grid-st":"posts-grid-type-7","p-ads-tg":false,"p-ad-sb-img":19299,"p-ad-cont-top-img":25916,"p-ad-cont-bot-img":25916,"p-ad-post-bot-img":25916,"p-ad-sb-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-top-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-cont-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","p-ad-post-bot-img-url":"https:\/\/themeforest.net\/user\/knightleystudio","cs-gen":{"pr-col":"#ff652c","b-col":"rgba(152, 152, 152, 0.4)","b-col-wh":"rgba(255, 255, 255, 0.25)"},"cs-lh":{"bg-col":"#ffffff","bg-col-sec":"#f4f3f3","h-col":"#000000","txt-col":"#4a4a4a","b-col-def":"#d6d6d6"},"cs-dk":{"bg-col":"#34363a","bg-col-sec":"#28292a","h-col":"#ffffff","txt-col":"#c7c7c7","b-col-def":"#545756"},"content-width":"780","sb-form-tg":false,"sb-form-sh":"[mc4wp_form id=10131]","sb-form-ttl":"Stay Updated!","sb-form-subttl":"Subscribe to get the latest blog posts, news, and updates delivered straight to your inbox.","p-sticky-tg":false,"gen-fixed-soc-tg":true,"sb-form-img":27150,"arch-grid-col":"1","smooth-scrolling-tg":false,"p-cus-com-tg":false,"p-com-spoiler-tg":true,"p-cus-com-fb-id":"1235898684349501","p-cus-com-disqus":false,"p-cus-com-disqus-id":"jkdevstudio","p-cus-com-fb":false,"logo-dark":"https:\/\/metasport360.com\/wp-content\/uploads\/2024\/07\/fabula.svg","disable_emojis":true,"disable_embeds":true,"disable_jquery_migrate":true,"disable_dashicons":true,"remove_query_strings":true,"disable_rss_feeds":true,"disable_xmlrpc":true,"elementor_optimization":true,"nav-col-switch-mob-tg":true,"gen-col-schm-sys":true,"arch-grid-activity-on":true,"arch-grid-like-on":true,"arch-grid-views-on":true,"nav-cat-sub-thumb-on":true,"nav-cat-sub-cat-on":true,"nav-cat-sub-lb-st":"st-1","nav-cat-sub-ttl-tag":"h6","nav-cat-sub-date-on":true,"nav-cat-sub-auth-on":true,"nav-cat-sub-bk-on":true,"nav-cat-sub-activity-on":true,"nav-cat-sub-rw-on":false,"nav-cat-sub-com-on":false,"nav-cat-sub-like-on":true,"nav-cat-sub-views-on":true},"reg_nonce":"915aa16638"};
            var jkd_lm_049e177 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19672\",\"22879\",\"23063\"],\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_859341c = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"specific_posts\":[\"19668\",\"19671\",\"20872\"],\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"20\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_395a50c = {"set":"{\"masonry_on\":\"yes\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":12,\"sizes\":[]},\"show_pagination\":\"yes\",\"exc_lng\":{\"unit\":\"px\",\"size\":20,\"sizes\":[]},\"grid_type\":\"posts-grid-type-2\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"dynamic_pag\":\"yes\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"spacing_between_columns_mobile\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"isShortcode\":true,\"ttl_tag\":\"h4\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"pagination_type\":\"default\",\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"specific_posts\":\"\",\"posts_sorting\":\"latest\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_f83cfd1 = {"set":"{\"grid_type\":\"posts-grid-type-7\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":1,\"sizes\":[]},\"ttl_tag\":\"h6\",\"cat_st\":\"st-4\",\"posts_count\":{\"unit\":\"px\",\"size\":5,\"sizes\":[]},\"posts_sorting\":\"likes\",\"_border_border\":\"none\",\"_border_width\":{\"unit\":\"px\",\"top\":\"1\",\"right\":\"1\",\"bottom\":\"1\",\"left\":\"1\",\"isLinked\":true},\"_border_color\":\"#98989866\",\"thumb_on\":\"\",\"grid_columns_count_tablet\":{\"unit\":\"px\",\"size\":3,\"sizes\":[]},\"activity_on\":\"\",\"_margin_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"20\",\"left\":\"0\",\"isLinked\":false},\"isShortcode\":true,\"masonry_on\":\"no\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"like_on\":null,\"view_on\":null,\"comments_on\":null,\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            var jkd_lm_d2c84c8 = {"set":"{\"grid_type\":\"posts-grid-type-5\",\"ttl_tag\":\"h5\",\"cat_st\":\"st-4\",\"posts_sorting\":\"sticky\",\"grid_columns_count\":{\"unit\":\"px\",\"size\":2,\"sizes\":[]},\"isShortcode\":true,\"masonry_on\":\"no\",\"thumb_on\":\"yes\",\"category_on\":\"yes\",\"date_on\":\"yes\",\"author_on\":\"yes\",\"bk_on\":\"yes\",\"activity_on\":\"yes\",\"like_on\":\"yes\",\"view_on\":\"yes\",\"comments_on\":\"no\",\"rw_on\":\"yes\",\"excerpt_on\":\"yes\",\"format_on\":\"yes\",\"show_pagination\":\"no\",\"pagination_type\":null,\"dynamic_pag\":null,\"ttl_lng\":{\"unit\":\"px\",\"size\":10,\"sizes\":[]},\"exc_lng\":{\"unit\":\"px\",\"size\":30,\"sizes\":[]},\"specific_posts\":\"\",\"posts_count\":{\"unit\":\"px\",\"size\":6,\"sizes\":[]},\"ignore_sticky_toggle\":\"yes\",\"general_relation\":\"OR\",\"post_formats\":\"\",\"category_relation\":\"OR\",\"post_categories\":\"\",\"tag_relation\":\"OR\",\"post_tags\":\"\",\"post_authors\":\"\",\"_title\":\"\",\"_element_width\":\"\",\"_element_width_tablet\":\"\",\"_element_width_mobile\":\"\",\"_position\":\"\",\"_element_id\":\"\",\"_css_classes\":\"\",\"_element_cache\":\"\",\"pmpro_require_membership\":\"\",\"pmpro_no_access_message\":\"no\",\"_animation\":\"\",\"_animation_tablet\":\"\",\"_animation_mobile\":\"\",\"animation_duration\":null,\"_animation_delay\":null,\"_transform_rotate_popover\":\"\",\"_transform_rotateZ_effect\":null,\"_transform_rotateZ_effect_tablet\":null,\"_transform_rotateZ_effect_mobile\":null,\"_transform_rotate_3d\":null,\"_transform_rotateX_effect\":null,\"_transform_rotateX_effect_tablet\":null,\"_transform_rotateX_effect_mobile\":null,\"_transform_rotateY_effect\":null,\"_transform_rotateY_effect_tablet\":null,\"_transform_rotateY_effect_mobile\":null,\"_transform_perspective_effect\":null,\"_transform_perspective_effect_tablet\":null,\"_transform_perspective_effect_mobile\":null,\"_transform_translate_popover\":\"\",\"_transform_translateX_effect\":null,\"_transform_translateX_effect_tablet\":null,\"_transform_translateX_effect_mobile\":null,\"_transform_translateY_effect\":null,\"_transform_translateY_effect_tablet\":null,\"_transform_translateY_effect_mobile\":null,\"_transform_scale_popover\":\"\",\"_transform_keep_proportions\":\"yes\",\"_transform_scale_effect\":null,\"_transform_scale_effect_tablet\":null,\"_transform_scale_effect_mobile\":null,\"_transform_scaleX_effect\":null,\"_transform_scaleX_effect_tablet\":null,\"_transform_scaleX_effect_mobile\":null,\"_transform_scaleY_effect\":null,\"_transform_scaleY_effect_tablet\":null,\"_transform_scaleY_effect_mobile\":null,\"_transform_skew_popover\":\"\",\"_transform_skewX_effect\":null,\"_transform_skewX_effect_tablet\":null,\"_transform_skewX_effect_mobile\":null,\"_transform_skewY_effect\":null,\"_transform_skewY_effect_tablet\":null,\"_transform_skewY_effect_mobile\":null,\"_transform_flipX_effect\":\"\",\"_transform_flipY_effect\":\"\",\"_transform_rotate_popover_hover\":\"\",\"_transform_rotateZ_effect_hover\":null,\"_transform_rotateZ_effect_hover_tablet\":null,\"_transform_rotateZ_effect_hover_mobile\":null,\"_transform_rotate_3d_hover\":null,\"_transform_rotateX_effect_hover\":null,\"_transform_rotateX_effect_hover_tablet\":null,\"_transform_rotateX_effect_hover_mobile\":null,\"_transform_rotateY_effect_hover\":null,\"_transform_rotateY_effect_hover_tablet\":null,\"_transform_rotateY_effect_hover_mobile\":null,\"_transform_perspective_effect_hover\":null,\"_transform_perspective_effect_hover_tablet\":null,\"_transform_perspective_effect_hover_mobile\":null,\"_transform_translate_popover_hover\":\"\",\"_transform_translateX_effect_hover\":null,\"_transform_translateX_effect_hover_tablet\":null,\"_transform_translateX_effect_hover_mobile\":null,\"_transform_translateY_effect_hover\":null,\"_transform_translateY_effect_hover_tablet\":null,\"_transform_translateY_effect_hover_mobile\":null,\"_transform_scale_popover_hover\":\"\",\"_transform_keep_proportions_hover\":\"yes\",\"_transform_scale_effect_hover\":null,\"_transform_scale_effect_hover_tablet\":null,\"_transform_scale_effect_hover_mobile\":null,\"_transform_scaleX_effect_hover\":null,\"_transform_scaleX_effect_hover_tablet\":null,\"_transform_scaleX_effect_hover_mobile\":null,\"_transform_scaleY_effect_hover\":null,\"_transform_scaleY_effect_hover_tablet\":null,\"_transform_scaleY_effect_hover_mobile\":null,\"_transform_skew_popover_hover\":\"\",\"_transform_skewX_effect_hover\":null,\"_transform_skewX_effect_hover_tablet\":null,\"_transform_skewX_effect_hover_mobile\":null,\"_transform_skewY_effect_hover\":null,\"_transform_skewY_effect_hover_tablet\":null,\"_transform_skewY_effect_hover_mobile\":null,\"_transform_flipX_effect_hover\":\"\",\"_transform_flipY_effect_hover\":\"\",\"_background_color\":null,\"_background_color_b\":null,\"_background_image\":null,\"_background_image_tablet\":null,\"_background_image_mobile\":null,\"_background_video_link\":null,\"_background_video_start\":null,\"_background_video_end\":null,\"_background_play_once\":null,\"_background_play_on_mobile\":null,\"_background_privacy_mode\":null,\"_background_slideshow_gallery\":null,\"_background_slideshow_loop\":null,\"_background_slideshow_slide_duration\":null,\"_background_slideshow_slide_transition\":null,\"_background_slideshow_transition_duration\":null,\"_background_slideshow_lazyload\":null,\"_background_slideshow_ken_burns\":null,\"_background_slideshow_ken_burns_zoom_direction\":null,\"_background_hover_color\":null,\"_background_hover_color_b\":null,\"_background_hover_image\":null,\"_background_hover_image_tablet\":null,\"_background_hover_image_mobile\":null,\"_background_hover_video_link\":null,\"_background_hover_video_start\":null,\"_background_hover_video_end\":null,\"_background_hover_play_once\":null,\"_background_hover_play_on_mobile\":null,\"_background_hover_privacy_mode\":null,\"_background_hover_slideshow_gallery\":null,\"_background_hover_slideshow_loop\":null,\"_background_hover_slideshow_slide_duration\":null,\"_background_hover_slideshow_slide_transition\":null,\"_background_hover_slideshow_transition_duration\":null,\"_background_hover_slideshow_lazyload\":null,\"_background_hover_slideshow_ken_burns\":null,\"_background_hover_slideshow_ken_burns_zoom_direction\":null,\"_mask_switch\":\"\",\"_mask_notice\":null,\"hide_desktop\":\"\",\"hide_tablet\":\"\",\"hide_mobile\":\"\"}"};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra">
            /* <![CDATA[ */
            var eztoc_smooth_local = {"scroll_offset":"130","add_request_uri":"","add_self_reference_link":""};
            /* ]]> */
        </script>
<!--        
        <script type="text/javascript" id="ez-toc-scroll-scriptjs-js" fetchpriority="high" src="https://metasport360.com/Meta_files/smooth_scroll.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-js-cookie-js" fetchpriority="high" src="https://metasport360.com/Meta_files/js.cookie.min(1).js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="ez-toc-jquery-sticky-kit-js" fetchpriority="high" src="https://metasport360.com/Meta_files/jquery.sticky-kit.min.js.descarga" data-rocket-status="executed">
        
 -->        
        
        
        </script>
        <script type="text/javascript" id="ez-toc-js-js-extra">
            /* <![CDATA[ */
            var ezTOC = {"smooth_scroll":"1","scroll_offset":"130","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","chamomile_theme_is_on":""};
            /* ]]> */
        </script>
        <script type="text/javascript" id="ez-toc-js-js" fetchpriority="high" src="https://metasport360.com/Meta_files/front.min.js.descarga" data-rocket-status="executed"></script>

        <script type="text/javascript" id="rocket-preload-links-js-extra">
            /* <![CDATA[ */
            var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/my-account\/??(.*)|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/metasport360.com","onHoverDelay":"100","rateThrottle":"3"};
            /* ]]> */
        </script>


        <script type="text/javascript" id="elementor-frontend-modules-js" fetchpriority="high" src="https://metasport360.com/Meta_files/frontend-modules.min.js.descarga" data-rocket-status="executed"></script>
        <script type="text/javascript" id="jquery-ui-core-js" fetchpriority="high" src="https://metasport360.com/Meta_files/core.min.js.descarga" data-rocket-status="executed"></script>


<script>
document.addEventListener('DOMContentLoaded', function () {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    // Ocultar preloader tras 5s como fallback
    const fallbackTimeout = setTimeout(() => hidePreloader(), 5000);

    // Intentamos ocultar al cargar la ventana, pero no bloquea
    window.addEventListener('load', function () {
        clearTimeout(fallbackTimeout);
        hidePreloader();
    });

    // Mostrar mensaje guardado de la página anterior (si existe)
    const savedMsg = sessionStorage.getItem('preloadMessage');
    if (savedMsg) {
        showPreloaderMessage(savedMsg);
        sessionStorage.removeItem('preloadMessage');

        // Ocultar automáticamente después de 1.5 segundos
        setTimeout(() => hidePreloader(), 1500);
    }

    // Capturamos clics en enlaces con clase LanzaPreload
    document.addEventListener('click', function (e) {
        const link = e.target.closest('.LanzaPreload');
        if (link) {
            const preloadHtml = link.dataset.preload;
            if (preloadHtml) {
                let preloadMsg = preloader.querySelector('.preload-message');
                if (!preloadMsg) {
                    preloadMsg = document.createElement('div');
                    preloadMsg.className = 'preload-message';
                    preloadMsg.style.color = '#fff';
                    preloadMsg.style.textAlign = 'center';
                    preloadMsg.style.marginTop = '15px';
                    spinner.insertAdjacentElement('afterend', preloadMsg);
                }
                preloadMsg.innerHTML = preloadHtml;

                // Guardamos el mensaje para la nueva página
                sessionStorage.setItem('preloadMessage', preloadHtml);
            }

            // Mostrar preloader inmediatamente
            preloader.classList.remove('hidden');
			// Cerrar todos los submenús con id que empiece por "submenu-"
			const submenus = document.querySelectorAll('[id^="submenu-"].open');
			submenus.forEach(submenu => {
				submenu.classList.remove('open');
			});
			
        }
    });
});

function showPreloaderMessage(msg) {
    const preloader = document.getElementById('Meta360-Preloader');
    const spinner = preloader.querySelector('.spinner');

    let preloadMsg = preloader.querySelector('.preload-message');
    if (!preloadMsg) {
        preloadMsg = document.createElement('div');
        preloadMsg.className = 'preload-message';
        preloadMsg.style.color = '#fff';
        preloadMsg.style.textAlign = 'center';
        preloadMsg.style.marginTop = '15px';
        spinner.insertAdjacentElement('afterend', preloadMsg);
    }
    preloadMsg.innerHTML = msg;
    preloader.classList.remove('hidden');
    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
	
}


function showPreloader() {
    const preloader = document.getElementById('Meta360-Preloader');
    preloader.classList.remove('hidden');
	alert('sdfsdfsdf');

    // Cerrar todos los submenús con id que empiece por "submenu-"
    const submenus = document.querySelectorAll('[id^="submenu-"].open');
    submenus.forEach(submenu => {
        submenu.classList.remove('open');
    });
}


function hidePreloader() {
    document.getElementById('Meta360-Preloader').classList.add('hidden');
}
</script>


<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 = 50; // 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 =63 + "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>