{"id":12,"date":"2020-08-29T00:01:15","date_gmt":"2020-08-29T00:01:15","guid":{"rendered":"https:\/\/oneconcept.tv\/?page_id=12"},"modified":"2026-10-23T02:26:01","modified_gmt":"2026-10-23T02:26:01","slug":"videoclips","status":"publish","type":"page","link":"https:\/\/oneconcept.tv\/index.php\/videoclips\/","title":{"rendered":"Videoclips"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5d05fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5d05fa\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-120903e\" data-id=\"120903e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02ae78f elementor-widget elementor-widget-html\" data-id=\"02ae78f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n#oc-videoclips,\r\n#oc-videoclips * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#oc-videoclips {\r\n  position: relative;\r\n  width: var(--oc-screen-width, 100%) !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  margin-left: var(--oc-offset-left, 0px) !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  background: #000;\r\n  color: #fff;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* GALER\u00cdA *\/\r\n#oc-videoclips .oc-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  width: 100%;\r\n  max-width: none !important;\r\n  gap: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#oc-videoclips .oc-item {\r\n  position: relative;\r\n  min-width: 0;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#oc-videoclips .oc-card {\r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: #0a0a0a;\r\n  color: #fff;\r\n  text-decoration: none !important;\r\n  box-shadow: none !important;\r\n  transform: none !important;\r\n  overflow: hidden;\r\n}\r\n\r\n#oc-videoclips .oc-cover {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: block;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  max-width: none;\r\n  margin: 0;\r\n  border-radius: 0;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  filter: brightness(.8);\r\n  transition: transform .5s ease, filter .3s ease;\r\n}\r\n\r\n#oc-videoclips .oc-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 16px;\r\n  text-align: center;\r\n  pointer-events: none;\r\n  background: rgba(0, 0, 0, .16);\r\n}\r\n\r\n#oc-videoclips .oc-content {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 440px;\r\n}\r\n\r\n#oc-videoclips .oc-artist {\r\n  display: block;\r\n  margin: 0 0 6px;\r\n  color: #fff;\r\n  font-size: clamp(13px, 1vw, 19px);\r\n  font-weight: 600;\r\n  line-height: 1.25;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n  text-shadow: 0 2px 8px #000;\r\n}\r\n\r\n#oc-videoclips .oc-long .oc-artist {\r\n  font-size: clamp(12px, .9vw, 17px);\r\n}\r\n\r\n#oc-videoclips .oc-song {\r\n  display: block;\r\n  margin: 0;\r\n  color: #fff;\r\n  font-size: clamp(10px, .7vw, 13px);\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n  letter-spacing: 1.3px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n  text-shadow: 0 2px 8px #000;\r\n}\r\n\r\n#oc-videoclips .oc-director {\r\n  display: block;\r\n  margin: 14px 0 0;\r\n  color: #fff;\r\n  font-size: clamp(9px, .6vw, 11px);\r\n  line-height: 1.4;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n  text-shadow: 0 2px 8px #000;\r\n}\r\n\r\n#oc-videoclips .oc-card:focus-visible {\r\n  outline: 2px solid #fff;\r\n  outline-offset: -4px;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  #oc-videoclips .oc-card:hover .oc-cover {\r\n    transform: scale(1.04);\r\n    filter: brightness(.95);\r\n  }\r\n}\r\n\r\n\/* REPRODUCTOR *\/\r\n#oc-videoclips .oc-video-dialog {\r\n  position: fixed;\r\n  inset: 0;\r\n  margin: auto;\r\n  width: min(1280px, calc(100% - 48px));\r\n  max-width: none;\r\n  max-height: calc(100vh - 24px);\r\n  max-height: calc(100dvh - 24px);\r\n  padding: 48px 12px 16px;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  color: #fff;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  overflow: auto;\r\n  box-shadow: none !important;\r\n}\r\n\r\n#oc-videoclips .oc-video-dialog:not([open]) {\r\n  display: none !important;\r\n}\r\n\r\n\/* OSCURIDAD DEL FONDO: 94 % *\/\r\n#oc-videoclips .oc-video-dialog::backdrop {\r\n  background: rgba(0, 0, 0, .94);\r\n}\r\n\r\n#oc-videoclips .oc-modal-layout {\r\n  display: grid;\r\n  grid-template-columns: 200px minmax(0, 1fr);\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n\r\n#oc-videoclips .oc-modal-info {\r\n  min-width: 0;\r\n  text-shadow: 0 2px 8px #000;\r\n}\r\n\r\n#oc-videoclips .oc-modal-cover {\r\n  display: block;\r\n  width: 140px;\r\n  height: 140px;\r\n  object-fit: cover;\r\n  border: 1px solid #ffffff40;\r\n  border-radius: 0;\r\n  margin: 0 0 18px;\r\n}\r\n\r\n#oc-videoclips .oc-modal-tag {\r\n  color: #ddd;\r\n  font: 11px\/1.5 monospace;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n#oc-videoclips .oc-modal-artist {\r\n  color: #fff;\r\n  font: 900 20px\/1.2 Arial, sans-serif;\r\n  margin: 12px 0 6px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#oc-videoclips .oc-modal-song {\r\n  color: #eee;\r\n  font: 600 14px\/1.4 Arial, sans-serif;\r\n  margin: 0 0 12px;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#oc-videoclips .oc-modal-director {\r\n  color: #ddd;\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  letter-spacing: 1px;\r\n  border-top: 1px solid #ffffff40;\r\n  padding-top: 10px;\r\n}\r\n\r\n#oc-videoclips .oc-player {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  background: #000;\r\n  box-shadow: 0 12px 40px #0005;\r\n}\r\n\r\n#oc-videoclips .oc-player iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: block;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  max-width: none;\r\n  min-height: 0;\r\n  margin: 0;\r\n  border: 0;\r\n}\r\n\r\n#oc-videoclips .oc-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* ICONOS *\/\r\n#oc-videoclips .oc-icon {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex: 0 0 48px;\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  min-height: 48px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  color: #fff !important;\r\n  box-shadow: none !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n  opacity: .85;\r\n  appearance: none;\r\n  transition: opacity .2s ease, transform .2s ease;\r\n}\r\n\r\n#oc-videoclips .oc-icon::before,\r\n#oc-videoclips .oc-icon::after {\r\n  content: none !important;\r\n}\r\n\r\n#oc-videoclips .oc-icon svg {\r\n  display: block;\r\n  width: 26px;\r\n  height: 26px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  pointer-events: none;\r\n}\r\n\r\n#oc-videoclips .oc-close {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 8px;\r\n}\r\n\r\n#oc-videoclips .oc-icon:focus-visible {\r\n  outline: 2px solid #fff;\r\n  outline-offset: -4px;\r\n  opacity: 1;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  #oc-videoclips .oc-icon:hover {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  #oc-videoclips .oc-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  #oc-videoclips .oc-artist { font-size: 16px; }\r\n  #oc-videoclips .oc-long .oc-artist { font-size: 14px; }\r\n  #oc-videoclips .oc-song { font-size: 12px; }\r\n  #oc-videoclips .oc-director { font-size: 10px; }\r\n\r\n  #oc-videoclips .oc-modal-layout {\r\n    grid-template-columns: 160px minmax(0, 1fr);\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n\/* REPRODUCTOR M\u00d3VIL *\/\r\n@media (max-width: 800px) {\r\n  #oc-videoclips .oc-video-dialog {\r\n    width: calc(100% - 24px);\r\n    padding: 48px 0 12px;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 8px;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-info {\r\n    order: 2;\r\n    text-align: center;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-cover { display: none; }\r\n\r\n  #oc-videoclips .oc-modal-director {\r\n    border: 0;\r\n    padding: 0;\r\n    margin: 6px 0;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-artist {\r\n    font-size: 18px;\r\n    margin: 6px 0;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-song { margin-bottom: 6px; }\r\n  #oc-videoclips .oc-close { right: 0; }\r\n}\r\n\r\n\/* TARJETAS EN CELULAR *\/\r\n@media (max-width: 600px) {\r\n  #oc-videoclips .oc-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  #oc-videoclips .oc-card {\r\n    aspect-ratio: 16 \/ 9;\r\n    min-height: 200px;\r\n  }\r\n\r\n  #oc-videoclips .oc-overlay { padding: 18px 22px; }\r\n\r\n  #oc-videoclips .oc-artist {\r\n    font-size: 17px;\r\n    letter-spacing: .8px;\r\n  }\r\n\r\n  #oc-videoclips .oc-long .oc-artist {\r\n    font-size: 15px;\r\n    letter-spacing: .6px;\r\n  }\r\n\r\n  #oc-videoclips .oc-song {\r\n    font-size: 12px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  #oc-videoclips .oc-director {\r\n    margin-top: 12px;\r\n    font-size: 10px;\r\n    letter-spacing: .8px;\r\n  }\r\n}\r\n\r\n@media (max-height: 520px) and (orientation: landscape) {\r\n  #oc-videoclips .oc-video-dialog {\r\n    width: min(760px, calc(100% - 24px));\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 8px;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-info {\r\n    order: 2;\r\n    text-align: center;\r\n  }\r\n\r\n  #oc-videoclips .oc-modal-cover { display: none; }\r\n\r\n  #oc-videoclips .oc-player {\r\n    width: min(100%, calc((100dvh - 130px) * 16 \/ 9));\r\n    margin: auto;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #oc-videoclips .oc-cover,\r\n  #oc-videoclips .oc-icon {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"oc-videos\" id=\"oc-videoclips\"\r\n         aria-label=\"Videoclips One Concept\">\r\n\r\n  <div class=\"oc-grid\"><\/div>\r\n\r\n  <noscript>\r\n    Activa JavaScript para visualizar la galer\u00eda de videoclips.\r\n  <\/noscript>\r\n\r\n  <dialog class=\"oc-video-dialog\"\r\n          aria-label=\"Reproductor de videoclips One Concept\">\r\n\r\n    <button type=\"button\" class=\"oc-close oc-icon\"\r\n            aria-label=\"Cerrar reproductor\" title=\"Cerrar\" autofocus>\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M6 6l12 12M18 6L6 18\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"oc-modal-layout\">\r\n      <div class=\"oc-modal-info\" aria-live=\"polite\">\r\n        <img class=\"oc-modal-cover\" alt=\"\">\r\n        <div class=\"oc-modal-tag\"><\/div>\r\n        <h2 class=\"oc-modal-artist\"><\/h2>\r\n        <p class=\"oc-modal-song\"><\/p>\r\n        <p class=\"oc-modal-director\"><\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"oc-player\"><\/div>\r\n\r\n        <div class=\"oc-controls\">\r\n          <button type=\"button\" class=\"oc-prev oc-icon\"\r\n                  aria-label=\"Video anterior\" title=\"Video anterior\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M19 12H5m6-6-6 6 6 6\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <a class=\"oc-youtube oc-icon\" target=\"_blank\"\r\n             rel=\"noopener noreferrer\"\r\n             aria-label=\"Abrir en YouTube en otra pesta\u00f1a\"\r\n             title=\"Abrir en YouTube\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14 4h6v6M20 4 10 14M10 4H4v16h16v-6\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <button type=\"button\" class=\"oc-next oc-icon\"\r\n                  aria-label=\"Video siguiente\" title=\"Video siguiente\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14m-6-6 6 6-6 6\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/dialog>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  \/*\r\n   * ORDEN EDITORIAL: las primeras l\u00edneas aparecen primero.\r\n   *\r\n   * [\"ARTISTA\", \"T\u00cdTULO\", \"ID O URL YOUTUBE\", \"PORTADA\"]\r\n   *\r\n   * Quinto dato opcional: director o directores.\r\n   * Predeterminado: DARIO BURBANO.\r\n   * Las portadas admiten URL completa o ruta abreviada.\r\n   *\/\r\n\r\n  const VIDEOS = [\r\n    [\"NANPA X KAPO\", \"COBRAME T\u00da\", \"cb6UK4-bdu8\", \"2026\/10\/nanpakapo.png\"],\r\n    [\"ANDRES CEPEDA X MALUMA\", \"TENGO GANAS 2.0\", \"J-hcX3QXFVY\", \"2026\/10\/TENGO-GANAS.png\",\"MANUEL LENIS X PADOX\"],\r\n    [\"MAISAK\", \"DEJARTE IR\", \"_C7nN-SEISM\", \"2026\/10\/maisak-dejarte-ir.png\",\"PADOX X KEV\"],\r\n    [\"KAPO\", \"PLAYA FRIA\", \"FUD1_oDIK4w\", \"2026\/09\/PLAYA-FRIA-CAPTURAS_1.28.1.jpg.jpeg\"],\r\n    [\"MAISAK\", \"DOS COPAS DE VINO\", \"BReyWgpwzvo\", \"2026\/10\/Captura-de-pantalla-2026-10-22-a-las-9.01.12\u202fp.m.png\",\"PADOX X KEV\"],\r\n    [\"DFZM X NANPA X AKAPELLAH\", \"DE ROCE\", \"JE-2f8pRPo0\", \"2026\/07\/Captura-de-pantalla-2026-07-21-195552.png\"],\r\n    [\"KAPO\", \"OH NANA\", \"lmDfmilZ4Xo\", \"2024\/06\/Diseno-sin-titulo-2-1.png\"],\r\n    [\"GREEICY\", \"A VECES A BESOS\", \"g4CTZ3vgzmA\", \"2024\/06\/Diseno-sin-titulo-1.png\"],\r\n    [\"MIKE BAHIA X JUAN PABLO VEGA\", \"BAJO CERO\", \"OPKNc-LuaVc\", \"2026\/09\/ab67616d00001e02c36948d8f822efad3f35811c.jpg\"],\r\n    [\"IZAAK\", \"FUGAO\", \"uqoYARzZ0sg\", \"2026\/07\/Captura-de-pantalla-2026-07-21-194040.png\"],\r\n    [\"GREEICY FT JAY WHEELER\", \"\u00bfQU\u00c9 TE PASO?\", \"wJrSiDE2p9w\", \"2024\/10\/Diseno-sin-titulo-1.png\"],\r\n    [\"KAPO\", \"UWAIE\", \"spbagny8OjM\", \"2024\/08\/Diseno-sin-titulo-1-1.png\"],\r\n    [\"IZAAK X MALUMA\", \"VICTORIA\", \"UerKngoEsmM\", \"2026\/09\/Captura-de-pantalla-2026-09-09-133014.png\"],\r\n    [\"MYKE TOWERS X PIRLO\", \"VAN CLEEF\", \"l2qATaTSjQM\", \"2025\/02\/Diseno-sin-titulo-1.png\"],\r\n    [\"Maxiolly, Lenny Tav\u00e1rez & Rels B, Feid & De La Ghetto\", \"Fan\u00e1tico (Remix)\", \"sbbTotM45Co\", \"2026\/09\/Captura-de-pantalla-2026-09-09-132502.png\"],\r\n    [\"RYAN CASTRO, KAPO, GANGSTA\", \"LA VILLA\", \"EochZ-iyrqQ\", \"2026\/05\/Diseno-sin-titulo-3.png\", \"DARIO BURBANO & FELIPE MEJIA\"],\r\n    [\"KAPO X RYAN CASTRO\", \"DONDE\", \"Wq7KlT33mGw\", \"2025\/11\/Diseno-sin-titulo-1.png\"],\r\n    [\"SECH FT KAPO\", \"CU\u00c1L NOSOTROS\", \"qRXX1cB6bGk\", \"2025\/11\/Diseno-sin-titulo-2-1.png\"],\r\n    [\"KAPO\", \"REINA (KRIMINAL)\", \"jjv2vEsBNoE\", \"2026\/09\/Captura-de-pantalla-2026-09-09-112256.png\"],\r\n    [\"Greeicy\", \"Los Besos\", \"ocFYE_FLydI\", \"2020\/08\/7-Greeicy-Los-besos.jpg\"],\r\n    [\"Greeicy\", \"Los consejos\", \"XcZRfzeGmKk\", \"2020\/08\/1-Greeicy-Los-consejos.jpg\"],\r\n    [\"MAXIOLLY FT FEID\", \"FANATICO\", \"F2Mysl65OIY\", \"2026\/09\/Captura-de-pantalla-2026-09-09-124425.png\"],\r\n    [\"GREEICY FT KAPO\", \"A VECES A BESOS (REMIX)\", \"JweKL5eATvE\", \"2026\/09\/Captura-de-pantalla-2026-09-08-232019.png\"],\r\n    [\"Mike Bah\u00eda & Greeicy\", \"Mi Pecadito\", \"QOCgev_9aVE\", \"2026\/09\/watermarked_img_7175792752528683243.jpg\"],\r\n    [\"LUIS R CONRIQUEZ\", \"VOLANDO BAJITO\", \"-VADWKokSTs\", \"2026\/09\/f07f350f-6b3d-4be4-8064-e43e44174541.jpg\"],\r\n    [\"LUIS R CONRIQUEZ, JOEL DE LA P & CHIMBALA\", \"QUE SE CUIDE\", \"CMAD1xtrmg0\", \"2024\/07\/Sin-titulo-600-x-600-px-1.png\"],\r\n    [\"DFZM X BLESSD\", \"LA EX\", \"i0jgfu6_Voc\", \"2026\/09\/Captura-de-pantalla-2026-09-11-090407.png\"],\r\n    [\"KAPO\", \"NO CRY\", \"VruA5FeXMYA\", \"2026\/09\/Captura-de-pantalla-2026-09-09-113230.png\"],\r\n    [\"KAPO\", \"BOMBON\", \"laqu7fCy9Vs\", \"2026\/05\/Diseno-sin-titulo-2.png\"],\r\n    [\"GREEICY\", \"MAL O BIEN\", \"AJnIK0IHt2g\", \"2026\/05\/Captura-de-pantalla-2026-05-25-095700.png\"],\r\n    [\"GREEICY\", \"EF\u00cdMERO\", \"o9Lsz9QEr-E\", \"2025\/02\/Diseno-sin-titulo-2-1.png\"],\r\n    [\"GREEICY\", \"VETE\", \"X4YbiQrWYaw\", \"2024\/04\/Si-por-eso-pero-eso-es-otra-cosas-eso-es-una-obligacion-tributaria-por-lo-estatutos.png\"],\r\n    [\"Greeicy & Mike Bah\u00eda\", \"Si tu amor no vuelve\", \"EWTjS5Xg8m8\", \"2020\/08\/9-Greeicy-Mike-Bahia-Si-tu-amor-no-vuelve.jpg\"],\r\n    [\"Andr\u00e9s Cepeda & Herencia de Timbiqu\u00ed\", \"Volver a Vivir\", \"sSumSzi6xIM\", \"2020\/08\/14-Andres-Cepeda-Herencia-de-Timbiqui-Volver-a-vivir.jpg\"],\r\n    [\"MIKE BAHIA\", \"LA DEPRE\", \"Vasyhv-fzCI\", \"2024\/08\/Diseno-sin-titulo-1.png\"],\r\n    [\"MIKE BAHIA\", \"AMOR SINCERO\", \"lJoGH55IZKw\", \"2024\/02\/Diseno-sin-titulo-2-1.png\"],\r\n    [\"Mike Bah\u00eda\", \"\u00bfC\u00f3mo estas?\", \"SaIaOotLD98\", \"2026\/09\/Captura-de-pantalla-2026-09-09-140930.png\"],\r\n    [\"Mike Bah\u00eda X Llane \/ Pj Sin Suela X Mozarth la Para\", \"Cuenta conmigo\", \"ihh3B4ztESg\", \"2020\/08\/Mike-Bahia-Cuenta-conmigo.jpg\", \"Jean Paul Egred & Dario Burbano\"],\r\n    [\"Maxiolly X Blessed \/ Adso Alejandro\", \"PARCERA\", \"11j847kV474\", \"2022\/02\/Parcera.jpg\"],\r\n    [\"J Alvarez & Herencia de Timbiqu\u00ed\", \"Mi primera locura\", \"yyw_HFcFIB4\", \"2020\/08\/4-J-Alvarez-Herencia-de-Timbiqui-Mi-Primera-Aventura.jpg\"],\r\n    [\"Herencia de Timbiqu\u00ed\", \"Sabr\u00e1s\", \"srE7nr4xuGI\", \"2020\/08\/8-Herencia-de-Timbiqui-Sabras.jpg\"],\r\n    [\"Lalo Ebratt Ft Xaxo & Mike Bah\u00eda\", \"Bebe\", \"4Qfu8hdG-C8\", \"2020\/08\/11-Saxo-Ft-Mike-Bahia-Lalo-Ebratt-Bebe.jpg\"],\r\n    [\"AGUDELO 888 FT KAPO\", \"MODO AVI\u00d3N\", \"UezXO9nC36A\", \"2024\/02\/Diseno-sin-titulo-2.png\"],\r\n    [\"Jory Boy & Maxiolly\", \"Hermosa\", \"hjyxc4PWWHU\", \"2020\/08\/10-Jory-Boy-Maxiolly-Hermosa.jpg\"],\r\n    [\"MAXIOLLY X KEITYN X RIOS\", \"INFIEL\", \"1LGUbcCasQ8\", \"2026\/09\/watermarked_img_12547660420924859573.jpg\"],\r\n    [\"MAXIOLLY X PIRLO\", \"MAMI QUE FU\u00c9?\", \"qvai46SiUYo\", \"2024\/02\/Diseno-sin-titulo-4-1-1.png\"],\r\n    [\"MAXIOLLY & TOTOY EL FRIO\", \"LA BABY DEL A\u00d1O\", \"1WPFz8d7fM0\", \"2024\/02\/Diseno-sin-titulo-4-1.png\"],\r\n    [\"Agudelo 888 x Brokix\", \"MIA\", \"bL52qHi_Ci8\", \"2026\/09\/watermarked_img_14931070731909860363.jpg\"],\r\n    [\"AGUDELO 888 X JHAYP\", \"A SOLAS\", \"SnPH-A6jTog\", \"2024\/05\/Diseno-sin-titulo-2-1.png\"],\r\n    [\"MAXIOLLY\", \"EN LA DISCO PENS\u00c1NDOTE\", \"sbpGWB5AOcU\", \"2025\/02\/Diseno-sin-titulo-4-1-1.png\"],\r\n    [\"MAXIOLLY\", \"SKL 200\", \"dmczVA6mNWs\", \"2025\/02\/Diseno-sin-titulo-3-1.png\"],\r\n    [\"MAXIOLLY\", \"DIAS GRISES\", \"Dysedg5a1ME\", \"2026\/09\/watermarked_img_10302894703245821283.jpg\"],\r\n    [\"MAXIOLLY\", \"PA QUE PUUU\", \"prbuH6i9ZZQ\", \"2026\/09\/watermarked_img_2619766818587513459.jpg\"],\r\n    [\"MAXIOLLY\", \"QUE TU ESPERAS?\", \"kj_bl-bmE6M\", \"2026\/09\/0x1900-000000-80-0-0.jpg\"],\r\n    [\"MAXIOLLY\", \"WINE 4 ME\", \"Sd5qA_75zEQ\", \"2021\/03\/Maxiolly-Wine-4-me.jpg\"],\r\n    [\"MAXIOLLY\", \"FLACA\", \"JuPyvJUlUwM\", \"2025\/03\/Diseno-sin-titulo-1.png\"],\r\n    [\"MAXIOLLY\", \"WEEKEND\", \"yhh4Q370UqY\", \"2021\/03\/WEEKND.jpg\"],\r\n    [\"Maxiolly\", \"Desnuda\", \"y2MfGYLj9yw\", \"2020\/08\/6-Maxiolly-Desnuda.jpg\"],\r\n    [\"Antuan x Adso Alejandro \/ Sael x Toby Letra\", \"MI NENA\", \"Vetzk0xWBpI\", \"2021\/03\/Mi-nena.jpg\"],\r\n    [\"Lunaty, Totoy El Frio\", \"Buena Muchacha\", \"n3XJZ_doDWs\", \"2026\/09\/8bd1e2f6-d0aa-41db-92b2-6af56a0a184f.jpg\"],\r\n    [\"DUMA\", \"AGUACATALA\", \"kLcJagFdHmg\", \"2024\/05\/Diseno-sin-titulo-1.png\"],\r\n    [\"JUANSE NAVARRO\", \"TODO SIGUE IGUAL\", \"tPAdP2Ca-xQ\", \"2024\/05\/Diseno-sin-titulo-1-1.png\"],\r\n    [\"JUANSE NAVARRO\", \"CON OTRA\", \"qhUXsAQ_lc0\", \"2024\/05\/Diseno-sin-titulo-4.png\"],\r\n    [\"JUANSE NAVARRO\", \"OPEN MIND\", \"jBdViXCJKtw\", \"2024\/02\/Diseno-sin-titulo-5.png\"],\r\n    [\"EL CACHORRO\", \"FLOR DE PARIS\", \"9cwY8A0_XhA\", \"2024\/02\/Diseno-sin-titulo-2-1-1.png\"],\r\n    [\"LEEB X GENERY\", \"LA RECETA PARA SER FELIZ\", \"SXyOlM3Mbfk\", \"2024\/02\/LEEB-X-GENERY-LA-RECETA-PARA-SER-FELIZ.png\"],\r\n    [\"ENZO\", \"YA NO SOMOS NI SEREMOS\", \"JURNmKKV3zM\", \"2024\/02\/Diseno-sin-titulo-1.png\", \"Sysmatic\"],\r\n    [\"PROYECTO VIDA & GADIEL ESPINOZA\", \"TU PRESENCIA\", \"eGU4hmzZqP4\", \"2020\/09\/Proyecto-vida-Tu-presencia.jpg\"],\r\n    [\"MONTES LEON\", \"QUE NO SABES\", \"P4Ei4Q_C9gc\", \"2024\/02\/Diseno-sin-titulo-6-1.png\"],\r\n    [\"Antuan\", \"Fuma\", \"05TS6fKT24E\", \"2020\/08\/5-Antuan-Fuma.jpg\"],\r\n    [\"Toby Letra X Antuan\", \"Mi nena\", \"nDlC7b2I9GQ\", \"2020\/08\/12-Toby-Letra-Antuan-Mi-nena.jpg\"],\r\n    [\"Dstev\", \"Light\", \"NCuLN-gnF8E\", \"2022\/02\/Light.jpg\"]\r\n    \/\/ AGREGA AQU\u00cd M\u00c1S VIDEOS, separando las l\u00edneas con comas.\r\n  ];\r\n\r\n  const BASE_PORTADAS = \"https:\/\/oneconcept.tv\/wp-content\/uploads\/\";\r\n  const DIRECTOR = \"DARIO BURBANO\";\r\n\r\n  function youtubeId(value) {\r\n    const input = String(value || \"\").trim();\r\n\r\n    if (\/^[A-Za-z0-9_-]{11}$\/.test(input)) return input;\r\n\r\n    try {\r\n      const url = new URL(input);\r\n      if (![\"https:\", \"http:\"].includes(url.protocol)) return null;\r\n\r\n      let id = null;\r\n\r\n      if (url.hostname === \"youtu.be\") {\r\n        id = url.pathname.split(\"\/\")[1];\r\n      } else if (\r\n        [\"youtube.com\", \"www.youtube.com\", \"m.youtube.com\"]\r\n        .includes(url.hostname)\r\n      ) {\r\n        if (url.pathname === \"\/watch\") {\r\n          id = url.searchParams.get(\"v\");\r\n        } else if (\/^\\\/(embed|shorts|live)\\\/\/.test(url.pathname)) {\r\n          id = url.pathname.split(\"\/\")[2];\r\n        }\r\n      }\r\n\r\n      return \/^[A-Za-z0-9_-]{11}$\/.test(id || \"\") ? id : null;\r\n    } catch (_) {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  function element(tag, className, text) {\r\n    const node = document.createElement(tag);\r\n    node.className = className;\r\n    if (text !== undefined) node.textContent = text;\r\n    return node;\r\n  }\r\n\r\n  function setupFullWidth(root) {\r\n    let pending = false;\r\n\r\n    function resizeGallery() {\r\n      pending = false;\r\n      root.style.setProperty(\"--oc-screen-width\", \"100%\");\r\n      root.style.setProperty(\"--oc-offset-left\", \"0px\");\r\n\r\n      const left = root.getBoundingClientRect().left;\r\n      const width = document.documentElement.clientWidth;\r\n\r\n      root.style.setProperty(\"--oc-screen-width\", width + \"px\");\r\n      root.style.setProperty(\"--oc-offset-left\", -left + \"px\");\r\n    }\r\n\r\n    function scheduleResize() {\r\n      if (pending) return;\r\n      pending = true;\r\n      requestAnimationFrame(resizeGallery);\r\n    }\r\n\r\n    resizeGallery();\r\n    window.addEventListener(\"resize\", scheduleResize, { passive: true });\r\n    window.addEventListener(\"load\", scheduleResize, { once: true });\r\n\r\n    if (\"ResizeObserver\" in window && root.parentElement) {\r\n      const observer = new ResizeObserver(scheduleResize);\r\n      observer.observe(root.parentElement);\r\n    }\r\n\r\n    if (document.fonts && document.fonts.ready) {\r\n      document.fonts.ready.then(scheduleResize);\r\n    }\r\n  }\r\n\r\n  function init() {\r\n    const root = document.getElementById(\"oc-videoclips\");\r\n    if (!root || root.dataset.ocReady) return;\r\n\r\n    const grid = root.querySelector(\".oc-grid\");\r\n    const modal = root.querySelector(\".oc-video-dialog\");\r\n    const player = modal.querySelector(\".oc-player\");\r\n    const modalCover = modal.querySelector(\".oc-modal-cover\");\r\n    const entries = [];\r\n    const fragment = document.createDocumentFragment();\r\n\r\n    VIDEOS.forEach(function (row) {\r\n      const [artist, song, source, imagePath, director = DIRECTOR] = row;\r\n      const id = youtubeId(source);\r\n\r\n      if (!id) {\r\n        console.warn(\"One Concept: enlace de video inv\u00e1lido\", song);\r\n        return;\r\n      }\r\n\r\n      let cover;\r\n\r\n      try {\r\n        const coverURL = new URL(imagePath, BASE_PORTADAS);\r\n        if (![\"https:\", \"http:\"].includes(coverURL.protocol)) {\r\n          throw new Error(\"Protocolo de portada inv\u00e1lido\");\r\n        }\r\n        cover = coverURL.href;\r\n      } catch (_) {\r\n        console.warn(\"One Concept: portada inv\u00e1lida\", song);\r\n        return;\r\n      }\r\n\r\n      const number = \"#\" + String(entries.length + 1).padStart(2, \"0\");\r\n      const url = \"https:\/\/www.youtube.com\/watch?v=\" + id;\r\n      const item = element(\"div\", \"oc-item\");\r\n      const card = element(\r\n        \"a\", \"oc-card\" + (artist.length > 35 ? \" oc-long\" : \"\")\r\n      );\r\n\r\n      card.href = url;\r\n      card.setAttribute(\"aria-label\", \"Ver \" + song + \" \u2014 \" + artist);\r\n\r\n      const image = element(\"img\", \"oc-cover\");\r\n      image.src = cover;\r\n      image.alt = \"\";\r\n      image.width = 1600;\r\n      image.height = 900;\r\n      image.loading = entries.length < 4 ? \"eager\" : \"lazy\";\r\n      image.decoding = \"async\";\r\n\r\n      const overlay = element(\"span\", \"oc-overlay\");\r\n      const content = element(\"span\", \"oc-content\");\r\n\r\n      content.append(\r\n        element(\"span\", \"oc-artist\", artist),\r\n        element(\"span\", \"oc-song\", song),\r\n        element(\"span\", \"oc-director\", \"DIR. \" + director)\r\n      );\r\n\r\n      overlay.append(content);\r\n      card.append(image, overlay);\r\n      item.append(card);\r\n      fragment.append(item);\r\n\r\n      entries.push({\r\n        artist, song, director, id, cover, number, url, card\r\n      });\r\n    });\r\n\r\n    grid.replaceChildren(fragment);\r\n    root.dataset.ocReady = \"true\";\r\n    setupFullWidth(root);\r\n\r\n    if (!entries.length || typeof modal.showModal !== \"function\") return;\r\n\r\n    let current = 0;\r\n    let opener = null;\r\n    let previousOverflow = \"\";\r\n    let previousPaddingRight = \"\";\r\n    let locked = false;\r\n\r\n    function lockScroll() {\r\n      if (locked) return;\r\n\r\n      const html = document.documentElement;\r\n      const scrollbarWidth = window.innerWidth - html.clientWidth;\r\n\r\n      previousOverflow = html.style.overflow;\r\n      previousPaddingRight = html.style.paddingRight;\r\n\r\n      if (scrollbarWidth > 0) {\r\n        const padding = parseFloat(getComputedStyle(html).paddingRight) || 0;\r\n        html.style.paddingRight = (padding + scrollbarWidth) + \"px\";\r\n      }\r\n\r\n      html.style.overflow = \"hidden\";\r\n      locked = true;\r\n    }\r\n\r\n    function unlockScroll() {\r\n      if (!locked) return;\r\n      const html = document.documentElement;\r\n      html.style.overflow = previousOverflow;\r\n      html.style.paddingRight = previousPaddingRight;\r\n      locked = false;\r\n    }\r\n\r\n    function show(index) {\r\n      current = (index + entries.length) % entries.length;\r\n      const video = entries[current];\r\n\r\n      modalCover.src = video.cover;\r\n      modal.querySelector(\".oc-modal-tag\").textContent =\r\n        \"ONE CONCEPT \/ \" + video.number;\r\n      modal.querySelector(\".oc-modal-artist\").textContent = video.artist;\r\n      modal.querySelector(\".oc-modal-song\").textContent = video.song;\r\n      modal.querySelector(\".oc-modal-director\").textContent =\r\n        \"DIRIGIDO POR \" + video.director;\r\n      modal.querySelector(\".oc-youtube\").href = video.url;\r\n\r\n      const frame = document.createElement(\"iframe\");\r\n      frame.title = video.artist + \" \u2014 \" + video.song;\r\n      frame.allow = \"autoplay; encrypted-media; picture-in-picture; fullscreen\";\r\n      frame.allowFullscreen = true;\r\n      frame.referrerPolicy = \"strict-origin-when-cross-origin\";\r\n      frame.src =\r\n        \"https:\/\/www.youtube.com\/embed\/\" + video.id +\r\n        \"?autoplay=1&playsinline=1&rel=0\";\r\n\r\n      player.replaceChildren(frame);\r\n    }\r\n\r\n    entries.forEach(function (video, index) {\r\n      video.card.addEventListener(\"click\", function (event) {\r\n        if (\r\n          event.button !== 0 || event.ctrlKey || event.metaKey ||\r\n          event.shiftKey || event.altKey\r\n        ) return;\r\n\r\n        event.preventDefault();\r\n        opener = video.card;\r\n        show(index);\r\n\r\n        if (!modal.open) {\r\n          modal.showModal();\r\n          lockScroll();\r\n        }\r\n      });\r\n    });\r\n\r\n    modal.querySelector(\".oc-close\").addEventListener(\"click\", function () {\r\n      modal.close();\r\n    });\r\n\r\n    modal.querySelector(\".oc-prev\").addEventListener(\"click\", function () {\r\n      show(current - 1);\r\n    });\r\n\r\n    modal.querySelector(\".oc-next\").addEventListener(\"click\", function () {\r\n      show(current + 1);\r\n    });\r\n\r\n    modal.addEventListener(\"click\", function (event) {\r\n      if (event.target !== modal) return;\r\n      const rect = modal.getBoundingClientRect();\r\n\r\n      if (\r\n        event.clientX < rect.left || event.clientX > rect.right ||\r\n        event.clientY < rect.top || event.clientY > rect.bottom\r\n      ) modal.close();\r\n    });\r\n\r\n    modal.addEventListener(\"close\", function () {\r\n      if (modal.open) return;\r\n      player.replaceChildren();\r\n      unlockScroll();\r\n\r\n      if (opener && opener.isConnected) {\r\n        opener.focus({ preventScroll: true });\r\n      }\r\n    });\r\n\r\n    modal.addEventListener(\"keydown\", function (event) {\r\n      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\r\n        return;\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        show(current - 1);\r\n      } else if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        show(current + 1);\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", init, { once: true });\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Activa JavaScript para visualizar la galer\u00eda de videoclips.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages\/12"}],"collection":[{"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":437,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":2047,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/2047"}],"wp:attachment":[{"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}