{"id":1894,"date":"2026-09-10T21:40:44","date_gmt":"2026-09-10T21:40:44","guid":{"rendered":"https:\/\/oneconcept.tv\/?page_id=1894"},"modified":"2026-09-11T15:18:27","modified_gmt":"2026-09-11T15:18:27","slug":"producers","status":"publish","type":"page","link":"https:\/\/oneconcept.tv\/index.php\/producers\/","title":{"rendered":"Producers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1894\" class=\"elementor elementor-1894\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79bc93a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79bc93a\" 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-50ae2ad\" data-id=\"50ae2ad\" 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-230ed77 elementor-widget elementor-widget-html\" data-id=\"230ed77\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n#oc-producers,\n#oc-producers * {\n  box-sizing: border-box;\n}\n\n#oc-producers {\n  width: 100%;\n  margin: 0;\n  padding: 40px 24px;\n  background: #000;\n  color: #fff;\n  font-family: Arial, Helvetica, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n#oc-producers [hidden] {\n  display: none !important;\n}\n\n#oc-producers .op-shell {\n  max-width: 1400px;\n  margin: auto;\n}\n\n#oc-producers .op-heading {\n  margin-bottom: 32px;\n}\n\n#oc-producers .op-label {\n  margin: 0 0 16px;\n  color: #999;\n  font-size: 9px;\n  line-height: 1.4;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-title {\n  margin: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(28px, 3.2vw, 44px);\n  font-weight: 400;\n  line-height: 1.15;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-intro,\n#oc-producers .op-description {\n  color: #aaa;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n#oc-producers .op-intro {\n  max-width: 560px;\n  margin: 18px 0 0;\n}\n\n#oc-producers .op-description {\n  margin: 0 0 14px;\n}\n\n\/* DOS PERFILES CENTRADOS *\/\n#oc-producers .op-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 32px 24px;\n  max-width: 900px;\n  margin: auto;\n}\n\n#oc-producers .op-profile {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n#oc-producers .op-photo {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  margin: 0 0 16px;\n  overflow: hidden;\n  border: 1px solid #ffffff24;\n  background: #111;\n  color: #fff;\n  text-decoration: none;\n}\n\n#oc-producers .op-photo img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n  object-fit: cover;\n  transition: transform .6s ease;\n}\n\n#oc-producers .op-caption {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 50px 20px 22px;\n  background: linear-gradient(\n    transparent 35%,\n    rgba(0,0,0,.2) 55%,\n    rgba(0,0,0,.92) 100%\n  );\n}\n\n#oc-producers .op-name {\n  margin: 0 0 9px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(23px, 2vw, 30px);\n  font-weight: 400;\n  line-height: 1.12;\n  letter-spacing: .035em;\n  text-transform: uppercase;\n  overflow-wrap: break-word;\n}\n\n#oc-producers .op-role {\n  margin: 0;\n  color: #ddd;\n  font-size: 10px;\n  line-height: 1.35;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  margin-top: auto;\n}\n\n#oc-producers .op-link,\n#oc-producers .op-back {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 44px;\n  padding: 8px 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  color: #fff !important;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: 1.3px;\n  text-decoration: none;\n  text-transform: uppercase;\n  box-shadow: none !important;\n  cursor: pointer;\n}\n\n#oc-producers svg {\n  display: block;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.3;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#oc-producers a:focus-visible,\n#oc-producers button:focus-visible {\n  outline: 2px solid #fff;\n  outline-offset: 4px;\n}\n\n\/* PORTAFOLIO: PERFIL EST\u00c1TICO *\/\n#oc-producers .op-back {\n  margin-bottom: 24px;\n}\n\n#oc-producers .op-layout {\n  display: grid;\n  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);\n  gap: 36px;\n  align-items: start;\n}\n\n#oc-producers .op-sidebar {\n  position: static;\n  min-width: 0;\n}\n\n#oc-producers .op-sidebar .op-name {\n  font-size: 24px;\n}\n\n#oc-producers .op-works {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0;\n}\n\n#oc-producers .op-work {\n  position: relative;\n  display: block;\n  min-width: 0;\n  aspect-ratio: 16 \/ 10;\n  overflow: hidden;\n  background: #111;\n  color: #fff;\n  text-decoration: none;\n}\n\n#oc-producers .op-work img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  border-radius: 0;\n  object-fit: cover;\n  transition: transform .6s ease;\n}\n\n#oc-producers .op-work-info {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 18px;\n  background: rgba(0,0,0,.43);\n  text-align: center;\n  text-shadow: 0 2px 8px #000;\n}\n\n#oc-producers .op-work-artist {\n  font-size: clamp(12px, 1vw, 15px);\n  font-weight: 400;\n  line-height: 1.3;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-work-song {\n  margin-top: 7px;\n  font-size: 10px;\n  line-height: 1.4;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-work-credit {\n  margin-top: 14px;\n  color: #ddd;\n  font-size: 9px;\n  line-height: 1.4;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-empty {\n  display: grid;\n  place-items: center;\n  min-height: 320px;\n  margin: 0;\n  padding: 40px 24px;\n  border-block: 1px solid #ffffff24;\n  color: #aaa;\n  font-size: 14px;\n  text-align: center;\n}\n\n\/* REPRODUCTOR *\/\n#oc-producers .op-modal {\n  position: fixed !important;\n  inset: 0 !important;\n  width: min(1040px, calc(100vw - 32px));\n  max-width: calc(100vw - 32px);\n  max-height: calc(100dvh - 32px);\n  margin: auto;\n  padding: 12px;\n  overflow: auto;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  color: #fff;\n  box-shadow: none !important;\n}\n\n#oc-producers .op-modal:not([open]) {\n  display: none !important;\n}\n\n#oc-producers .op-modal[open] {\n  display: grid;\n  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);\n  gap: 12px 28px;\n  align-items: center;\n}\n\n#oc-producers .op-modal::backdrop {\n  background: rgba(0,0,0,.94);\n}\n\n#oc-producers .op-toolbar {\n  grid-column: 1 \/ -1;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n#oc-producers .op-controls {\n  display: flex;\n  gap: 4px;\n}\n\n#oc-producers .op-control {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  color: #fff !important;\n  box-shadow: none !important;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n#oc-producers .op-control::before,\n#oc-producers .op-control::after,\n#oc-producers .op-back::before,\n#oc-producers .op-back::after {\n  content: none !important;\n}\n\n#oc-producers .op-modal-info {\n  grid-column: 1;\n  grid-row: 2;\n  min-width: 0;\n}\n\n#oc-producers .op-modal-artist {\n  margin: 0 0 10px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1.15;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-modal-song {\n  margin: 0 0 18px;\n  color: #ddd;\n  font-size: 11px;\n  line-height: 1.4;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n#oc-producers .op-modal-credit {\n  margin: 0;\n  padding-top: 12px;\n  border-top: 1px solid #ffffff35;\n  color: #aaa;\n  font-size: 10px;\n  line-height: 1.6;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n  white-space: pre-line;\n}\n\n#oc-producers .op-player {\n  grid-column: 2;\n  grid-row: 2;\n  justify-self: center;\n  width: 100%;\n  max-width: min(760px, calc(58dvh * 16 \/ 9));\n  aspect-ratio: 16 \/ 9;\n  background: #080808;\n}\n\n#oc-producers .op-player iframe {\n  display: block;\n  width: 100% !important;\n  height: 100% !important;\n  min-height: 0 !important;\n  margin: 0;\n  border: 0;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  #oc-producers .op-profile .op-photo:hover img,\n  #oc-producers .op-work:hover img {\n    transform: scale(1.05);\n  }\n\n  #oc-producers .op-link:hover,\n  #oc-producers .op-control:hover,\n  #oc-producers .op-back:hover {\n    opacity: .65;\n  }\n}\n\n@media (max-width: 900px) {\n  #oc-producers .op-layout {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 24px;\n  }\n\n  #oc-producers .op-sidebar .op-photo {\n    max-width: 280px;\n  }\n\n  #oc-producers .op-sidebar .op-description {\n    max-width: 560px;\n  }\n}\n\n@media (max-width: 700px) {\n  #oc-producers {\n    padding: 30px 16px;\n  }\n\n  #oc-producers .op-grid,\n  #oc-producers .op-works {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #oc-producers .op-description,\n  #oc-producers .op-intro {\n    font-size: 15px;\n  }\n\n  #oc-producers .op-work {\n    aspect-ratio: 16 \/ 9;\n  }\n\n  #oc-producers .op-work-artist {\n    font-size: 15px;\n  }\n\n  #oc-producers .op-modal[open] {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #oc-producers .op-player {\n    grid-column: 1;\n    grid-row: 2;\n    max-width: min(100%, calc(50dvh * 16 \/ 9));\n  }\n\n  #oc-producers .op-modal-info {\n    grid-column: 1;\n    grid-row: 3;\n    padding: 8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #oc-producers * {\n    transition: none !important;\n  }\n\n  #oc-producers .op-profile .op-photo:hover img,\n  #oc-producers .op-work:hover img {\n    transform: none;\n  }\n}\n\n\/* PERFIL ANCLADO NATIVO: sin seguimiento JavaScript ni animaci\u00f3n. *\/\n#oc-producers { --profile-top: 24px; }\nbody.admin-bar #oc-producers { --profile-top: 56px; }\n@media (min-width: 901px) {\n  #oc-producers .op-sidebar {\n    position: sticky;\n    top: var(--profile-top);\n    align-self: start;\n    height: fit-content;\n    max-height: calc(100vh - var(--profile-top) - 24px);\n    max-height: calc(100dvh - var(--profile-top) - 24px);\n    overflow-y: auto;\n    scrollbar-width: thin;\n    scrollbar-color: #555 transparent;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n@media (max-width: 900px) {\n  #oc-producers .op-sidebar {\n    position: static;\n    top: auto;\n    max-height: none !important;\n    overflow: visible;\n    transform: none !important;\n  }\n}\n<\/style>\n\n<section id=\"oc-producers\" aria-labelledby=\"op-title\">\n  <div class=\"op-shell\">\n\n    <div class=\"op-home\">\n      <header class=\"op-heading\">\n        <p class=\"op-label\">ONE CONCEPT \/ PRODUCCI\u00d3N<\/p>\n        <h1 class=\"op-title\" id=\"op-title\">PRODUCERS<\/h1>\n        <p class=\"op-intro\">\n          Conoce a nuestros productores y explora sus proyectos.\n        <\/p>\n      <\/header>\n\n      <div class=\"op-grid\">\n\n        <!-- MIKE MONTERO -->\n        <article class=\"op-profile\" data-person=\"mike\">\n          <a class=\"op-photo\" href=\"#producer-mike\">\n            <!-- FOTO DE MIKE: reemplaza src -->\n            <img fetchpriority=\"high\"\n              src=\"https:\/\/oneconcept.tv\/wp-content\/uploads\/2026\/09\/IMG_7823.JPG-scaled-e1789079479699.jpeg\"\n              alt=\"Mike Montero\"\n              width=\"600\" height=\"800\" decoding=\"async\">\n            <div class=\"op-caption\">\n              <h2 class=\"op-name\">Mike Montero<\/h2>\n              <p class=\"op-role\">Productor<\/p>\n            <\/div>\n          <\/a>\n\n          <!-- BIOGRAF\u00cdA EDITABLE: borrador para revisi\u00f3n -->\n          <p class=\"op-description\">\n            Productor de One Concept. Este portafolio re\u00fane una\n            selecci\u00f3n de proyectos en los que ha participado\n            desde la producci\u00f3n audiovisual.\n          <\/p>\n\n          <div class=\"op-actions\">\n            <a class=\"op-link\" href=\"#producer-mike\">\n              VER PORTAFOLIO \u2197\n            <\/a>\n            <a class=\"op-link op-social\"\n               href=\"https:\/\/www.instagram.com\/mike__montero\/\"\n               target=\"_blank\" rel=\"noopener noreferrer\"\n               aria-label=\"Instagram de Mike Montero, abre en otra pesta\u00f1a\">\n              INSTAGRAM \u2197\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <!-- SEBASTI\u00c1N BASTIDAS -->\n        <article class=\"op-profile\" data-person=\"sebastian\">\n          <a class=\"op-photo\" href=\"#producer-sebastian\">\n            <!-- FOTO DE SEBASTI\u00c1N: reemplaza src -->\n            <img\n              src=\"https:\/\/oneconcept.tv\/wp-content\/uploads\/2026\/09\/Captura-de-pantalla-2026-09-09-201227.png\"\n              alt=\"Sebasti\u00e1n Bastidas\"\n              width=\"600\" height=\"800\" decoding=\"async\">\n            <div class=\"op-caption\">\n              <h2 class=\"op-name\">Sebasti\u00e1n Bastidas<\/h2>\n              <p class=\"op-role\">Productor Ejecutivo<\/p>\n            <\/div>\n          <\/a>\n\n          <!-- BIOGRAF\u00cdA EDITABLE: borrador para revisi\u00f3n -->\n          <p class=\"op-description\">\n            Productor ejecutivo. Su perfil reunir\u00e1 una selecci\u00f3n\n            de proyectos y los cr\u00e9ditos correspondientes a su\n            participaci\u00f3n en cada realizaci\u00f3n.\n          <\/p>\n\n          <div class=\"op-actions\">\n            <a class=\"op-link\" href=\"#producer-sebastian\">\n              VER PORTAFOLIO \u2197\n            <\/a>\n            <a class=\"op-link op-social\"\n               href=\"https:\/\/www.instagram.com\/sebastidas25\/\"\n               target=\"_blank\" rel=\"noopener noreferrer\"\n               aria-label=\"Instagram de Sebasti\u00e1n Bastidas, abre en otra pesta\u00f1a\">\n              INSTAGRAM \u2197\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <!-- La tercera persona se agregar\u00e1 aqu\u00ed cuando est\u00e9 confirmada. -->\n\n      <\/div>\n\n      <noscript>\n        <p class=\"op-intro\">\n          Activa JavaScript para explorar los portafolios.\n        <\/p>\n      <\/noscript>\n    <\/div>\n\n    <section class=\"op-portfolio\" hidden\n             aria-labelledby=\"op-person-title\">\n      <button class=\"op-back\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M19 12H5m7-7-7 7 7 7\"\/>\n        <\/svg>\n        PRODUCERS\n      <\/button>\n\n      <div class=\"op-layout\">\n        <aside class=\"op-sidebar\">\n          <p class=\"op-label\">ONE CONCEPT \/ PORTAFOLIO<\/p>\n\n          <div class=\"op-photo\">\n            <img class=\"op-person-photo\" alt=\"\"\n                 width=\"600\" height=\"800\" decoding=\"async\">\n            <div class=\"op-caption\">\n              <h2 class=\"op-name\" id=\"op-person-title\" tabindex=\"-1\"><\/h2>\n              <p class=\"op-role op-person-role\"><\/p>\n            <\/div>\n          <\/div>\n\n          <p class=\"op-description op-person-description\"><\/p>\n          <a class=\"op-link op-person-social\"\n             target=\"_blank\" rel=\"noopener noreferrer\">\n            INSTAGRAM \u2197\n          <\/a>\n        <\/aside>\n\n        <div>\n          <div class=\"op-works\"><\/div>\n          <p class=\"op-empty\" hidden>Portafolio pr\u00f3ximamente.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <dialog class=\"op-modal\" aria-labelledby=\"op-modal-title\">\n    <div class=\"op-toolbar\">\n      <div class=\"op-controls\">\n        <button class=\"op-control op-prev\" type=\"button\"\n                aria-label=\"Video anterior\" title=\"Anterior\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M19 12H5m7-7-7 7 7 7\"\/>\n          <\/svg>\n        <\/button>\n        <button class=\"op-control op-next\" type=\"button\"\n                aria-label=\"Video siguiente\" title=\"Siguiente\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14m-7-7 7 7-7 7\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n      <div class=\"op-controls\">\n        <a class=\"op-control op-external\"\n           target=\"_blank\" rel=\"noopener noreferrer\"\n           aria-label=\"Ver en YouTube, abre en otra pesta\u00f1a\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7M7 7h10v10\"\/>\n          <\/svg>\n        <\/a>\n        <button class=\"op-control op-close\" type=\"button\"\n                aria-label=\"Cerrar video\" title=\"Cerrar\" autofocus>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m6 6 12 12M18 6 6 18\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"op-modal-info\" aria-live=\"polite\">\n      <p class=\"op-label\">ONE CONCEPT \/ FILM<\/p>\n      <h3 class=\"op-modal-artist\" id=\"op-modal-title\"><\/h3>\n      <p class=\"op-modal-song\"><\/p>\n      <p class=\"op-modal-credit\"><\/p>\n    <\/div>\n\n    <div class=\"op-player\"><\/div>\n  <\/dialog>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  \/*\n   * Cada video:\n   * [\"ARTISTA\", \"T\u00cdTULO\", \"ID O URL YOUTUBE\", \"PORTADA\",\n   *  \"DIRECTOR OPCIONAL\", \"CR\u00c9DITO DE PRODUCCI\u00d3N OPCIONAL\"]\n   *\n   * Las portadas abreviadas parten de:\n   * https:\/\/oneconcept.tv\/wp-content\/uploads\/\n   *\n   * Mike: \u00faltimos 15 del orden actual de VIDEOCLIPS.\n   * Este listado es independiente: no se sincroniza autom\u00e1ticamente.\n   *\/\n\n  const VIDEOS = {\n    mike: [\n      [\"Maisak, Feid, Maluma\", \"Te entiendo Remix\", \"XLGKH6L93F0\", \"2026\/09\/Captura-de-pantalla-2026-09-11-085249.png\"],\n          [\"KAPO\", \"OH NANA\", \"lmDfmilZ4Xo\", \"2024\/06\/Diseno-sin-titulo-2-1.png\"],\n      [\"KAPO\", \"UWAIE\", \"spbagny8OjM\", \"2024\/08\/Diseno-sin-titulo-1-1.png\"],\n      [\"IZAAK X MALUMA\", \"VICTORIA\", \"UerKngoEsmM\", \"2026\/09\/Captura-de-pantalla-2026-09-09-133014.png\"],\n      [\"MYKE TOWERS X PIRLO\", \"VAN CLEEF\", \"l2qATaTSjQM\", \"2025\/02\/Diseno-sin-titulo-1.png\"],\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\"],\n      [\"GREEICY FT JAY WHEELER\", \"\u00bfQU\u00c9 TE PASO?\", \"wJrSiDE2p9w\", \"2024\/10\/Diseno-sin-titulo-1.png\"],\n      [\"RYAN CASTRO, KAPO, GANGSTA\", \"LA VILLA\", \"EochZ-iyrqQ\", \"2026\/05\/Diseno-sin-titulo-3.png\", \"Direcci\u00f3n: Dario Burbano & Felipe Mejia\"],\n      [\"KAPO X RYAN CASTRO\", \"DONDE\", \"Wq7KlT33mGw\", \"2025\/11\/Diseno-sin-titulo-1.png\"],\n      [\"SECH FT KAPO\", \"CU\u00c1L NOSOTROS\", \"qRXX1cB6bGk\", \"2025\/11\/Diseno-sin-titulo-2-1.png\"],\n      [\"Greeicy\", \"Los Besos\", \"ocFYE_FLydI\", \"2020\/08\/7-Greeicy-Los-besos.jpg\"],\n      [\"Greeicy\", \"Los consejos\", \"XcZRfzeGmKk\", \"2020\/08\/1-Greeicy-Los-consejos.jpg\"],\n      [\"GREEICY FT KAPO\", \"A VECES A BESOS (REMIX)\", \"JweKL5eATvE\", \"2026\/09\/Captura-de-pantalla-2026-09-08-232019.png\"],\n      [\"Mike Bah\u00eda & Greeicy\", \"Mi Pecadito\", \"QOCgev_9aVE\", \"2026\/09\/watermarked_img_7175792752528683243.jpg\"],\n      [\"LUIS R CONRIQUEZ\", \"VOLANDO BAJITO\", \"-VADWKokSTs\", \"2026\/09\/f07f350f-6b3d-4be4-8064-e43e44174541.jpg\"],\n      [\"LUIS R CONRIQUEZ, JOEL DE LA P & CHIMBALA\", \"QUE SE CUIDE\", \"CMAD1xtrmg0\", \"2024\/07\/Sin-titulo-600-x-600-px-1.png\"],\n      [\"DFZM X BLESSD\", \"LA EX\", \"i0jgfu6_Voc\", \"2026\/05\/Diseno-sin-titulo-4.png\"],\n      [\"KAPO\", \"REINA (KRIMINAL)\", \"jjv2vEsBNoE\", \"2026\/09\/Captura-de-pantalla-2026-09-09-112256.png\"],\n      [\"KAPO\", \"NO CRY\", \"VruA5FeXMYA\", \"2026\/09\/Captura-de-pantalla-2026-09-09-113230.png\"],\n[\"KAPO\", \"BOMBON\", \"laqu7fCy9Vs\", \"2026\/05\/Diseno-sin-titulo-2.png\"],\n      [\"GREEICY\", \"A VECES A BESOS\", \"g4CTZ3vgzmA\", \"2024\/06\/Diseno-sin-titulo-1.png\"],\n      [\"GREEICY\", \"MAL O BIEN\", \"AJnIK0IHt2g\", \"2026\/05\/Captura-de-pantalla-2026-05-25-095700.png\"],\n      [\"GREEICY\", \"EF\u00cdMERO\", \"o9Lsz9QEr-E\", \"2025\/02\/Diseno-sin-titulo-2-1.png\"],\n      [\"GREEICY\", \"VETE\", \"X4YbiQrWYaw\", \"2024\/04\/Si-por-eso-pero-eso-es-otra-cosas-eso-es-una-obligacion-tributaria-por-lo-estatutos.png\"],\n      [\"Greeicy & Mike Bah\u00eda\", \"Si tu amor no vuelve\", \"EWTjS5Xg8m8\", \"2020\/08\/9-Greeicy-Mike-Bahia-Si-tu-amor-no-vuelve.jpg\"],\n      [\"MIKE BAHIA X JUAN PABLO VEGA\", \"BAJO CERO\", \"OPKNc-LuaVc\", \"2026\/09\/ab67616d00001e02c36948d8f822efad3f35811c.jpg\"],\n      [\"MIKE BAHIA\", \"LA DEPRE\", \"Vasyhv-fzCI\", \"2024\/08\/Diseno-sin-titulo-1.png\"],\n      [\"MIKE BAHIA\", \"AMOR SINCERO\", \"lJoGH55IZKw\", \"2024\/02\/Diseno-sin-titulo-2-1.png\"],\n      [\"DFZM X NANPA X AKAPELLAH\", \"DE ROCE\", \"JE-2f8pRPo0\", \"2026\/07\/Captura-de-pantalla-2026-07-21-195552.png\"],\n      [\"Lunaty, Totoy El Frio\", \"Buena Muchacha\", \"n3XJZ_doDWs\", \"2026\/09\/8bd1e2f6-d0aa-41db-92b2-6af56a0a184f.jpg\"],\n      [\"DUMA\", \"AGUACATALA\", \"kLcJagFdHmg\", \"2024\/05\/Diseno-sin-titulo-1.png\"],\n      [\"JUANSE NAVARRO\", \"TODO SIGUE IGUAL\", \"tPAdP2Ca-xQ\", \"2024\/05\/Diseno-sin-titulo-1-1.png\"],\n      [\"JUANSE NAVARRO\", \"CON OTRA\", \"qhUXsAQ_lc0\", \"2024\/05\/Diseno-sin-titulo-4.png\"],\n      [\"JUANSE NAVARRO\", \"OPEN MIND\", \"jBdViXCJKtw\", \"2024\/02\/Diseno-sin-titulo-5.png\"],\n      [\"EL CACHORRO\", \"FLOR DE PARIS\", \"9cwY8A0_XhA\", \"2024\/02\/Diseno-sin-titulo-2-1-1.png\"],\n      [\"LEEB X GENERY\", \"LA RECETA PARA SER FELIZ\", \"SXyOlM3Mbfk\", \"2024\/02\/LEEB-X-GENERY-LA-RECETA-PARA-SER-FELIZ.png\"],\n      [\"MONTES LEON\", \"QUE NO SABES\", \"P4Ei4Q_C9gc\", \"2024\/02\/Diseno-sin-titulo-6-1.png\"],\n      \n    ],\n\n    sebastian: [\n      \/*\n       * Agrega aqu\u00ed sus trabajos cuando est\u00e9n confirmados.\n       * Indica el director real de cada proyecto.\n       *\n       * [\"ARTISTA\", \"T\u00cdTULO\", \"URL YOUTUBE\", \"URL PORTADA\",\n       *  \"NOMBRE DEL DIRECTOR\", \"Productor ejecutivo: Sebasti\u00e1n Bastidas\"],\n       *\/\n    ]\n  };\n\n  const DEFAULTS = {\n    mike: {\n      director: \"Dario Burbano\",\n      production: \"Productor: Mike Montero\"\n    },\n    sebastian: {\n      director: \"\",\n      production: \"Productor ejecutivo: Sebasti\u00e1n Bastidas\"\n    }\n  };\n\n  function init() {\n    const root = document.getElementById(\"oc-producers\");\n    if (!root || root.dataset.ready) return;\n    root.dataset.ready = \"true\";\n\n    const q = selector => root.querySelector(selector);\n    const home = q(\".op-home\");\n    const portfolio = q(\".op-portfolio\");\n    const works = q(\".op-works\");\n    const modal = q(\".op-modal\");\n    const player = q(\".op-player\");\n    const title = q(\"#op-person-title\");\n    const personPhoto = q(\".op-person-photo\");\n\n    let entries = [];\n    let current = 0;\n    let activePerson = null;\n    let profileOpener = null;\n    let videoOpener = null;\n    let previousOverflow = \"\";\n    let previousPadding = \"\";\n    let locked = false;\n\n    function element(tag, className, text) {\n      const node = document.createElement(tag);\n      node.className = className;\n      if (text !== undefined) node.textContent = text;\n      return node;\n    }\n\n    function youtubeId(value) {\n      const input = String(value || \"\").trim();\n      if (\/^[A-Za-z0-9_-]{11}$\/.test(input)) return input;\n\n      try {\n        const url = new URL(input);\n        if (![\"https:\", \"http:\"].includes(url.protocol)) return null;\n\n        let id = \"\";\n        if (url.hostname === \"youtu.be\") {\n          id = url.pathname.split(\"\/\")[1];\n        } else if (\n          [\"youtube.com\", \"www.youtube.com\", \"m.youtube.com\"]\n          .includes(url.hostname)\n        ) {\n          id = url.searchParams.get(\"v\") || \"\";\n          if (\/^\\\/(embed|shorts|live)\\\/\/.test(url.pathname)) {\n            id = url.pathname.split(\"\/\")[2];\n          }\n        }\n        return \/^[A-Za-z0-9_-]{11}$\/.test(id) ? id : null;\n      } catch (_) {\n        return null;\n      }\n    }\n\n    function coverURL(value) {\n      if (!value) return \"\";\n      try {\n        const url = new URL(\n          value, \"https:\/\/oneconcept.tv\/wp-content\/uploads\/\"\n        );\n        return url.protocol === \"https:\" ? url.href : \"\";\n      } catch (_) {\n        return \"\";\n      }\n    }\n\n    personPhoto.addEventListener(\"error\", function () {\n      personPhoto.hidden = true;\n    });\n\n    function renderPortfolio(key) {\n      const profile = q('[data-person=\"' + key + '\"]');\n      const sourcePhoto = profile.querySelector(\".op-photo img\");\n\n      title.textContent = profile.querySelector(\".op-name\").textContent;\n      q(\".op-person-role\").textContent =\n        profile.querySelector(\".op-role\").textContent;\n      q(\".op-person-description\").textContent =\n        profile.querySelector(\".op-description\").textContent.trim();\n\n      personPhoto.hidden = false;\n      personPhoto.alt = sourcePhoto.alt;\n      personPhoto.src = sourcePhoto.src;\n      personPhoto.style.objectPosition =\n        sourcePhoto.style.objectPosition || \"center\";\n\n      const social = q(\".op-person-social\");\n      social.href = profile.querySelector(\".op-social\").href;\n      social.setAttribute(\n        \"aria-label\",\n        \"Instagram de \" + title.textContent + \", abre en otra pesta\u00f1a\"\n      );\n\n      entries = [];\n      const fragment = document.createDocumentFragment();\n      const defaults = DEFAULTS[key] || { director: \"\", production: \"\" };\n\n      (VIDEOS[key] || []).forEach(function (row) {\n        const id = youtubeId(row[2]);\n        if (!id) {\n          console.warn(\"Enlace de video inv\u00e1lido:\", row[1]);\n          return;\n        }\n\n        const director = row[4] || defaults.director;\n        const production = row[5] || defaults.production;\n        const card = element(\"a\", \"op-work\");\n        card.href = \"https:\/\/www.youtube.com\/watch?v=\" + id;\n        card.setAttribute(\n          \"aria-label\", \"Reproducir \" + row[0] + \" \u2014 \" + row[1]\n        );\n\n        const image = element(\"img\", \"\");\n        image.alt = \"\";\n        image.width = 800;\n        image.height = 500;\n        image.loading = \"lazy\";\n        image.decoding = \"async\";\n\n        const fallback = \"https:\/\/i.ytimg.com\/vi\/\" + id + \"\/hqdefault.jpg\";\n        image.src = coverURL(row[3]) || fallback;\n        image.addEventListener(\"error\", function () {\n          if (image.dataset.fallback) {\n            image.remove();\n          } else {\n            image.dataset.fallback = \"true\";\n            image.src = fallback;\n          }\n        });\n\n        const info = element(\"span\", \"op-work-info\");\n        info.append(\n          element(\"span\", \"op-work-artist\", row[0]),\n          element(\"span\", \"op-work-song\", row[1]),\n          element(\"span\", \"op-work-credit\", production)\n        );\n\n        card.append(image, info);\n\n        const index = entries.length;\n        entries.push({\n          id: id,\n          artist: row[0],\n          song: row[1],\n          director: director,\n          production: production,\n          card: card\n        });\n\n        card.addEventListener(\"click\", function (event) {\n          if (\n            event.ctrlKey || event.metaKey || event.shiftKey ||\n            event.altKey || event.button !== 0 ||\n            typeof modal.showModal !== \"function\"\n          ) return;\n\n          event.preventDefault();\n          videoOpener = card;\n          showVideo(index);\n        });\n\n        fragment.append(card);\n      });\n\n      works.replaceChildren(fragment);\n      q(\".op-empty\").hidden = entries.length > 0;\n    }\n\n    function lockScroll() {\n      if (locked) return;\n\n      const html = document.documentElement;\n      previousOverflow = html.style.overflow;\n      previousPadding = html.style.paddingRight;\n      const gap = window.innerWidth - html.clientWidth;\n\n      if (gap > 0) {\n        const padding = parseFloat(getComputedStyle(html).paddingRight) || 0;\n        html.style.paddingRight = (padding + gap) + \"px\";\n      }\n\n      html.style.overflow = \"hidden\";\n      locked = true;\n    }\n\n    function cleanupVideo() {\n      player.replaceChildren();\n\n      if (locked) {\n        document.documentElement.style.overflow = previousOverflow;\n        document.documentElement.style.paddingRight = previousPadding;\n        locked = false;\n      }\n    }\n\n    function showVideo(index) {\n      if (!entries.length) return;\n\n      current = (index + entries.length) % entries.length;\n      const video = entries[current];\n\n      q(\".op-modal-artist\").textContent = video.artist;\n      q(\".op-modal-song\").textContent = video.song;\n      q(\".op-modal-credit\").textContent = [\n        video.production,\n        video.director ? \"Direcci\u00f3n: \" + video.director : \"\"\n      ].filter(Boolean).join(\"\\n\");\n\n      q(\".op-external\").href =\n        \"https:\/\/www.youtube.com\/watch?v=\" + video.id;\n\n      const iframe = document.createElement(\"iframe\");\n      iframe.title = video.artist + \" \u2014 \" + video.song;\n      iframe.src = \"https:\/\/www.youtube.com\/embed\/\" +\n        video.id + \"?autoplay=1&playsinline=1&rel=0\";\n      iframe.allow =\n        \"autoplay; encrypted-media; picture-in-picture; fullscreen\";\n      iframe.allowFullscreen = true;\n      iframe.referrerPolicy = \"strict-origin-when-cross-origin\";\n\n      player.replaceChildren(iframe);\n\n      if (!modal.open) {\n        modal.showModal();\n        lockScroll();\n      }\n    }\n\n    function route() {\n      const match = location.hash.match(\/^#producer-([a-z0-9-]+)$\/);\n      const key = match && q('[data-person=\"' + match[1] + '\"]') ?\n        match[1] : null;\n\n      if (modal.open) {\n        modal.close();\n        cleanupVideo();\n      }\n\n      if (key) {\n        if (key !== activePerson) renderPortfolio(key);\n        activePerson = key;\n        home.hidden = true;\n        portfolio.hidden = false;\n\n        requestAnimationFrame(function () {\n          title.focus({ preventScroll: true });\n          root.scrollIntoView({ block: \"start\", behavior: \"auto\" });\n        });\n      } else {\n        const wasOpen = activePerson !== null;\n        activePerson = null;\n        home.hidden = false;\n        portfolio.hidden = true;\n\n        if (wasOpen) {\n          const target = profileOpener || q(\".op-home .op-photo\");\n          target.focus({ preventScroll: true });\n          target.scrollIntoView({ block: \"center\", behavior: \"auto\" });\n        }\n      }\n    }\n\n    root.querySelectorAll('a[href^=\"#producer-\"]').forEach(function (link) {\n      link.addEventListener(\"click\", function (event) {\n        if (\n          event.ctrlKey || event.metaKey || event.shiftKey ||\n          event.altKey || event.button !== 0\n        ) return;\n\n        event.preventDefault();\n        profileOpener = link;\n        history.pushState(null, \"\", link.getAttribute(\"href\"));\n        route();\n      });\n    });\n\n    q(\".op-back\").addEventListener(\"click\", function () {\n      history.pushState(null, \"\", location.pathname + location.search);\n      route();\n    });\n\n    q(\".op-close\").addEventListener(\"click\", () => modal.close());\n    q(\".op-prev\").addEventListener(\"click\", () => showVideo(current - 1));\n    q(\".op-next\").addEventListener(\"click\", () => showVideo(current + 1));\n\n    modal.addEventListener(\"close\", function () {\n      if (modal.open) return;\n      cleanupVideo();\n\n      if (!portfolio.hidden && videoOpener && videoOpener.isConnected) {\n        videoOpener.focus({ preventScroll: true });\n      }\n    });\n\n    modal.addEventListener(\"click\", function (event) {\n      if (event.target !== modal) return;\n      const rect = modal.getBoundingClientRect();\n\n      if (\n        event.clientX < rect.left || event.clientX > rect.right ||\n        event.clientY < rect.top || event.clientY > rect.bottom\n      ) modal.close();\n    });\n\n    modal.addEventListener(\"keydown\", function (event) {\n      if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) {\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        showVideo(current - 1);\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        showVideo(current + 1);\n      }\n    });\n\n    window.addEventListener(\"popstate\", route);\n    window.addEventListener(\"hashchange\", route);\n    route();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init, { once: true });\n  } else {\n    init();\n  }\n})();\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>ONE CONCEPT \/ PRODUCCI\u00d3N PRODUCERS Conoce a nuestros productores y explora sus proyectos. Mike Montero Productor Productor de One Concept. Este portafolio re\u00fane una selecci\u00f3n de proyectos en los que ha participado desde la producci\u00f3n audiovisual. VER PORTAFOLIO \u2197 INSTAGRAM \u2197 Sebasti\u00e1n Bastidas Productor Ejecutivo Productor ejecutivo. Su perfil reunir\u00e1 una selecci\u00f3n de proyectos y [&hellip;]<\/p>\n","protected":false},"author":2,"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\/1894"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/comments?post=1894"}],"version-history":[{"count":19,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages\/1894\/revisions"}],"predecessor-version":[{"id":2004,"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/pages\/1894\/revisions\/2004"}],"wp:attachment":[{"href":"https:\/\/oneconcept.tv\/index.php\/wp-json\/wp\/v2\/media?parent=1894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}