{"id":8491,"date":"2025-07-30T11:52:55","date_gmt":"2025-07-30T16:52:55","guid":{"rendered":"https:\/\/expocleanecuador.com.ec\/?page_id=8491"},"modified":"2025-08-29T10:29:23","modified_gmt":"2025-08-29T15:29:23","slug":"videos","status":"publish","type":"page","link":"https:\/\/expocleanecuador.com.ec\/en\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8491\" class=\"elementor elementor-8491\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78541ab e-flex e-con-boxed e-con e-parent\" data-id=\"78541ab\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d7ec5d elementor-widget elementor-widget-html\" data-id=\"0d7ec5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"expo-videos\" id=\"expoVideos\">\r\n  <style>\r\n    \/* ===========================\r\n       Estilos scoped a .expo-videos\r\n       =========================== *\/\r\n    :root {\r\n      --primary: #0056b3;\r\n      --accent: #00a0df;\r\n      --muted: #6b7280;\r\n      --card-bg: #ffffff;\r\n      --card-border: #e6eef8;\r\n      --radius: 12px;\r\n      --shadow: 0 10px 30px rgba(10, 25, 47, 0.08);\r\n      --glass: rgba(255,255,255,0.6);\r\n      --max-width: 1200px;\r\n    }\r\n\r\n    .expo-videos { \r\n      width: 100%;\r\n      max-width: var(--max-width);\r\n      margin: 0 auto;\r\n      padding: 28px;\r\n      box-sizing: border-box;\r\n      font-family: \"Montserrat\", \"Open Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n      color: #12202b;\r\n    }\r\n\r\n    \/* Breadcrumb y t\u00edtulo *\/\r\n    .expo-videos .breadcrumb {\r\n      font-size: 0.95rem;\r\n      color: var(--muted);\r\n      margin-bottom: 12px;\r\n      display:flex;\r\n      gap:8px;\r\n      align-items:center;\r\n    }\r\n    .expo-videos .breadcrumb a { color: var(--primary); text-decoration:none; font-weight:600; }\r\n    .expo-videos .title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:6px; flex-wrap:wrap; }\r\n    .expo-videos h1 { font-size:1.85rem; margin:0; color:var(--primary); letter-spacing:-0.4px; }\r\n    .expo-videos p.subtitle { margin:6px 0 22px 0; color:var(--muted); max-width:900px; line-height:1.5; }\r\n\r\n    \/* Filtros *\/\r\n    .expo-videos .filters {\r\n      display:flex;\r\n      gap:10px;\r\n      flex-wrap:wrap;\r\n      margin-bottom:18px;\r\n    }\r\n    .expo-videos .filters button {\r\n      background:transparent;\r\n      border:1px solid var(--card-border);\r\n      color:var(--muted);\r\n      padding:8px 16px;\r\n      border-radius:999px;\r\n      font-weight:600;\r\n      cursor:pointer;\r\n      transition:all .18s ease;\r\n      box-shadow:none;\r\n    }\r\n    .expo-videos .filters button[aria-pressed=\"true\"]{\r\n      background: linear-gradient(90deg,var(--primary),var(--accent));\r\n      color:#fff;\r\n      border-color:transparent;\r\n      transform:translateY(-3px);\r\n      box-shadow: 0 8px 28px rgba(0,86,179,0.14);\r\n    }\r\n    .expo-videos .filters button:focus { outline:3px solid rgba(0,160,223,0.14); outline-offset:3px; }\r\n\r\n    \/* Grid *\/\r\n    .expo-videos .grid {\r\n      display:grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n      gap:20px;\r\n      align-items:start;\r\n    }\r\n\r\n    \/* Card *\/\r\n    .expo-videos .card {\r\n      background:var(--card-bg);\r\n      border-radius:var(--radius);\r\n      overflow:hidden;\r\n      border:1px solid var(--card-border);\r\n      box-shadow:var(--shadow);\r\n      transition:transform .22s ease, box-shadow .22s ease;\r\n      display:flex;\r\n      flex-direction:column;\r\n      min-height:240px;\r\n    }\r\n    .expo-videos .card:hover { transform:translateY(-8px); box-shadow:0 18px 40px rgba(10,25,47,0.12); }\r\n\r\n    .expo-videos .thumb {\r\n      position:relative;\r\n      height:170px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background: linear-gradient(120deg,var(--primary),var(--accent));\r\n      color:white;\r\n    }\r\n    .expo-videos .thumb .overlay {\r\n      position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0.08), rgba(0,0,0,0.2));\r\n    }\r\n    .expo-videos .thumb .play {\r\n      position:relative;\r\n      z-index:2;\r\n      width:64px; height:64px;\r\n      border-radius:50%;\r\n      background:rgba(255,255,255,0.95);\r\n      display:grid; place-items:center;\r\n      box-shadow:0 6px 20px rgba(0,0,0,0.18);\r\n      cursor:pointer;\r\n      transition:transform .16s ease;\r\n    }\r\n    .expo-videos .thumb .play:hover { transform:scale(1.06); }\r\n    .expo-videos .thumb .icon {\r\n      color:var(--primary);\r\n      font-size:22px;\r\n      margin-left:4px;\r\n    }\r\n    .expo-videos .thumb .label {\r\n      position:absolute;\r\n      left:12px; bottom:10px;\r\n      z-index:2;\r\n      font-size:0.85rem;\r\n      background:rgba(255,255,255,0.9);\r\n      color:#0b2340;\r\n      padding:6px 10px;\r\n      border-radius:999px;\r\n      font-weight:600;\r\n      border:1px solid rgba(11,35,64,0.06);\r\n    }\r\n\r\n    .expo-videos .body {\r\n      padding:16px 18px 18px 18px;\r\n      display:flex; flex-direction:column; gap:8px; flex:1;\r\n    }\r\n    .expo-videos .body h3 {\r\n      margin:0; font-size:1.03rem; line-height:1.2; font-weight:700; color:#0b2940;\r\n      display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\r\n    }\r\n    .expo-videos .body p.desc {\r\n      margin:0; color:var(--muted); font-size:0.92rem; line-height:1.4; flex:1;\r\n      display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;\r\n    }\r\n    .expo-videos .meta {\r\n      display:flex; justify-content:space-between; align-items:center; gap:10px;\r\n      color:var(--muted); font-size:0.88rem; margin-top:8px;\r\n      border-top:1px solid var(--card-border); padding-top:10px;\r\n    }\r\n    .expo-videos .platform { display:inline-flex; align-items:center; gap:8px; font-weight:700; }\r\n\r\n    \/* Modal *\/\r\n    .expo-videos .modal {\r\n      position:fixed; inset:0; display:none; align-items:center; justify-content:center;\r\n      background:rgba(4,10,18,0.75); z-index:9000; padding:24px;\r\n    }\r\n    .expo-videos .modal[aria-hidden=\"false\"] { display:flex; }\r\n    .expo-videos .modal-box {\r\n      width:100%; max-width:980px; border-radius:12px; overflow:hidden; background:transparent; position:relative;\r\n      box-shadow: 0 30px 80px rgba(2,6,23,0.6);\r\n    }\r\n    .expo-videos .modal-close {\r\n      position:absolute; top:-48px; right:0; background:none; border:0; color:white; font-size:28px; cursor:pointer;\r\n    }\r\n    .expo-videos .video-wrap { position:relative; padding-bottom:56.25%; height:0; }\r\n    .expo-videos iframe { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:10px; background:#000; }\r\n\r\n    \/* Responsivo *\/\r\n    @media (max-width:720px) {\r\n      .expo-videos h1 { font-size:1.45rem; }\r\n      .expo-videos .thumb { height:150px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Contenido -->\r\n  <div class=\"title-row\">\r\n    <h1>Video Gallery<\/h1>\r\n    <div class=\"filters\" role=\"tablist\" aria-label=\"Filtrar videos\">\r\n      <button type=\"button\" data-filter=\"all\" aria-pressed=\"true\">Todos<\/button>\r\n      <button type=\"button\" data-filter=\"anuncios\" aria-pressed=\"false\">Advertisements<\/button>\r\n      <button type=\"button\" data-filter=\"entrevistas\" aria-pressed=\"false\">Interviews<\/button>\r\n      <button type=\"button\" data-filter=\"expositores\" aria-pressed=\"false\">Exhibitors<\/button>\r\n      <button type=\"button\" data-filter=\"eventos\" aria-pressed=\"false\">Eventos<\/button>\r\n      <button type=\"button\" data-filter=\"conferencias\" aria-pressed=\"false\">Conferences<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <p class=\"subtitle\">Revive los mejores momentos de EXPO CLEAN Ecuador 2020: entrevistas, anuncios, cobertura de expositores, conferencias y cierre oficial.<\/p>\r\n\r\n  <section class=\"grid\" id=\"videosGrid\" aria-live=\"polite\">\r\n    <!-- Videos existentes -->\r\n    <article class=\"card\" data-category=\"anuncios\" data-video=\"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fexpoclean.ecuador%2Fvideos%2F572238722407885%2F&show_text=0&width=560\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Anuncio oficial de la feria\">\r\n          <span class=\"fa-stack\">\r\n            <i class=\"fas fa-play icon\" aria-hidden=\"true\"><\/i>\r\n          <\/span>\r\n        <\/div>\r\n        <span class=\"label\">Facebook<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Official announcement of the fair<\/h3>\r\n        <p class=\"desc\">Presentation of the fair with information for participants and visitors.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">1:45<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i> Facebook<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"entrevistas\" data-video=\"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fexpoclean.ecuador%2Fvideos%2F1012900197592702%2F&show_text=0&width=560\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Entrevista en vivo con Doris\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Facebook<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Live interview with Doris<\/h3>\r\n        <p class=\"desc\">Conversation about the organization and logistics of the fair.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">15:32<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i> Facebook<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"anuncios\" data-video=\"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fexpoclean.ecuador%2Fvideos%2F1107749808102751%2F&show_text=0&width=560\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir 30% de descuento en stands\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Facebook<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>30% discount on stands<\/h3>\r\n        <p class=\"desc\">Special promotion to reserve your space at the fair.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">0:48<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i> Facebook<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"eventos\" data-video=\"https:\/\/www.youtube.com\/embed\/IuNf3_CTCkg\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Cobertura en Telerama\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Coverage on Telerama<\/h3>\r\n        <p class=\"desc\">Special report on the fair on Telerama news.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">3:22<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"anuncios\" data-video=\"https:\/\/www.youtube.com\/embed\/9cB4yDGfHzY\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Anuncio promocional\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Promotional announcement<\/h3>\r\n        <p class=\"desc\">Promotional video with all the latest from EXPO CLEAN Ecuador.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">1:02<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"anuncios\" data-video=\"https:\/\/www.youtube.com\/embed\/2wZ9TSaBm0E\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Invitaci\u00f3n a la feria\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Invitation to the fair<\/h3>\r\n        <p class=\"desc\">Join the most important experience in the cleaning sector.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">0:31<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"expositores\" data-video=\"https:\/\/www.youtube.com\/embed\/JgcW3Y4vx_E\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Nuestros expositores\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Our exhibitors<\/h3>\r\n        <p class=\"desc\">Meet the leading companies participating in the fair.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">1:01<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"eventos\" data-video=\"https:\/\/www.youtube.com\/embed\/Yawql5Htvyc\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Ceremonia de clausura\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Closing ceremony<\/h3>\r\n        <p class=\"desc\">Emotional moment at the close of the successful 2020 edition.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">1:42<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"entrevistas\" data-video=\"https:\/\/www.youtube.com\/embed\/fjeozR328oM\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Entrevista a Marelene Miranda\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">YouTube<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Interview with Marelene Miranda<\/h3>\r\n        <p class=\"desc\">Executive Director shares achievements and challenges of the fair.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">5:18<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-youtube\" aria-hidden=\"true\"><\/i> YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Nuevos videos de Twitter (X) -->\r\n    <article class=\"card\" data-category=\"conferencias\" data-video=\"https:\/\/twitter.com\/i\/status\/1331955918783836160\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Conferencia de Jaime Guada\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Twitter<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Conferencia: Importancia de los presupuestos<\/h3>\r\n        <p class=\"desc\">Ing. Jaime Guada comparte su conocimiento sobre presupuestos en emprendimientos.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">--:--<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"conferencias\" data-video=\"https:\/\/twitter.com\/i\/status\/1331955504692801542\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Conferencia de Jos\u00e9 Luis Iba\u00f1ez\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Twitter<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Conferencia: Protocolos para eliminar SARS-COV2<\/h3>\r\n        <p class=\"desc\">Lic. Jos\u00e9 Luis Iba\u00f1ez explica los protocolos avalados para la eliminaci\u00f3n del virus.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">--:--<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"conferencias\" data-video=\"https:\/\/twitter.com\/i\/status\/1331661991216373766\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Conferencia de Patricio Estrada\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Twitter<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Conferencia: Futuro del comercio exterior<\/h3>\r\n        <p class=\"desc\">Ing. Patricio Estrada analiza el futuro del comercio despu\u00e9s de la pandemia.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">--:--<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"conferencias\" data-video=\"https:\/\/twitter.com\/i\/status\/1331955627904667648\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Conferencia de Carlos Cabascango\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Twitter<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Conferencia: Factores de seguridad actuales<\/h3>\r\n        <p class=\"desc\">Lic. Carlos Cabascango habla sobre seguridad en el entrenamiento de primeros auxilios.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">--:--<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"card\" data-category=\"anuncios\" data-video=\"https:\/\/twitter.com\/i\/status\/1320180722775347201\">\r\n      <div class=\"thumb\" aria-hidden=\"true\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"play\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir Anuncio Feria Virtual\">\r\n          <i class=\"fas fa-play icon\"><\/i>\r\n        <\/div>\r\n        <span class=\"label\">Twitter<\/span>\r\n      <\/div>\r\n      <div class=\"body\">\r\n        <h3>Anuncio Feria Virtual Internacional<\/h3>\r\n        <p class=\"desc\">Promoci\u00f3n de la Feria Virtual Internacional de Limpieza, higiene y bioseguridad.<\/p>\r\n        <div class=\"meta\">\r\n          <span class=\"duration\">--:--<\/span>\r\n          <span class=\"platform\"><i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n  <\/section>\r\n\r\n  <!-- Modal: se crea una sola vez -->\r\n  <div class=\"modal\" id=\"videoModal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"Reproductor de video\">\r\n    <div class=\"modal-box\" role=\"document\">\r\n      <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Cerrar reproductor\">&times;<\/button>\r\n      <div class=\"video-wrap\">\r\n        <iframe id=\"videoFrame\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen title=\"Reproductor de video\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      \/\/ SCOPED selectors\r\n      const root = document.getElementById('expoVideos') || document;\r\n      const grid = root.querySelector('#videosGrid');\r\n      const filters = Array.from(root.querySelectorAll('.filters button'));\r\n      const cards = Array.from(root.querySelectorAll('.card'));\r\n      const modal = root.querySelector('#videoModal');\r\n      const frame = root.querySelector('#videoFrame');\r\n      const closeBtn = root.querySelector('#modalClose');\r\n\r\n      let lastActiveEl = null;\r\n\r\n      \/\/ ---- Filtrado ----\r\n      function setFilter(filter) {\r\n        filters.forEach(b => b.setAttribute('aria-pressed', b.dataset.filter === filter ? 'true' : 'false'));\r\n        cards.forEach(card => {\r\n          const cat = (card.dataset.category || '').toLowerCase();\r\n          if (filter === 'all' || cat === filter) {\r\n            card.style.display = 'flex';\r\n          } else {\r\n            card.style.display = 'none';\r\n          }\r\n        });\r\n      }\r\n\r\n      filters.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          setFilter(btn.dataset.filter);\r\n        });\r\n      });\r\n\r\n      \/\/ Inicial\r\n      setFilter('all');\r\n\r\n      \/\/ ---- Reproducci\u00f3n ----\r\n      function openModalWithUrl(url, triggerEl) {\r\n        lastActiveEl = triggerEl || document.activeElement;\r\n        \r\n        \/\/ Procesar URLs de Twitter para convertirlas en embeds\r\n        let src = url;\r\n        try {\r\n          const u = new URL(url);\r\n          \r\n          \/\/ Detectar si es un tweet de Twitter\r\n          if (u.hostname.includes('twitter.com') || u.hostname.includes('x.com')) {\r\n            const tweetId = url.match(\/status\\\/(\\d+)\/);\r\n            if (tweetId && tweetId[1]) {\r\n              src = `https:\/\/platform.twitter.com\/embed\/Tweet.html?id=${tweetId[1]}&theme=light`;\r\n            }\r\n          } \r\n          \/\/ Detectar YouTube\r\n          else if (u.hostname.includes('youtube.com') || u.hostname.includes('youtu.be')) {\r\n            if (u.search && u.search.length) {\r\n              src = url + (u.search.includes('autoplay=1') ? '' : '&autoplay=1');\r\n            } else {\r\n              src = url + '?autoplay=1';\r\n            }\r\n          } \r\n          \/\/ Facebook plugin\r\n          else if (u.hostname.includes('facebook.com')) {\r\n            src = url;\r\n          }\r\n        } catch (e) {\r\n          console.error(\"Error procesando URL:\", e);\r\n        }\r\n\r\n        frame.src = src;\r\n        modal.setAttribute('aria-hidden', 'false');\r\n        document.body.style.overflow = 'hidden';\r\n        \/\/ focus al close button para facilitar teclado\r\n        closeBtn.focus();\r\n        \/\/ Esc handler\r\n        document.addEventListener('keydown', onKeyDown);\r\n      }\r\n\r\n      function closeModal() {\r\n        modal.setAttribute('aria-hidden', 'true');\r\n        frame.src = '';\r\n        document.body.style.overflow = '';\r\n        if (lastActiveEl) lastActiveEl.focus();\r\n        document.removeEventListener('keydown', onKeyDown);\r\n      }\r\n\r\n      function onKeyDown(e) {\r\n        if (e.key === 'Escape') closeModal();\r\n      }\r\n\r\n      \/\/ Delegaci\u00f3n: click o Enter\/Space sobre .play dentro de cada card\r\n      grid.addEventListener('click', function (ev) {\r\n        const play = ev.target.closest('.play');\r\n        if (!play) return;\r\n        const card = play.closest('.card');\r\n        if (!card) return;\r\n        const url = card.dataset.video;\r\n        openModalWithUrl(url, play);\r\n      });\r\n\r\n      \/\/ support teclado (Enter \/ Space) en botones play (ya tabindex=0)\r\n      grid.addEventListener('keydown', function (ev) {\r\n        const play = ev.target.closest('.play');\r\n        if (!play) return;\r\n        if (ev.key === 'Enter' || ev.key === ' ') {\r\n          ev.preventDefault();\r\n          const card = play.closest('.card');\r\n          if (!card) return;\r\n          openModalWithUrl(card.dataset.video, play);\r\n        }\r\n      });\r\n\r\n      \/\/ Cerrar modal\r\n      closeBtn.addEventListener('click', closeModal);\r\n      modal.addEventListener('click', function (e) {\r\n        if (e.target === modal) closeModal();\r\n      });\r\n\r\n      \/\/ Asegura que al cambiar filtro por teclado, se actualice correctamente (opcional)\r\n      filters.forEach(btn => btn.addEventListener('keydown', (e) => {\r\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\r\n          e.preventDefault();\r\n          const next = btn.nextElementSibling || filters[0];\r\n          next.focus();\r\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\r\n          e.preventDefault();\r\n          const prev = btn.previousElementSibling || filters[filters.length - 1];\r\n          prev.focus();\r\n        }\r\n      }));\r\n\r\n      \/\/ Mejora: si el usuario navega con lector o quiere ver \"todos\", se mantiene aria-live para notificar cantidad visible.\r\n      const liveRegion = document.createElement('div');\r\n      liveRegion.setAttribute('aria-live','polite');\r\n      liveRegion.style.position='absolute'; liveRegion.style.left='-9999px';\r\n      root.appendChild(liveRegion);\r\n      function updateLive(){\r\n        const visible = cards.filter(c => c.style.display !== 'none').length;\r\n        liveRegion.textContent = `${visible} videos visibles`;\r\n      }\r\n      \/\/ Observers: update cuando se aplica filtro o inicia\r\n      filters.forEach(btn => btn.addEventListener('click', updateLive));\r\n      updateLive();\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n<!-- FIN: Galer\u00eda de Videos EXPO CLEAN -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Galer\u00eda de Videos Todos Anuncios Entrevistas Expositores Eventos Conferencias Revive los mejores momentos de EXPO CLEAN Ecuador 2020: entrevistas, anuncios, cobertura de expositores, conferencias y cierre oficial. Facebook Anuncio oficial de la feria Presentaci\u00f3n de la feria con informaci\u00f3n para participantes y visitantes. 1:45 Facebook Facebook Entrevista en vivo con Doris Conversaci\u00f3n sobre la organizaci\u00f3n [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8491","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/comments?post=8491"}],"version-history":[{"count":10,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8491\/revisions"}],"predecessor-version":[{"id":8922,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8491\/revisions\/8922"}],"wp:attachment":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/media?parent=8491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}