{"id":109,"date":"2024-11-27T16:36:05","date_gmt":"2024-11-27T16:36:05","guid":{"rendered":"\/?page_id=109"},"modified":"2026-05-11T16:11:34","modified_gmt":"2026-05-11T16:11:34","slug":"home","status":"publish","type":"page","link":"\/?page_id=109","title":{"rendered":"P\u00e1gina de inicio"},"content":{"rendered":"\n<div id=\"video-container\" class=\"relative max-w-none px-0\" style=\"height: 80vh; overflow: hidden;\">\n  <iframe id=\"background-video\" src=\"https:\/\/www.youtube.com\/embed\/HiRI5shVll8?autoplay=1&#038;mute=1&#038;loop=1&#038;playlist=HiRI5shVll8&#038;controls=0&#038;showinfo=0&#038;rel=0&#038;enablejsapi=1\" class=\"absolute inset-0 w-full h-full object-cover\" style=\"object-position: center center; border: none; width: 100vw; height: 56.25vw; min-height: 80vh; min-width: 142.22vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n  \n  <div class=\"absolute inset-0 z-10 flex items-center justify-center bg-black\/40 text-center text-white pointer-events-none\">\n    <div class=\"absolute bottom-5 right-5 pointer-events-auto\">\n      <button id=\"audio-toggle\" class=\"bg-white\/30 hover:bg-white\/50 text-white px-3 py-2 rounded-full flex items-center transition-all\">\n        <span id=\"audio-icon\" class=\"text-xl\">\ud83d\udd07<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  let player;\n  const audioToggle = document.getElementById('audio-toggle');\n  const audioIcon = document.getElementById('audio-icon');\n  \n  \/\/ Cargar la API de YouTube\n  const tag = document.createElement('script');\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n  const firstScriptTag = document.getElementsByTagName('script')[0];\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n  window.onYouTubeIframeAPIReady = function() {\n    player = new YT.Player('background-video', {\n      events: {\n        'onReady': onPlayerReady\n      }\n    });\n  };\n\n  function onPlayerReady(event) {\n    event.target.mute();\n    event.target.playVideo();\n    \n    \/\/ Manejar el bot\u00f3n de audio\n    audioToggle.addEventListener('click', function() {\n      if (player.isMuted()) {\n        player.unMute();\n        audioIcon.textContent = '\ud83d\udd0a';\n      } else {\n        player.mute();\n        audioIcon.textContent = '\ud83d\udd07';\n      }\n    });\n  }\n});\n<\/script>\n\n\n\n<!-- Secci\u00f3n de Horarios -->\n<style>\n.paginaprincipal-horarios {\n    position: relative;\n    width: 100%;\n    max-width: none !important;\n    overflow: hidden;\n}\n.paginaprincipal-horarios .bg-image {\n    width: 100%;\n    display: block;\n    min-height: 350px;\n    object-fit: cover;\n}\n.paginaprincipal-horarios .content-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    padding: 3rem 10% 3rem 10%;\n}\n.paginaprincipal-horarios .text-content {\n    max-width: 580px;\n    margin-left: 18%;\n}\n.paginaprincipal-horarios h2 {\n    color: white;\n    font-size: 3.2rem;\n    font-weight: bold;\n    margin-top: 0;\n    margin-bottom: 1.5rem;\n}\n.paginaprincipal-horarios p {\n    color: white;\n    font-size: 1.25rem;\n    max-width: 580px;\n    line-height: 1.6;\n    margin-bottom: 1.2rem;\n}\n@media (max-width: 992px) {\n    .paginaprincipal-horarios .text-content {\n        margin-left: 15%;\n        max-width: 520px;\n    }\n    \n    .paginaprincipal-horarios h2 {\n        font-size: 2.8rem;\n    }\n    \n    .paginaprincipal-horarios p {\n        font-size: 1.15rem;\n    }\n}\n@media (max-width: 768px) {\n    .paginaprincipal-horarios .bg-image {\n        min-height: 450px;\n        object-fit: cover;\n    }\n    \n    .paginaprincipal-horarios .content-wrapper {\n        padding: 0 5%;\n        text-align: center;\n    }\n    \n    .paginaprincipal-horarios .text-content {\n        margin-left: 0;\n        max-width: 100%;\n    }\n    \n    .paginaprincipal-horarios h2 {\n        font-size: 3rem;\n    }\n    \n    .paginaprincipal-horarios p {\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n        font-size: 1.3rem;\n        padding: 0 1rem;\n    }\n}\n@media (max-width: 576px) {\n    .paginaprincipal-horarios .bg-image {\n        min-height: 500px;\n    }\n    \n    .paginaprincipal-horarios h2 {\n        font-size: 2.6rem;\n    }\n    \n    .paginaprincipal-horarios p {\n        font-size: 1.2rem;\n    }\n}\n<\/style>\n<section class=\"paginaprincipal-horarios\">\n    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/BmsMNcc.png\" alt=\"Parque Estadio Nacional\" class=\"bg-image\">\n    <div class=\"content-wrapper\">\n        <div class=\"text-content\">\n            <h2>Disponible toda la semana<\/h2>\n            <p>El Parque Estadio Nacional est\u00e1 abierto de lunes a domingo, de 09:00 a 21:00 hrs.<\/p>\n            <p>En los d\u00edas de eventos masivos, s\u00f3lo se bloquean las zonas de tr\u00e1nsito del p\u00fablico que asistir\u00e1 a los respectivos espect\u00e1culos, pero el resto del parque seguir\u00e1 disponible para que puedas recorrer.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- Contenedor principal de cartelera -->\n<div class=\"inicio-cartelera max-w-none w-full relative mb-16\">\n  <!-- Banner superior con la mancha de fondo ajustada -->\n  <div class=\"w-full relative py-12\">\n    <!-- Imagen de mancha ajustada al 60% -->\n    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/EQdHwEk.png\" alt=\"Fondo Cartelera\" class=\"absolute top-0 left-0 w-full h-full object-cover scale-60\" \/>\n    \n    <!-- Texto Cartelera encima de la imagen -->\n    <div class=\"container mx-auto px-4 relative z-10 text-center\">\n      <h2 class=\"text-white text-5xl md:text-6xl font-bold\">Cartelera<\/h2>\n    <\/div>\n  <\/div>\n  \n  <!-- Contenedor de eventos aleatorios -->\n  <div class=\"container mx-auto px-4 py-8\">\n    <div class=\"flex flex-wrap justify-center gap-6\" id=\"eventos-container\">\n      <!-- Indicador de carga -->\n      <div class=\"text-center w-full py-8\" id=\"loading-indicator\">\n        <div class=\"inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-[#00cec3] border-r-transparent\"><\/div>\n        <p class=\"mt-2 text-gray-600\">Cargando eventos&#8230;<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Configuraci\u00f3n\n  const API_URL = '\/cartelera-api.php';\n  const cantidadEventos = 3;\n  const urlPaginaEventos = 'https:\/\/parqueestadionacional.cl\/?page_id=207';\n\n  \/\/ \u2500\u2500 Eventos base (los mismos hardcodeados en la p\u00e1gina principal) \u2500\u2500\n  \/\/ Cuando expiren se filtran autom\u00e1ticamente.\n  const eventosBase = [\n    {\n      title: 'Cris MJ \u2013 El retorno del rey',\n      date: '17 de abril',\n      endDate: '2026-04-17',\n      image: 'https:\/\/i.imgur.com\/jA7H0vx.png',\n      link: 'https:\/\/www.puntoticket.com\/cris-mj'\n    },\n    {\n      title: 'Korn \u2013 Latin America 2026',\n      date: '8 de mayo',\n      endDate: '2026-05-08',\n      image: 'https:\/\/i.imgur.com\/zaUmGyT.png',\n      link: 'https:\/\/www.ticketmaster.cl\/event\/korn-2026'\n    },\n    {\n      title: 'Iron Maiden \u2013 Run For Your Lives Tour',\n      date: '31 de octubre y 1 de noviembre',\n      endDate: '2026-11-01',\n      image: 'https:\/\/i.imgur.com\/WywKTgd.png',\n      link: 'https:\/\/www.ticketmaster.cl\/event\/iron-maiden-run-for-your-lives-scl-2026'\n    }\n  ];\n\n  \/\/ Mostrar error\n  function mostrarError(mensaje) {\n    var container = document.getElementById('eventos-container');\n    var loading = document.getElementById('loading-indicator');\n    if (loading) loading.style.display = 'none';\n    container.innerHTML =\n      '<div class=\"w-full text-center p-6 bg-red-100 border border-red-400 text-red-700 rounded-lg\">' +\n        '<h3 class=\"text-xl font-bold mb-2\">Error al cargar eventos<\/h3>' +\n        '<p>' + mensaje + '<\/p>' +\n        '<button class=\"mt-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700\" onclick=\"location.reload()\">Reintentar<\/button>' +\n      '<\/div>';\n  }\n\n  \/\/ Filtrar eventos que ya expiraron\n  function filtrarVigentes(eventos) {\n    var now = new Date();\n    return eventos.filter(function(ev) {\n      return now <= new Date(ev.endDate + 'T23:59:59');\n    });\n  }\n\n  \/\/ Seleccionar N eventos aleatorios\n  function seleccionarAleatorios(eventos, cantidad) {\n    if (eventos.length <= cantidad) return eventos;\n    var copia = eventos.slice();\n    var seleccionados = [];\n    for (var i = 0; i < cantidad; i++) {\n      var idx = Math.floor(Math.random() * copia.length);\n      seleccionados.push(copia.splice(idx, 1)[0]);\n    }\n    return seleccionados;\n  }\n\n  \/\/ Renderizar tarjetas\n  function mostrarEventos(eventos) {\n    var container = document.getElementById('eventos-container');\n    var loading = document.getElementById('loading-indicator');\n    if (loading) loading.style.display = 'none';\n    container.innerHTML = '';\n\n    if (eventos.length === 0) {\n      container.innerHTML =\n        '<p class=\"text-gray-500 text-center w-full py-8\">No hay eventos vigentes en este momento.<\/p>';\n      return;\n    }\n\n    eventos.forEach(function(ev) {\n      var card = document.createElement('a');\n      card.href = ev.link || urlPaginaEventos;\n      card.target = '_blank';\n      card.className = 'w-full md:w-[30%] bg-[#00cec3] text-white shadow-lg flex flex-col rounded-lg overflow-hidden hover:shadow-xl transition-shadow';\n      card.innerHTML =\n        '<div class=\"relative w-full aspect-[4\/3] bg-gray-300\">' +\n          '<img decoding=\"async\" src=\"' + ev.image + '\" alt=\"' + ev.title + '\" class=\"absolute inset-0 h-full w-full object-cover\" onerror=\"this.src=\\'https:\/\/i.imgur.com\/EQdHwEk.png\\'\" \/>' +\n        '<\/div>' +\n        '<div class=\"p-4 text-center\">' +\n          '<div class=\"text-2xl font-bold tracking-tight\">' + ev.title + '<\/div>' +\n        '<\/div>';\n      container.appendChild(card);\n    });\n  }\n\n  \/\/ \u2500\u2500 Cargar todo \u2500\u2500\n  \/\/ 1) Traer eventos din\u00e1micos desde la API\n  \/\/ 2) Combinar con los base\n  \/\/ 3) Filtrar expirados, elegir 3 al azar, mostrar\n  fetch(API_URL)\n    .then(function(resp) { return resp.ok ? resp.json() : []; })\n    .then(function(eventosAPI) {\n      \/\/ Combinar base + API (evitar duplicados por t\u00edtulo)\n      var todos = eventosBase.slice();\n      var titulosExistentes = {};\n      todos.forEach(function(ev) { titulosExistentes[ev.title] = true; });\n\n      eventosAPI.forEach(function(ev) {\n        if (!titulosExistentes[ev.title]) {\n          todos.push(ev);\n          titulosExistentes[ev.title] = true;\n        }\n      });\n\n      var vigentes = filtrarVigentes(todos);\n      var seleccionados = seleccionarAleatorios(vigentes, cantidadEventos);\n      mostrarEventos(seleccionados);\n    })\n    .catch(function(err) {\n      console.warn('API no disponible, usando solo eventos base:', err);\n      \/\/ Fallback: mostrar solo los base vigentes\n      var vigentes = filtrarVigentes(eventosBase);\n      var seleccionados = seleccionarAleatorios(vigentes, cantidadEventos);\n      mostrarEventos(seleccionados);\n    });\n});\n<\/script>\n\n\n\n<!-- Secci\u00f3n de Reserva de Cancha -->\n<style>\n.paginaprincipal-reserva {\n    position: relative;\n    width: 100%;\n    max-width: none !important;\n    overflow: hidden;\n}\n\n.paginaprincipal-reserva .bg-image {\n    width: 100%;\n    display: block;\n    min-height: 250px;\n    object-fit: cover;\n}\n\n.paginaprincipal-reserva .content-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    padding: 0 10%;\n}\n\n.paginaprincipal-reserva .flex-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n}\n\n.paginaprincipal-reserva .text-side {\n    flex: 1;\n    padding-right: 3rem;\n}\n\n.paginaprincipal-reserva h2 {\n    color: white;\n    font-size: 4rem;\n    font-weight: bold;\n    margin-top: 0;\n    margin-bottom: 1.8rem;\n}\n\n.paginaprincipal-reserva p {\n    color: white;\n    font-size: 1.5rem;\n    max-width: 650px;\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n}\n\n.paginaprincipal-reserva .button-side {\n    flex-shrink: 0;\n}\n\n.paginaprincipal-reserva .button {\n    display: inline-flex;\n    align-items: center;\n    background-color: white;\n    color: #00b2a9;\n    padding: 1.25rem 2.5rem;\n    border-radius: 9999px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 1.4rem;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n}\n\n.paginaprincipal-reserva .button svg {\n    margin-left: 0.8rem;\n    width: 28px;\n    height: 28px;\n}\n\n@media (max-width: 768px) {\n    .paginaprincipal-reserva .bg-image {\n        min-height: 450px;\n        object-fit: cover;\n    }\n    \n    .paginaprincipal-reserva .content-wrapper {\n        padding: 0 5%;\n    }\n    \n    .paginaprincipal-reserva .flex-container {\n        flex-direction: column;\n        text-align: center;\n        justify-content: center;\n    }\n    \n    .paginaprincipal-reserva .text-side {\n        padding-right: 0;\n        margin-bottom: 2.5rem;\n    }\n    \n    .paginaprincipal-reserva h2 {\n        font-size: 3rem;\n    }\n    \n    .paginaprincipal-reserva p {\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n        font-size: 1.3rem;\n        padding: 0 1rem;\n    }\n    \n    .paginaprincipal-reserva .button {\n        padding: 1rem 2rem;\n        font-size: 1.25rem;\n    }\n}\n\n@media (max-width: 576px) {\n    .paginaprincipal-reserva .bg-image {\n        min-height: 500px;\n    }\n    \n    .paginaprincipal-reserva h2 {\n        font-size: 2.6rem;\n    }\n    \n    .paginaprincipal-reserva p {\n        font-size: 1.2rem;\n    }\n}\n<\/style>\n\n<section class=\"paginaprincipal-reserva\">\n    <img decoding=\"async\" src=\"https:\/\/imagizer.imageshack.com\/img922\/9879\/mXIaBk.png\" alt=\"Fondo\" class=\"bg-image\">\n    <div class=\"content-wrapper\">\n        <div class=\"flex-container\">\n            <div class=\"text-side\">\n                <h2>Reserva tu cancha<\/h2>\n                <p>Si quieres usar una de nuestras instalaciones de manera individual, arreglar organizadamente y disfrutar entre amigos, este espacio est\u00e1 pensado para ti.<\/p>\n            <\/div>\n            <div class=\"button-side\">\n                <a href=\"https:\/\/entrenamientos.parqueestadionacional.cl\/\" class=\"button\">\n                    Ir al formulario\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<div class=\"event-section full-width principal-instagram\">\n  <a href=\"https:\/\/www.instagram.com\/indchile\/\" target=\"_blank\" class=\"block\">\n    <div class=\"relative w-full flex justify-center items-center overflow-hidden\">\n      <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/chXV1jE.png\" alt=\"@indchile\"\n           class=\"w-full sm:h-auto h-32 object-cover\" \/>\n      <span class=\"absolute font-extrabold text-white text-4xl sm:text-5xl md:text-6xl drop-shadow\">@indchile<\/span>\n    <\/div>\n  <\/a>\n  <div class=\"instagram-section px-6 py-8 text-center\">\n    <div id=\"instagram-posts\" class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mt-8 w-4\/5 mx-auto\">\n      <!-- Posts verticales -->\n      <a href=\"https:\/\/www.instagram.com\/p\/DIzAmEpOtND\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Z5oEeeu.png\" alt=\"Post 1\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/p\/DIwINV6u-rY\/?img_index=1\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/B9Lx16C.png\" alt=\"Post 2\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/p\/DIypsYLOtGE\/?img_index=1\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/U1xeQ0C.png\" alt=\"Post 3\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/p\/DI3xOEzuoeG\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ns5EUu2.png\" alt=\"Post 4\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/p\/DI2kvnIM4Qp\/?img_index=1\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/YruTjhg.png\" alt=\"Post 5\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/p\/DI1apPCuQeF\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/tEbwe7Y.png\" alt=\"Post 6\" class=\"w-full aspect-[4\/5] object-cover rounded-2xl\">\n      <\/a>\n    <\/div>\n    <a href=\"https:\/\/www.instagram.com\/indchile\/\" target=\"_blank\"\n       class=\"mt-6 inline-block px-6 py-3 bg-blue-500 text-white font-bold rounded-lg hover:bg-blue-600\">\n      S\u00edguenos en Instagram\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd07 Disponible toda la semana El Parque Estadio Nacional est\u00e1 abierto de lunes a domingo, de 09:00 a 21:00 hrs. En los d\u00edas de eventos masivos, s\u00f3lo se bloquean las zonas de tr\u00e1nsito del p\u00fablico que asistir\u00e1 a los respectivos espect\u00e1culos, pero el resto del parque seguir\u00e1 disponible para que puedas recorrer. Cartelera Cargando eventos&#8230; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":181,"href":"\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":1763,"href":"\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/1763"}],"wp:attachment":[{"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}