{"id":1587,"date":"2026-06-25T13:39:55","date_gmt":"2026-06-25T13:39:55","guid":{"rendered":"http:\/\/wec-new-site.local\/?page_id=1587"},"modified":"2026-07-22T18:35:09","modified_gmt":"2026-07-22T18:35:09","slug":"galeria-de-videos","status":"publish","type":"page","link":"https:\/\/wec-chile.cl\/en\/galeria-de-videos\/","title":{"rendered":"Galeria de Videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1587\" class=\"elementor elementor-1587\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b265600 e-flex e-con-boxed e-con e-parent\" data-id=\"b265600\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-091e454 elementor-widget elementor-widget-html\" data-id=\"091e454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GALER\u00cdA DE VIDEOS \u2014 Elementor HTML widget -->\n<style>\n  .vid-wrap {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background: #fff;\n    padding: 0 0 80px;\n    box-sizing: border-box;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  .vid-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    box-sizing: border-box;\n  }\n\n  \/* Header *\/\n  .vid-label {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: #f97400;\n    text-transform: uppercase;\n    margin: 0 0 10px;\n  }\n  .vid-title {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 40px;\n    font-weight: 700;\n    color: #042a38;\n    margin: 0 0 8px;\n  }\n  .vid-count {\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    font-size: 14px;\n    color: #9ca3af;\n    margin: 0 0 40px;\n  }\n\n  \/* Video destacado *\/\n  .vid-featured {\n    margin-bottom: 48px;\n  }\n  .vid-featured-embed {\n    width: 100%;\n    aspect-ratio: 16\/9;\n    border-radius: 16px;\n    overflow: hidden;\n    background: #000;\n    margin-bottom: 20px;\n  }\n  .vid-featured-embed iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n    display: block;\n  }\n  .vid-featured-title {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: #042a38;\n    margin: 0 0 8px;\n  }\n  .vid-featured-desc {\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    font-size: 15px;\n    color: #4a5568;\n    line-height: 1.65;\n    margin: 0;\n  }\n\n  \/* Divider *\/\n  .vid-more-title {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    color: #042a38;\n    margin: 0 0 24px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid #f8f9fa;\n  }\n\n  \/* Grid thumbnails *\/\n  .vid-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .vid-card {\n    cursor: pointer;\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1.5px solid #e2e0dd;\n    background: #f8f9fa;\n    transition: box-shadow 0.22s, transform 0.2s, border-color 0.2s;\n  }\n  .vid-card:hover {\n    box-shadow: 0 6px 24px rgba(4,42,56,0.10);\n    transform: translateY(-3px);\n    border-color: #f97400;\n  }\n  .vid-card.active {\n    border-color: #f97400;\n    box-shadow: 0 0 0 3px rgba(249,116,0,0.2);\n  }\n  .vid-thumb-wrap {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16\/9;\n    background: #000;\n    overflow: hidden;\n  }\n  .vid-thumb-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s;\n  }\n  .vid-card:hover .vid-thumb-wrap img { transform: scale(1.04); }\n  .vid-play-btn {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,0,0,0.3);\n    transition: background 0.2s;\n  }\n  .vid-card:hover .vid-play-btn { background: rgba(0,0,0,0.45); }\n  .vid-play-btn svg {\n    width: 48px;\n    height: 48px;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));\n  }\n  .vid-card-body {\n    padding: 14px 16px;\n  }\n  .vid-card-title {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    color: #042a38;\n    margin: 0 0 4px;\n    line-height: 1.35;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n  .vid-card-meta {\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    font-size: 12px;\n    color: #9ca3af;\n    margin: 0;\n  }\n\n  @media (max-width: 1024px) {\n    .vid-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 768px) {\n    .vid-wrap { padding: 0 0 56px; }\n    .vid-title { font-size: 28px; }\n    .vid-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .vid-featured-title { font-size: 18px; }\n  }\n  @media (max-width: 480px) {\n    .vid-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<section class=\"vid-wrap\">\n  <div class=\"vid-inner\">\n\n    <p class=\"vid-label\">\/ Contenido<\/p>\n    <h1 class=\"vid-title\">Galer\u00eda de Videos<\/h1>\n    <p class=\"vid-count\" id=\"vid-count\"><\/p>\n\n    <!-- Video destacado -->\n    <div class=\"vid-featured\">\n      <div class=\"vid-featured-embed\">\n        <iframe\n          id=\"vid-featured-iframe\"\n          src=\"\"\n          title=\"Video WEC Chile\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowfullscreen\n        ><\/iframe>\n      <\/div>\n      <h2 class=\"vid-featured-title\" id=\"vid-featured-title\"><\/h2>\n      <p class=\"vid-featured-desc\" id=\"vid-featured-desc\"><\/p>\n    <\/div>\n\n    <!-- M\u00e1s videos -->\n    <p class=\"vid-more-title\">M\u00e1s videos<\/p>\n    <div class=\"vid-grid\" id=\"vid-grid\"><\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ LISTA DE VIDEOS \u2014 reemplaz\u00e1 los IDs de YouTube y textos\n\/\/ Formato: { id: 'ID_DE_YOUTUBE', title: '...', desc: '...', date: '...' }\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nvar WEC_VIDEOS = [\n  {\n    id:    'REEMPLAZAR_ID_1',\n    title: 'WEC Chile: 10 a\u00f1os impulsando el di\u00e1logo energ\u00e9tico',\n    desc:  'Un recorrido por la historia de World Energy Council Chile y su impacto en el sector energ\u00e9tico nacional.',\n    date:  '2026'\n  },\n  {\n    id:    'REEMPLAZAR_ID_2',\n    title: 'World Energy Week Panam\u00e1 2025: Delegaci\u00f3n Chile',\n    desc:  '',\n    date:  '2025'\n  },\n  {\n    id:    'REEMPLAZAR_ID_3',\n    title: 'Women in Energy: 7\u00aa Generaci\u00f3n',\n    desc:  '',\n    date:  '2025'\n  },\n  {\n    id:    'REEMPLAZAR_ID_4',\n    title: 'Kids in Energy: Lampa 2025',\n    desc:  '',\n    date:  '2025'\n  },\n  {\n    id:    'REEMPLAZAR_ID_5',\n    title: 'CFO Program: Primera Edici\u00f3n',\n    desc:  '',\n    date:  '2025'\n  },\n  {\n    id:    'REEMPLAZAR_ID_6',\n    title: 'WE Caf\u00e9: Hidr\u00f3geno Verde en Chile',\n    desc:  '',\n    date:  '2025'\n  }\n];\n\n\/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction ytThumb(id) {\n  return 'https:\/\/img.youtube.com\/vi\/' + id + '\/mqdefault.jpg';\n}\nfunction ytEmbed(id) {\n  return 'https:\/\/www.youtube.com\/embed\/' + id + '?rel=0&autoplay=0';\n}\nfunction esc(s) {\n  return String(s||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;');\n}\n\nvar currentIdx = 0;\n\nfunction setFeatured(idx) {\n  currentIdx = idx;\n  var v = WEC_VIDEOS[idx];\n  document.getElementById('vid-featured-iframe').src = ytEmbed(v.id);\n  document.getElementById('vid-featured-title').textContent = v.title;\n  document.getElementById('vid-featured-desc').textContent  = v.desc || '';\n\n  \/\/ Scroll suave al featured\n  document.getElementById('vid-featured-iframe').scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n  \/\/ Marcar card activa\n  document.querySelectorAll('.vid-card').forEach(function(c, i) {\n    c.classList.toggle('active', i === idx);\n  });\n}\n\nfunction renderGrid() {\n  var count = WEC_VIDEOS.length;\n  document.getElementById('vid-count').textContent = count + ' video' + (count !== 1 ? 's' : '');\n\n  var html = '';\n  WEC_VIDEOS.forEach(function(v, i) {\n    html += '<div class=\"vid-card' + (i === 0 ? ' active' : '') + '\" onclick=\"setFeatured(' + i + ')\">'\n          + '<div class=\"vid-thumb-wrap\">'\n          + '<img decoding=\"async\" src=\"' + ytThumb(v.id) + '\" alt=\"' + esc(v.title) + '\" loading=\"lazy\">'\n          + '<div class=\"vid-play-btn\">'\n          + '<svg viewBox=\"0 0 68 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">'\n          + '<rect width=\"68\" height=\"48\" rx=\"14\" fill=\"white\" fill-opacity=\"0.9\"\/>'\n          + '<path d=\"M27 16L47 24L27 32V16Z\" fill=\"#f97400\"\/>'\n          + '<\/svg>'\n          + '<\/div><\/div>'\n          + '<div class=\"vid-card-body\">'\n          + '<p class=\"vid-card-title\">' + esc(v.title) + '<\/p>'\n          + (v.date ? '<p class=\"vid-card-meta\">' + esc(v.date) + '<\/p>' : '')\n          + '<\/div><\/div>';\n  });\n  document.getElementById('vid-grid').innerHTML = html;\n\n  \/\/ Cargar el primer video\n  if (WEC_VIDEOS.length > 0) setFeatured(0);\n}\n\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', renderGrid);\n} else {\n  renderGrid();\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\/ Contenido Galer\u00eda de Videos M\u00e1s videos<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1587","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/pages\/1587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/comments?post=1587"}],"version-history":[{"count":7,"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/pages\/1587\/revisions"}],"predecessor-version":[{"id":8306,"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/pages\/1587\/revisions\/8306"}],"wp:attachment":[{"href":"https:\/\/wec-chile.cl\/en\/wp-json\/wp\/v2\/media?parent=1587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}