{"id":1212,"date":"2024-02-24T20:07:25","date_gmt":"2024-02-24T19:07:25","guid":{"rendered":"https:\/\/torneobalonmanoanaitasuna.com\/?page_id=1212"},"modified":"2024-03-15T18:25:52","modified_gmt":"2024-03-15T17:25:52","slug":"streaming","status":"publish","type":"page","link":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/streaming\/","title":{"rendered":"Streaming"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\" style=\"--awb-content-alignment:center;--awb-font-size:30px;--awb-text-color:var(--awb-color2);\"><p style=\"text-align: left;\"><span style=\"color: #339966;\"><strong>Streaming<\/strong><\/span><\/p>\n<\/div><!DOCTYPE html>\n<html lang=\"es\">\n\n<head>\n    <meta charset=\"UTF-8\">\n\t<title>Torneo Balonmano Anaitasuna-LIVE<\/title>\n\t\n\t    <!-- Estilos -->\n    <style>\n        @font-face {\n            font-family: 'Blaak-Black';\n            src: url('Blaak-Black.ttf') format('truetype');\n        }\n\n        body {\n            font-family: 'Blaak-Black', Arial, sans-serif;\n            font-size: 16px;\n            margin: 20px;\n            padding: 0;\n            background: linear-gradient(to bottom, #ffffff, #ffffff); \/* Cambia los colores seg\u00fan tu preferencia *\/\n\t\t\tmin-height: 100vh;         \n        }\n\n        table {\n            width: 100%;\n            max-width: 1000px;\n            margin: 20px auto;\n            border-collapse: collapse;\n            border: 2px solid #c9A845;\n        }\n\n        th,\n        td {\n            border: 0px solid #c9A845;\n            padding: 10px;\n            text-align: center;\n            height: 15px;\n        }\n\n        td.low-height {\n            height: 5px;\n        }\n\n\t\t.primera-celda {\n\t\t\theight: 3px; \/* Ajusta la altura seg\u00fan sea necesario *\/\n\t\t}\n\n        td.nopartidos {\n            font-size: 0.7em;\n\t\t\tpadding: 1px;\n        }\n\t\t\n        img {\n            width: 100%;\n            height: auto;\n            display: block;\n            margin: 0 auto;\n            border: none;\n        }\n\n        h3 {\n            color: #d60f26;\n            font-family: 'Blaak-Black', sans-serif;\n            font-size: 0.8em;\n        }\n\t\t\n\t\th2 {\n            color: #d60f26;\n            font-family: 'Blaak-Black', sans-serif;\n            font-size: 0.8em;\n        }\n\n        .center {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .inline-buttons {\n            display: flex;\n            justify-content: space-around;\n        }\n\n        .tableimagen {\n            width: 100%;\n            max-width: 600px;\n            margin: 20px auto;\n            border-collapse: collapse;\n            border: 0px solid #c9A845;\n        }\n\t\t\n\t\t.tablemapa {\n            width: 100%;\n            max-width: 1000px;\n            margin: 20px auto;\n            border-collapse: collapse;\n            border: 0px solid #c9A845;\n        }\n\n        \/* Estilos para los botones *\/\n        button {\n            background-color: #00004D;\n            color: white;\n            padding: 6px 12px;\n            border: 1px solid #c9A845;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s;\n            font-size: 0.6em;\n            font-family: 'Blaak-Black', sans-serif;\n        }\n\n        button:hover {\n            background-color: #00004D;\n            color: #c9A845;\n        }\n\n        \/* Estilos para la secci\u00f3n oculta *\/\n        .oculta {\n            display: none; \/* Todas las secciones est\u00e1n ocultas inicialmente *\/\n        }\n\t\t\n\t\t.center-image {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: 20px;\n        }\n\n        .center-image img {\n            max-width: 100%;\n            height: auto;\n        }\n\t\t\n\t\t@media (min-width: 768px) {\n            \/* Aplica estilos espec\u00edficos cuando el ancho de la pantalla es igual o mayor a 768px *\/\n            .center-image img {\n                max-width: 80%; \/* Cambia el valor seg\u00fan tus preferencias *\/\n            }\n        }\n\t\t\n\t\t\/* Estilos para el pie de p\u00e1gina *\/\n        footer {\n            text-align: center;\n            margin-top: 20px;\n            font-size: 0.5em;\n            color: #000; \/* Color del texto, ajusta seg\u00fan tu preferencia *\/\n        }\n\t\t\n\t\t\/* Estilos para el aviso de cookies *\/\n        #cookie-aviso {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background-color: #000;\n            padding: 10px;\n            text-align: center;\n            color: #fff;\n            display: none;\n        }\n\n        #cookie-aviso button {\n            background-color: #ddd;\n            color: #333;\n            border: none;\n            padding: 5px 10px;\n            cursor: pointer;\n\t\t\tfont-size: 8px;\n        }\n\t\t\n\t\t\/* Estilos para la tabla CSV*\/\n\t\t#tabla-containercsv_mixto {\n\t\t    width: 100%;\n\t\t\tmargin: 1px auto;\n\t\t\tmax-width: 1000px;\n\t\t}\n\t\t\n\t\t\/* Estilos para la tabla CSV*\/\n\t\t#tabla-containercsv_femenino {\n\t\t    width: 100%;\n\t\t\tmargin: 1px auto;\n\t\t\tmax-width: 1000px;\n\t\t}\n\n\t\t.mi-tablacsv {\n\t\t    width: 100%;\n            max-width: 1000px;\n\t\t\tmargin-top: 5px;\n\t\t\tmargin-bottom: 1px;\n            border-collapse: collapse;\n            border: 2px solid #c9A845;\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: collapse;\n\t\t\tbackground-color: #ffffff;\n\t\t}\n\n\t\t.mi-tablacsv th,\n\t\t.mi-tablacsv td {\n\t\t\tpadding: 4px;\n\t\t\ttext-align: center;\n\t\t\tborder: 1px solid #ddd;\n\t\t\tfont-size: 0.7em; \/* Ajusta el tama\u00f1o de fuente seg\u00fan tus necesidades *\/\n\t\t}\n\n\t\t.mi-tablacsv th {\n\t\t\tbackground-color: #f2f2f2;\n\t\t\tpadding: 4px;\n\t\t\ttext-align: center; \/* Centrar horizontalmente *\/\n\t\t}\n\n\t\t.mi-tablacsv img {\n\t\t\tmax-width: 15px;\n\t\t\theight: auto;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t\n\t\t\/* Estilo para reducir el tama\u00f1o de fuente en pantallas peque\u00f1as *\/\n\t\t@media screen and (max-width: 600px) {\n\t\t\t.mi-tablacsv th,\n\t\t\t.mi-tablacsv td {\n\t\t\t\tfont-size: 0.6em; \/* Ajusta el tama\u00f1o de fuente seg\u00fan tus necesidades *\/\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: 400px) {\n\t\t\t.mi-tablacsv th,\n\t\t\t.mi-tablacsv td {\n\t\t\t\tfont-size: 0.6em; \/* Ajusta el tama\u00f1o de fuente seg\u00fan tus necesidades *\/\n\t\t\t}\n\t\t}\n\t\t\n\t\t\/* Estilos para la animaci\u00f3n de parpadeo *\/\n        .parpadeo {\n            animation: parpadeo 0.5s infinite alternate;\n\t\t\tcolor: #d60f26;\n        }\n\t\t\n\t\t#mensajeNoPartidos {\n            color: #d60f26;\n            display: block;\n        }\n\t\t\n\t\t#mensajeSIPartidos {\n            color: #d60f26;\n            display: block;\n        }\n\n        @keyframes parpadeo {\n            from {\n                opacity: 1;\n            }\n\n            to {\n                opacity: 0;\n            }\n        }\n    <\/style>\n\t\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.1.0\/papaparse.min.js\"><\/script>\n\n    <!--<meta http-equiv=\"refresh\" content=\"150;url=index.html\">\n    <meta http-equiv=\"cache-control\" content=\"no-cache, must-revalidate, post-check=0, pre-check=0\">\n    <meta http-equiv=\"expires\" content=\"0\">-->\n    <meta http-equiv=\"pragma\" content=\"no-cache\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\t<meta name=\"description\" content=\"Bienvenido al Torneo de Balonmano de Semana Santa de Anaitasuna. Desde aqu\u00ed podr\u00e1s seguir los resultados y la clasificaci\u00f3n de tu equipo.\">\n\t\n<\/head>\n\n<body>\n\t\n\t<!-- INICIO LIVE -->\n\t\n\t<table style=\"margin-top: 40px; margin-bottom: 5px;\">\n\t    <tr>\n            <td class=\"low-height center\">\n                <h5><span><b><\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n        <tr>\n            <td class=\"low-height center\">\n                <h5><span class=\"parpadeo\"><b>LIVE<\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n\t\t<tr>\n            <td class=\"low-height center\">\n                <h5><span><b><\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n\t\t\n\t\t<tr>\n            <td class=\"center inline-buttons\">\n                <button onclick=\"actualizar()\">ACTUALIZAR<\/button>\n            <\/td>\n        <\/tr>\n            <td class=\"nopartidos\">\n\t\t\t    <p><\/p>\n\t\t\t\t<p id=\"mensajeNoPartidos\" style=\"display:block;\">\u00a1\u00a1\u00a1 EN ESTOS MOMENTOS NO HAY PARTIDOS EN JUEGO !!!<\/p>\n                <p id=\"mensajeSIPartidos\" style=\"display:none;\">\u00a1\u00a1\u00a1 PARTIDOS EN JUEGO !!!<\/p>\n\t\t\t<\/td>\n        <\/tr>\n\t\t\n\t<\/table>\t\n\t\n\t<!-- icono de actualizaci\u00f3n -->\n\t<div id=\"icono-actualizacion\" style=\"display: none; text-align: center;\">\n\t\t<img decoding=\"async\" src=\"https:\/\/torneobalonmanoanaitasuna.com\/torneo\/00_csv\/images\/spinner.gif\" alt=\"Actualizando...\" style=\"max-width: 50px; max-height: 50px;\">\n\t<\/div>\n\n\t<!-- tabla -->\n\t<table style=\"margin-top: 40px; margin-bottom: 5px\">\n\t\t<tr>\n            <td class=\"low-height center\">\n                <h5><span><b><\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n\t    <tr>\n            <td class=\"low-height center\">\n                <h5><span style=\"color: #d60f26;\"><b>PARTIDOS EN STREAMING<\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n\t\t<tr>\n            <td class=\"low-height center\">\n                <h5><span><b><\/b><\/span><\/h5>\n            <\/td>\n        <\/tr>\n\t\t\n            <td class=\"nopartidos\">\n\t\t\t\t<p><\/p>\n\t\t\t\t<p id=\"mensajeNoPartidos_1\" style=\"display:block;\">\u00a1\u00a1\u00a1 PR\u00d3XIMAMENTE SE PUBLICAR\u00c1 LA RELACI\u00d3N !!!<\/p>\n            <\/td>\n        <\/tr>\n        <tr>\n\t\t\t<div id=\"tablamixtolive\" style=\"overflow-x: auto; display:none\">\n\t\t\t<div id=\"tabla-containercsv_mixto\" style=\"margin: 0 auto; max-width: 1000px;\"><\/div>\n\t\t\t<\/div>\t\n        <\/tr>\n    <\/table>\n\t\t\n\t\t\n\t\t\n\t\t\n\t<table style=\"margin-top: 40px; margin-bottom: 5px;\">\n\n\t\t<tr>\n\t\t\t<div id=\"tablamixtolive_1\" style=\"overflow-x: auto; display:block\">\n\t\t\t<div id=\"tabla-containercsv_mixto_1\" style=\"margin: 0 auto; max-width: 1000px;\"><\/div>\n\t\t\t<\/div>\t\n        <\/tr>\n\t<\/table>\t\n\t\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t<script>\n\t\tfunction actualizar() {\n\t\t\t\/\/ Eliminar las tablas para volver a cargardatos CSV\t\t\t    \n\t\t\tvar tabla2 = document.getElementById(\"tabla-mixtocsv\");\n\t\t\tif (tabla2) {\n\t\t\t\ttabla2.remove();\n\t\t\t}\n\t\t\t\n\t\t\tvar tabla1 = document.getElementById(\"tabla-mixtocsv_1\");\n\t\t\tif (tabla1) {\n\t\t\t\ttabla1.remove();\n\t\t\t}\n\n\t\t\tvar mensajesinpartidos = document.getElementById(\"mensajeNoPartidos_1\");\n\t\t\tmensajesinpartidos.style.display = \"block\";\n\t\t\tvar mensajesinpartidos = document.getElementById(\"mensajeNoPartidos\");\n\t\t\tmensajesinpartidos.style.display = \"block\";\n\t\t\tvar mensajesinpartidos = document.getElementById(\"mensajeSIPartidos\");\n\t\t\tmensajesinpartidos.style.display = \"none\";\n\t\t\t\n\t\t\t\/\/ Llamar a la funci\u00f3n para cargar los datos\n\t\t\t\tcargarDatosCSV();\n\t\t}\n\t\t\n\t\t\/\/Funcion para cargar datos CVS\n\t\tfunction cargarDatosCSV() {\n\t\t\t\n\t\tvar iconoActualizacion = document.getElementById(\"icono-actualizacion\");\n\t\ticonoActualizacion.style.display = \"block\";\n\t\t\n\t\tconst tablaContainer_mixto = document.getElementById('tabla-containercsv_mixto');\n\t\tconst tablaContainer_femenino = document.getElementById('tabla-containercsv_femenino');\n\t\tconst tablaContainer_femenino_hora = document.getElementById('tabla-containercsv_femenino_hora');\n\t\tconst tablaContainer_mixto_1 = document.getElementById('tabla-containercsv_mixto_1');\n\n\t\t\/\/ Agregar un par\u00e1metro de tiempo actual a la URL para evitar el cach\u00e9\n\t\tconst timestamp = new Date().getTime();\n\t\tconst urlGoogleSheetsCSV_mixto =         `https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQQonc_q7-ynN0D3tRX7x7TjmZbJSErWhA-sGT1FgcTgtwkBmSEIFaruddDw1oyhX4uBUnQqhhAn2DY\/pub?gid=289772732&single=true&output=csv&_=${timestamp}`;\n\t    const urlGoogleSheetsCSV_mixto_1 =       `https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQQonc_q7-ynN0D3tRX7x7TjmZbJSErWhA-sGT1FgcTgtwkBmSEIFaruddDw1oyhX4uBUnQqhhAn2DY\/pub?gid=1632803380&single=true&output=csv&_=${timestamp}`;\n\t\t\n\t\tvar flag1 = false;\n\t\tvar flag2 = false;\n\t\t\t\t\n\t\t\/\/2.-creamos tabla \n\t\tPapa.parse(urlGoogleSheetsCSV_mixto, {\n\t\t\theader: true,\n\t\t\tdownload: true,\n\t\t\tskipEmptyLines: true,\n\t\t\tcomplete: function (result) {\n\t\t\t\tconst datos = result.data;\n\n\t\t\t\t\/\/ Crear la tabla\n\t\t\t\tconst tabla = document.createElement('table');\n\t\t\t\ttabla.id = 'tabla-mixtocsv';\n\t\t\t\ttabla.classList.add('mi-tablacsv');\n\n\t\t\t\t\/\/ Crear la cabecera de la tabla\n\t\t\t\tconst cabecera = document.createElement('thead');\n\t\t\t\tconst cabeceraFila = document.createElement('tr');\n\t\t\t\tfor (const campo in datos[0]) {\n\t\t\t\t\tdocument.getElementById(\"mensajeSIPartidos\").style.display = \"block\";\n\t\t\t\t\tdocument.getElementById(\"mensajeNoPartidos\").style.display = \"none\";\n\t\t\t\t\tdocument.getElementById(\"tablamixtolive\").style.display = \"block\";\n\t\t\t\t\t\/\/document.getElementById(\"tablamixtolive1\").style.display = \"block\";\n\t\t\t\t\tconst th = document.createElement('th');\n\t\t\t\t\tth.textContent = campo;\n\t\t\t\t\tcabeceraFila.appendChild(th);\n\t\t\t\t}\n\t\t\t\tcabecera.appendChild(cabeceraFila);\n\t\t\t\ttabla.appendChild(cabecera);\n\n\t\t\t\t\/\/ Crear el cuerpo de la tabla\n\t\t\t\tconst cuerpo = document.createElement('tbody');\n\t\t\t\tdatos.forEach((fila, i) => {\n\t\t\t\t\tconst tr = document.createElement('tr');\n\t\t\t\t\tfor (const campo in fila) {\n\t\t\t\t\t\tconst td = document.createElement('td');\n\t\t\t\t\t\t\/\/ Aplica estilos de tama\u00f1o de fuente en l\u00ednea a las celdas\n\t\t\t\t\t\ttd.style.fontSize = '0.6em'; \/\/ Ajusta el tama\u00f1o de fuente seg\u00fan tus necesidades\n\n\t\t\t\t\t\t\/\/ Verificar si estamos en la sexta o s\u00e9ptima fila y el campo es la URL de la imagen\n\t\t\t\t\t\tif (campo === 'E1') {\n\t\t\t\t\t\t\tconst img = document.createElement('img');\n\t\t\t\t\t\t\timg.src = fila[campo];\n\t\t\t\t\t\t\timg.alt = 'Imagen';\n\t\t\t\t\t\t\timg.style.maxWidth = '15px'; \/\/ Puedes ajustar el ancho seg\u00fan tus necesidades\n\t\t\t\t\t\t\ttd.appendChild(img);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (campo === 'E2') {\n\t\t\t\t\t\t\t\tconst img = document.createElement('img');\n\t\t\t\t\t\t\t\timg.src = fila[campo];\n\t\t\t\t\t\t\t\timg.alt = 'Imagen';\n\t\t\t\t\t\t\t\timg.style.maxWidth = '15px'; \/\/ Puedes ajustar el ancho seg\u00fan tus necesidades\n\t\t\t\t\t\t\t\ttd.appendChild(img);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (campo === 'STREAM') {\n\t\t\t\t\t\t\t\t\tconst enlace = document.createElement('a');\n\t\t\t\t\t\t\t\t\tenlace.href = fila[campo];\n\t\t\t\t\t\t\t\t\tenlace.textContent = 'Click aqu\u00ed';\n\t\t\t\t\t\t\t\t\tenlace.target = '_blank'; \/\/ Abre enlace en nueva ventana\n\t\t\t\t\t\t\t\t\ttd.appendChild(enlace);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ttd.textContent = fila[campo];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttr.appendChild(td);\n\t\t\t\t\t}\n\t\t\t\t\tcuerpo.appendChild(tr);\n\t\t\t\t});\n\t\t\t\ttabla.appendChild(cuerpo);\n\n\t\t\t\t\/\/ Agregar la tabla al contenedor\n\t\t\t\ttablaContainer_mixto.appendChild(tabla);\n\t\t\t\t\n\t\t\t\tflag1 = true;\n\t\t\t\tif (flag1&&flag2){\n\t\t\t\t\tvar iconoActualizacion = document.getElementById(\"icono-actualizacion\");\n\t\t\t\t\ticonoActualizacion.style.display = \"none\";\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\n\t\t\t}\n\n\t\t});\n\t\t\n\t\t\t\t\/\/2.-creamos tabla \n\t\tPapa.parse(urlGoogleSheetsCSV_mixto_1, {\n\t\t\theader: true,\n\t\t\tdownload: true,\n\t\t\tskipEmptyLines: true,\n\t\t\tcomplete: function (result) {\n\t\t\t\tconst datos = result.data;\n\n\t\t\t\t\/\/ Crear la tabla\n\t\t\t\tconst tabla = document.createElement('table');\n\t\t\t\ttabla.id = 'tabla-mixtocsv_1';\n\t\t\t\ttabla.classList.add('mi-tablacsv');\n\n\t\t\t\t\/\/ Crear la cabecera de la tabla\n\t\t\t\tconst cabecera = document.createElement('thead');\n\t\t\t\tconst cabeceraFila = document.createElement('tr');\n\t\t\t\tfor (const campo in datos[0]) {\n\t\t\t\t\t\/\/document.getElementById(\"imagenMapa\").style.display = \"block\";\n\t\t\t\t\tdocument.getElementById(\"mensajeNoPartidos_1\").style.display = \"none\";\n\t\t\t\t\t\/\/document.getElementById(\"tablamixtolive\").style.display = \"block\";\n\t\t\t\t\t\/\/document.getElementById(\"tablamixtolive1\").style.display = \"block\";\n\t\t\t\t\tconst th = document.createElement('th');\n\t\t\t\t\tth.textContent = campo;\n\t\t\t\t\tcabeceraFila.appendChild(th);\n\t\t\t\t}\n\t\t\t\tcabecera.appendChild(cabeceraFila);\n\t\t\t\ttabla.appendChild(cabecera);\n\n\t\t\t\t\/\/ Crear el cuerpo de la tabla\n\t\t\t\tconst cuerpo = document.createElement('tbody');\n\t\t\t\tdatos.forEach((fila, i) => {\n\t\t\t\t\tconst tr = document.createElement('tr');\n\t\t\t\t\tfor (const campo in fila) {\n\t\t\t\t\t\tconst td = document.createElement('td');\n\t\t\t\t\t\t\/\/ Aplica estilos de tama\u00f1o de fuente en l\u00ednea a las celdas\n\t\t\t\t\t\ttd.style.fontSize = '0.6em'; \/\/ Ajusta el tama\u00f1o de fuente seg\u00fan tus necesidades\n\n\t\t\t\t\t\t\/\/ Verificar si estamos en la sexta o s\u00e9ptima fila y el campo es la URL de la imagen\n\t\t\t\t\t\tif (campo === 'E1') {\n\t\t\t\t\t\t\tconst img = document.createElement('img');\n\t\t\t\t\t\t\timg.src = fila[campo];\n\t\t\t\t\t\t\timg.alt = 'Imagen';\n\t\t\t\t\t\t\timg.style.maxWidth = '15px'; \/\/ Puedes ajustar el ancho seg\u00fan tus necesidades\n\t\t\t\t\t\t\ttd.appendChild(img);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (campo === 'E2') {\n\t\t\t\t\t\t\t\tconst img = document.createElement('img');\n\t\t\t\t\t\t\t\timg.src = fila[campo];\n\t\t\t\t\t\t\t\timg.alt = 'Imagen';\n\t\t\t\t\t\t\t\timg.style.maxWidth = '15px'; \/\/ Puedes ajustar el ancho seg\u00fan tus necesidades\n\t\t\t\t\t\t\t\ttd.appendChild(img);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (campo === 'STREAM') {\n\t\t\t\t\t\t\t\t\tconst enlace = document.createElement('a');\n\t\t\t\t\t\t\t\t\tenlace.href = fila[campo];\n\t\t\t\t\t\t\t\t\tenlace.textContent = 'Click aqu\u00ed';\n\t\t\t\t\t\t\t\t\tenlace.target = '_blank'; \/\/ Abre enlace en nueva ventana\n\t\t\t\t\t\t\t\t\ttd.appendChild(enlace);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\ttd.textContent = fila[campo];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttr.appendChild(td);\n\t\t\t\t\t}\n\t\t\t\t\tcuerpo.appendChild(tr);\n\t\t\t\t});\n\t\t\t\ttabla.appendChild(cuerpo);\n\n\t\t\t\t\/\/ Agregar la tabla al contenedor\n\t\t\t\ttablaContainer_mixto_1.appendChild(tabla);\n\t\t\t\t\n\t\t\t\tflag2 = true;\n\t\t\t\tif (flag1&&flag2){\n\t\t\t\t\tvar iconoActualizacion = document.getElementById(\"icono-actualizacion\");\n\t\t\t\t\ticonoActualizacion.style.display = \"none\";\n\t\t\t\t}\n\n\t\t\t\t\n\t\t\t}\n\n\t\t});\n\t\t\t\t\t\t\n\t\t}\n\n\t\t\/\/ Llamar a la funci\u00f3n para cargar los datos al cargar la p\u00e1gina\n\t\t\n\t\twindow.onload = cargarDatosCSV;\t\n\t\n    <\/script>\n\t\t\n<\/body>\n\n<\/html>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-column-inner-bg-wrapper\" style=\"--awb-inner-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><span class=\"fusion-column-inner-bg hover-type-none\"><a class=\"fusion-column-anchor\" href=\"https:\/\/drive.google.com\/file\/d\/1aInoYi65SymkiOiYPy7gllkmm2L6vgy-\/view?usp=drive_link\"><span class=\"fusion-column-inner-bg-image\"><\/span><\/a><\/span><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px;width:100%;\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-animated\" style=\"--awb-border-radius-top-left:10px;--awb-border-radius-top-right:10px;--awb-border-radius-bottom-right:10px;--awb-border-radius-bottom-left:10px;--awb-overflow:hidden;--awb-flex-wrap:wrap;--awb-filter:saturate(100%);--awb-filter-transition:filter 0.3s ease;--awb-filter-hover:saturate(99%);\" data-animationType=\"flipiny\" data-animationDuration=\"0.6\" data-animationOffset=\"top-into-view\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-column-inner-bg-wrapper\" style=\"--awb-overflow:hidden;--awb-inner-bg-color:var(--awb-color1);--awb-inner-bg-color-hover:var(--awb-color1);--awb-inner-bg-size:cover;--awb-border-radius:20px 20px 20px 20px;--awb-inner-bg-border-radius:20px 20px 20px 20px;--awb-inner-bg-overflow:hidden;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><span class=\"fusion-column-inner-bg hover-type-none\"><a class=\"fusion-column-anchor\" href=\"https:\/\/drive.google.com\/file\/d\/14HX2uitmPSUPefiScW4dQCZqI5-iyhPv\/view?usp=sharing\"><span class=\"fusion-column-inner-bg-image\"><\/span><\/a><\/span><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;margin-bottom:10px;width:100%;\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-animated\" style=\"--awb-border-radius-top-left:10px;--awb-border-radius-top-right:10px;--awb-border-radius-bottom-right:10px;--awb-border-radius-bottom-left:10px;--awb-overflow:hidden;--awb-flex-wrap:wrap;--awb-filter:saturate(100%);--awb-filter-transition:filter 0.3s ease;--awb-filter-hover:saturate(99%);\" data-animationType=\"flipiny\" data-animationDuration=\"0.6\" data-animationOffset=\"top-into-view\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-column-inner-bg-wrapper\" style=\"--awb-overflow:hidden;--awb-inner-bg-color:var(--awb-color1);--awb-inner-bg-color-hover:var(--awb-color1);--awb-inner-bg-size:cover;--awb-border-radius:20px 20px 20px 20px;--awb-inner-bg-border-radius:20px 20px 20px 20px;--awb-inner-bg-overflow:hidden;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><span class=\"fusion-column-inner-bg hover-type-none\"><a class=\"fusion-column-anchor\" href=\"https:\/\/drive.google.com\/file\/d\/14HX2uitmPSUPefiScW4dQCZqI5-iyhPv\/view?usp=sharing\"><span class=\"fusion-column-inner-bg-image\"><\/span><\/a><\/span><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;flex-grow:1;margin-top:10px;margin-bottom:10px;width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":21,"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1504,"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1504"}],"wp:attachment":[{"href":"https:\/\/torneobalonmanoanaitasuna.com\/index.php\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}