{"id":4322,"date":"2026-08-27T21:47:48","date_gmt":"2026-08-27T21:47:48","guid":{"rendered":"https:\/\/jpdirector.net\/?page_id=4322"},"modified":"2026-09-10T21:50:09","modified_gmt":"2026-09-10T21:50:09","slug":"conferencias","status":"publish","type":"page","link":"https:\/\/jpdirector.net\/en\/conferencias\/","title":{"rendered":"Conferences"},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-container alignfull gspb_container gspb_container-gsbp-f669173\" id=\"gspb_container-id-gsbp-f669173\">\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>Conferencias de publicidad online para empresas | JP Director<\/title>\n<meta name=\"description\" content=\"Contrata una conferencia de publicidad online enfocada en tu rubro: seguros, abogados, real estate, m\u00e9dicos, salones de belleza, coaching, restaurantes y m\u00e1s. Casos reales y aplicaci\u00f3n inmediata.\">\n<link rel=\"canonical\" href=\"https:\/\/jpdirector.net\/conferencias\/\">\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n<meta name=\"theme-color\" content=\"#00041C\">\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:locale\" content=\"es_ES\">\n<meta property=\"og:site_name\" content=\"JP Director\">\n<meta property=\"og:title\" content=\"Conferencias de publicidad online | JP Director\">\n<meta property=\"og:description\" content=\"Casos reales, estrategia clara y aplicaci\u00f3n inmediata, con el contenido enfocado en el rubro de tu audiencia.\">\n<meta property=\"og:url\" content=\"https:\/\/jpdirector.net\/conferencias\/\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;500&amp;family=Poppins:wght@400;500;600;700&amp;display=swap\">\n<style>\n\/* ============================================================================\n   JP DIRECTOR \u2014 Conferencias\n   Mismos tokens y mismos componentes de marca que la home. Lo propio de esta\n   plantilla:\n     \u00b7 6.3 el fondo del hero son focos de escenario: dos haces que bajan en\n       \u00e1ngulo y un resplandor de suelo. Ni ret\u00edcula (home, encargado), ni\n       anillos (asesor\u00eda), ni curva ascendente (mentor\u00eda).\n     \u00b7 6.5 la cinta lleva rubros en vez de plataformas, porque en este servicio\n       lo que var\u00eda es la audiencia, no el canal.\n     \u00b7 El espaciado vertical se hace con gap de grid y no con m\u00e1rgenes en los\n       p\u00e1rrafos, para que el blindaje (2.5) no pueda aplastar nada propio.\n   ============================================================================ *\/\n\n\n\/* ============================================================================\n   1. VARIABLES\n   ============================================================================ *\/\n\n:root {\n\n  \/* --- Paleta de marca (\u00fanica fuente de color) --- *\/\n  --c-ink:    #00041C;\n  --c-navy:   #040D36;\n  --c-cyan:   #15E0FB;\n  --c-white:  #FFFEFE;\n\n  \/* --- Derivados: solo opacidad, mezcla y gradiente --- *\/\n  --c-text:      var(--c-white);\n  --c-dim:       color-mix(in srgb, var(--c-white) 66%, transparent);\n  --c-dimmer:    color-mix(in srgb, var(--c-white) 44%, transparent);\n  --c-faint:     color-mix(in srgb, var(--c-white) 22%, transparent);\n\n  --c-line:      color-mix(in srgb, var(--c-cyan) 16%, transparent);\n  --c-line-hi:   color-mix(in srgb, var(--c-cyan) 38%, transparent);\n  --c-line-soft: color-mix(in srgb, var(--c-white) 9%,  transparent);\n  --c-cyan-dim:  color-mix(in srgb, var(--c-cyan) 52%, transparent);\n\n  --c-panel:     color-mix(in srgb, var(--c-cyan) 4%,  var(--c-navy));\n  --c-panel-hi:  color-mix(in srgb, var(--c-cyan) 9%,  var(--c-navy));\n  --c-glow:      color-mix(in srgb, var(--c-cyan) 26%, transparent);\n  --c-glow-soft: color-mix(in srgb, var(--c-cyan) 10%, transparent);\n\n  --c-on-light:      var(--c-navy);\n  --c-on-light-dim:  color-mix(in srgb, var(--c-navy) 66%, var(--c-white));\n  --c-on-light-line: color-mix(in srgb, var(--c-navy) 14%, var(--c-white));\n\n  \/* --- Tipograf\u00eda --- *\/\n  --f-sans: \"Poppins\", system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  --f-mono: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n\n  --t-xs:   0.6875rem;\n  --t-sm:   clamp(0.8125rem, 0.79rem + 0.12vw, 0.9rem);\n  --t-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);\n  --t-md:   clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);\n  --t-lg:   clamp(1.25rem, 1.12rem + 0.55vw, 1.6rem);\n  --t-xl:   clamp(1.5rem, 1.24rem + 1.1vw, 2.25rem);\n  --t-2xl:  clamp(2rem, 1.5rem + 2.2vw, 3.4rem);\n  --t-3xl:  clamp(2.5rem, 1.6rem + 4vw, 5rem);\n\n  --lh-tight: 1.04;\n  --lh-head:  1.14;\n  --lh-body:  1.65;\n\n  \/* --- Espacio y layout --- *\/\n  --s-1: 0.25rem;\n  --s-2: 0.5rem;\n  --s-3: 0.75rem;\n  --s-4: 1rem;\n  --s-5: 1.5rem;\n  --s-6: 2rem;\n  --s-7: 2.5rem;\n  --s-8: 3rem;\n  --s-9: 4rem;\n\n  --maxw: 1240px;\n  --gutter: clamp(1.25rem, 0.7rem + 2.4vw, 3rem);\n  --sec-y: clamp(4.5rem, 3rem + 6vw, 9rem);\n  --hdr-h: 76px;\n\n  --r-sm: 4px;\n  --r-md: 10px;\n  --r-lg: 20px;\n  --r-full: 999px;\n\n  \/* --- Movimiento --- *\/\n  --e-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --e-in-out: cubic-bezier(0.65, 0, 0.35, 1);\n  --d-fast: 0.22s;\n  --d-mid: 0.45s;\n  --d-slow: 0.8s;\n}\n\n\n\/* ============================================================================\n   2. RESET\n   ============================================================================ *\/\n\n*, *::before, *::after { box-sizing: border-box; }\n\n* { margin: 0; padding: 0; }\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  scroll-behavior: smooth;\n  scroll-padding-top: calc(var(--hdr-h) + 1rem);\n  overflow-x: clip;\n}\n\nbody {\n  min-height: 100vh;\n  background: var(--c-ink);\n  color: var(--c-text);\n  font-family: var(--f-sans);\n  font-size: var(--t-base);\n  line-height: var(--lh-body);\n  font-weight: 400;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  overflow-x: clip;\n}\n\nimg, video, svg { display: block; max-width: 100%; height: auto; }\n\nul, ol { list-style: none; }\n\na { color: inherit; text-decoration: none; }\n\nbutton, input, label, summary { font: inherit; color: inherit; }\n\nh1, h2, h3, h4 { font-weight: 600; line-height: var(--lh-head); text-wrap: balance; }\n\np { text-wrap: pretty; }\n\n:focus-visible {\n  outline: 2px solid var(--c-cyan);\n  outline-offset: 3px;\n  border-radius: var(--r-sm);\n}\n\n\n\/* ============================================================================\n   2.5 BLINDAJE FRENTE AL TEMA DE WORDPRESS\n   ----------------------------------------------------------------------------\n   El reset universal tiene especificidad 0-0-0 y lo gana cualquier regla de\n   tipo del tema: p { margin-bottom: 1.6em }, ul { padding-left: 40px }...\n   El espaciado vertical se resuelve con gap, as\u00ed que se pueden anular todos los\n   m\u00e1rgenes sin excepciones. La \u00fanica salvedad es .sec__head, que s\u00ed lleva\n   margen inferior propio y queda fuera.\n\n   Ning\u00fan selector de aqu\u00ed declara relleno propio, as\u00ed que no hace falta\n   restaurar ning\u00fan padding: el de .program li y .book li vive en su componente\n   y no se toca.\n   ============================================================================ *\/\n\n\/* --- A. Contenedores de lista: es donde el tema mete la sangr\u00eda de 40px --- *\/\n.ticker__list, .program, .book, .faq__list {\n  list-style: none !important;\n  padding-inline-start: 0 !important;\n  margin: 0 !important;\n}\n\n\/* --- B. Todo lo que se apila con gap: m\u00e1rgenes a cero, incluidos los hijos\n       directos de cada caja, porque el hueco lo pone el contenedor --- *\/\n.stack > *,\n.shot,\n.ticker__list li,\n.program li, .program li > *,\n.book li, .book li > *,\n.travel, .travel > *,\n.faq__item, .faq__a, .faq__a > * {\n  margin: 0 !important;\n}\n\n\n\/* ============================================================================\n   3. BASE\n   ============================================================================ *\/\n\n.wrap {\n  width: 100%;\n  max-width: var(--maxw);\n  margin-inline: auto;\n  padding-inline: var(--gutter);\n}\n\n.vh {\n  position: absolute;\n  width: 1px; height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n\/* --- Pila vertical ---\n   Todo el ritmo vertical sale de aqu\u00ed: un solo sitio que ajustar y ning\u00fan\n   p\u00e1rrafo con margen propio que el tema pueda pisar. *\/\n.stack {\n  display: grid;\n  gap: var(--gap, var(--s-5));\n  justify-items: start;\n  align-content: start;\n}\n.stack--tight  { --gap: var(--s-4); }\n.stack--loose  { --gap: var(--s-6); }\n.stack--center { justify-items: center; text-align: center; }\n\n\n\/* ============================================================================\n   4. TYPOGRAPHY\n   ============================================================================ *\/\n\n.mono {\n  font-family: var(--f-mono);\n  font-size: var(--t-xs);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  font-weight: 400;\n}\n\n\/* Sin margen: el hueco lo pone el gap de .stack *\/\n.eyebrow {\n  font-family: var(--f-mono);\n  font-size: var(--t-xs);\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--c-cyan);\n}\n.eyebrow--dark { color: var(--c-navy); }\n\nem { font-style: normal; color: var(--c-cyan); }\n\n\/* --- Palabra con aurora ---------------------------------------------------\n   El texto va en blanco y encima se apilan manchas de color con\n   mix-blend-mode: darken. Darken toma el canal m\u00e1s oscuro: sobre el blanco\n   gana la mancha, sobre el fondo profundo gana el fondo, as\u00ed que el color solo\n   vive dentro de las letras.\n\n   Las manchas miden 13rem: sobre una palabra de dos o tres caracteres siempre\n   hay alguna cubri\u00e9ndola entera y el efecto se aplana en un cian fijo. Pide\n   ocho letras o m\u00e1s. \"Conferencias\" tiene doce, as\u00ed que aqu\u00ed el titular\n   completo puede llevarlo.\n   -------------------------------------------------------------------------- *\/\n.aurora-word {\n  position: relative;\n  display: inline-block;\n  color: var(--c-white);\n  vertical-align: baseline;\n  white-space: nowrap;\n  padding-block: 0.06em 0.24em;\n  margin-block: -0.06em -0.24em;\n}\n\n.aurora-word::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.99em;\n  z-index: 3;\n  height: 0.055em;\n  border-radius: 999px;\n  background:\n    linear-gradient(90deg, transparent, var(--c-cyan), transparent) no-repeat,\n    linear-gradient(color-mix(in srgb, var(--c-cyan) 26%, transparent) 0 100%) no-repeat;\n  background-size: 34% 100%, 100% 100%;\n  animation: underline-scan 3.6s var(--e-in-out) infinite;\n}\n\n.aurora {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: hidden;\n  mix-blend-mode: darken;\n  pointer-events: none;\n}\n\n.aurora__item {\n  position: absolute;\n  top: -55%;\n  left: 0;\n  width: 13rem;\n  height: 13rem;\n  border-radius: 37% 29% 27% 27% \/ 28% 25% 41% 37%;\n  filter: blur(1.1rem);\n  mix-blend-mode: overlay;\n  will-change: transform;\n}\n\n.aurora__item:nth-of-type(1) {\n  background-color: var(--c-cyan);\n  animation: aurora-border 7s var(--e-in-out) infinite,\n             aurora-1 11s var(--e-in-out) infinite alternate;\n}\n.aurora__item:nth-of-type(2) {\n  background-color: color-mix(in srgb, var(--c-cyan) 72%, var(--c-white));\n  animation: aurora-border 7s var(--e-in-out) infinite,\n             aurora-2 14s var(--e-in-out) infinite alternate;\n}\n.aurora__item:nth-of-type(3) {\n  background-color: color-mix(in srgb, var(--c-cyan) 62%, var(--c-navy));\n  animation: aurora-border 7s var(--e-in-out) infinite,\n             aurora-3 9s var(--e-in-out) infinite alternate;\n}\n.aurora__item:nth-of-type(4) {\n  background-color: color-mix(in srgb, var(--c-cyan) 88%, var(--c-navy));\n  animation: aurora-border 7s var(--e-in-out) infinite,\n             aurora-4 17s var(--e-in-out) infinite alternate;\n}\n.aurora--b .aurora__item { animation-delay: -3s, -5s; }\n\n.link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5em;\n  font-family: var(--f-mono);\n  font-size: var(--t-xs);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--c-cyan);\n  padding-block: 0.4em;\n  border-bottom: 1px solid var(--c-line-hi);\n  transition: border-color var(--d-fast) var(--e-out), gap var(--d-fast) var(--e-out);\n}\n.link::after { content: \"\u2192\"; transition: transform var(--d-fast) var(--e-out); }\n.link:hover, .link:focus-visible { border-bottom-color: var(--c-cyan); gap: 0.9em; }\n\n\n\/* ============================================================================\n   5. LAYOUT \u2014 secciones y fondos\n   ============================================================================ *\/\n\n.hero  { background: var(--c-ink); }\n\/* isolation en las secciones con aurora: la mezcla darken debe resolverse\n   contra el fondo de la propia secci\u00f3n y no contra el orden de pintado global *\/\n.prog  { background: var(--c-ink);  padding-block: var(--sec-y); isolation: isolate; }\n.book__sec { background: var(--c-white); color: var(--c-on-light); padding-block: var(--sec-y); }\n.faq   { background: var(--c-ink);  padding-block: var(--sec-y); }\n.end   { background: var(--c-navy); padding-block: var(--sec-y); position: relative; overflow: hidden; }\n\n\/* Cabecera de secci\u00f3n. \u00danico elemento de la plantilla con margen propio. *\/\n.sec__head { max-width: 64ch; margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }\n.sec__title { font-size: var(--t-2xl); letter-spacing: -0.02em; }\n.sec__lead { color: var(--c-dim); max-width: 60ch; }\n.sec__lead--dark { color: var(--c-on-light-dim); }\n\n\/* Marcador de secci\u00f3n: el n\u00famero hace expl\u00edcito el recorrido de la p\u00e1gina *\/\n.sec__mark {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.8em;\n  color: var(--c-cyan);\n  letter-spacing: 0.16em;\n}\n.sec__mark::after {\n  content: \"\";\n  width: clamp(28px, 4vw, 56px);\n  height: 1px;\n  background: currentColor;\n  opacity: 0.5;\n}\n.sec__mark--dark { color: var(--c-navy); }\n\n.hero__copy, .book__copy { min-width: 0; }\n\n\n\/* ============================================================================\n   6. COMPONENTS\n   ============================================================================ *\/\n\n\/* ---------- 6.1 Botones ---------- *\/\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.6em;\n  padding: 0.95em 1.9em;\n  background: var(--c-cyan);\n  color: var(--c-ink);\n  font-weight: 600;\n  font-size: var(--t-sm);\n  letter-spacing: 0.01em;\n  border-radius: var(--r-full);\n  border: 1px solid var(--c-cyan);\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n  transition: transform var(--d-fast) var(--e-out), box-shadow var(--d-mid) var(--e-out);\n  animation: btn-bounce 2.4s var(--e-in-out) infinite;\n}\n.btn::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: var(--c-white);\n  transform: translateY(101%);\n  transition: transform var(--d-mid) var(--e-out);\n}\n.btn:hover, .btn:focus-visible {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 34px var(--c-glow);\n  animation-play-state: paused;\n}\n.btn:hover::before, .btn:focus-visible::before { transform: translateY(0); }\n.btn:active { transform: translateY(0); }\n\n\/* Latido de color en el mismo comp\u00e1s de 2.4s del rebote. Se excluyen las\n   variantes que definen su propio fondo: una animaci\u00f3n de background-color\n   gana a las declaraciones normales sea cual sea la especificidad. *\/\n.btn:not(.btn--ghost):not(.btn--dark) {\n  animation: btn-bounce 2.4s var(--e-in-out) infinite,\n             btn-tint   2.4s var(--e-in-out) infinite;\n}\n.btn:not(.btn--ghost):not(.btn--dark):hover,\n.btn:not(.btn--ghost):not(.btn--dark):focus-visible {\n  animation: none;\n  background-color: var(--c-cyan);\n  border-color: var(--c-cyan);\n}\n\n.btn--ghost {\n  background: transparent;\n  color: var(--c-white);\n  border-color: var(--c-line-hi);\n}\n.btn--ghost::before { background: var(--c-white); }\n.btn--ghost:hover, .btn--ghost:focus-visible { color: var(--c-ink); border-color: var(--c-cyan); }\n\n.btn--dark {\n  background: var(--c-navy);\n  color: var(--c-white);\n  border-color: var(--c-navy);\n}\n.btn--dark::before { background: var(--c-ink); }\n.btn--dark:hover, .btn--dark:focus-visible { color: var(--c-cyan); box-shadow: none; }\n\n.btn--lg { padding: 1.15em 2.6em; font-size: var(--t-md); }\n\n.btn--arrow { padding-left: 1.5em; }\n.btn__arrow {\n  width: 1.15em;\n  height: 1.15em;\n  flex: none;\n  display: grid;\n  place-items: center;\n  margin-right: -0.15em;\n  animation: nudge 1.7s var(--e-in-out) infinite;\n}\n.btn__arrow svg { width: 100%; height: 100%; }\n.btn:hover .btn__arrow, .btn:focus-visible .btn__arrow { animation-play-state: paused; transform: translateX(4px); }\n\n\n\/* ---------- 6.2 Marco de imagen y hueco reservado ----------\n   Para poner la imagen definitiva, sustituir el <div class=\"ph\"> por:\n       <img decoding=\"async\" class=\"shot__img\" src=\"RUTA\" alt=\"TEXTO\" width=\"W\" height=\"H\">\n   -------------------------------------------------------------------------- *\/\n\n.shot { position: relative; }\n\n.shot__frame {\n  position: relative;\n  padding: 14px;\n  background: linear-gradient(160deg, var(--c-panel-hi), var(--c-navy) 60%);\n  border: 1px solid var(--c-line);\n  border-radius: var(--r-lg);\n  box-shadow: 0 30px 90px color-mix(in srgb, var(--c-ink) 80%, transparent);\n}\n\n.shot__screen {\n  position: relative;\n  aspect-ratio: var(--ar, 16 \/ 9);\n  border-radius: var(--r-md);\n  overflow: hidden;\n  background:\n    radial-gradient(90% 70% at 50% 40%, var(--c-glow-soft), transparent 70%),\n    var(--c-ink);\n  border: 1px solid var(--c-line-soft);\n}\n\n.shot__img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* Por defecto la imagen llena el marco y el recorte lo decide la proporci\u00f3n del\n   hueco, que es lo correcto para una fotograf\u00eda. Si la pieza es un dise\u00f1o con\n   texto y el recorte se come el mensaje, esta variante la encaja entera. *\/\n.shot__img--contain { object-fit: contain; }\n\n.shot__b {\n  position: absolute;\n  width: 20px; height: 20px;\n  border: 1.5px solid var(--c-cyan);\n  opacity: 0.85;\n}\n.shot__b--tl { top: -1px; left: -1px;  border-right: 0; border-bottom: 0; border-radius: var(--r-lg) 0 0 0; }\n.shot__b--tr { top: -1px; right: -1px; border-left: 0;  border-bottom: 0; border-radius: 0 var(--r-lg) 0 0; }\n.shot__b--bl { bottom: -1px; left: -1px;  border-right: 0; border-top: 0; border-radius: 0 0 0 var(--r-lg); }\n.shot__b--br { bottom: -1px; right: -1px; border-left: 0;  border-top: 0; border-radius: 0 0 var(--r-lg) 0; }\n\n.shot__cap {\n  margin-top: var(--s-4);\n  color: var(--c-dimmer);\n  text-align: center;\n  letter-spacing: 0.08em;\n}\n\n\/* Hueco reservado: borde discontinuo y ret\u00edcula a prop\u00f3sito, para que un hueco\n   sin sustituir no pueda pasar por pieza terminada *\/\n.ph {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  place-content: center;\n  justify-items: center;\n  gap: var(--s-3);\n  padding: var(--s-4);\n  text-align: center;\n  border: 1px dashed var(--c-line-hi);\n  border-radius: var(--r-md);\n  background-image:\n    linear-gradient(to right, var(--c-line-soft) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--c-line-soft) 1px, transparent 1px);\n  background-size: 34px 34px;\n}\n.ph__icon {\n  width: clamp(30px, 2rem + 1.4vw, 42px);\n  aspect-ratio: 1;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  border: 1px solid var(--c-line-hi);\n  color: var(--c-cyan);\n  background: color-mix(in srgb, var(--c-cyan) 8%, transparent);\n}\n.ph__icon svg { width: 52%; height: 52%; }\n.ph__label { color: var(--c-cyan); letter-spacing: 0.14em; }\n.ph__spec  { color: var(--c-dimmer); letter-spacing: 0.12em; }\n.ph::after {\n  content: \"\";\n  position: absolute;\n  left: 0; right: 0; top: 0;\n  height: 30%;\n  background: linear-gradient(to bottom, transparent, var(--c-glow-soft), transparent);\n  animation: scan 5.5s var(--e-in-out) infinite;\n  pointer-events: none;\n}\n\n\n\/* ---------- 6.3 Hero y sus focos de escenario ----------\n   Dos haces que bajan desde arriba en \u00e1ngulos opuestos, m\u00e1s un resplandor\n   el\u00edptico abajo que hace de suelo iluminado. Los haces van en screen para que\n   la luz se sume como luz y no se superponga como una capa opaca; el trapecio\n   lo hace clip-path, m\u00e1s honesto que un rect\u00e1ngulo girado.\n   -------------------------------------------------------------------------- *\/\n\n.hero {\n  position: relative;\n  padding-block: clamp(3.5rem, 2rem + 7vw, 7.5rem) clamp(4rem, 2rem + 6vw, 7rem);\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.hero__stage { position: absolute; inset: 0; z-index: -1; overflow: hidden; }\n\n.hero__beam {\n  position: absolute;\n  top: -22%;\n  height: 132%;\n  width: clamp(200px, 38vw, 460px);\n  background: linear-gradient(to bottom,\n    color-mix(in srgb, var(--c-cyan) 30%, transparent),\n    color-mix(in srgb, var(--c-cyan) 8%, transparent) 46%,\n    transparent 82%);\n  \/* Estrecho arriba, abierto abajo: la forma de un foco real *\/\n  clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%);\n  filter: blur(18px);\n  mix-blend-mode: screen;\n  transform-origin: top center;\n  will-change: transform;\n}\n.hero__beam--1 {\n  left: -4%;\n  rotate: 13deg;\n  animation: beam-sway-a 17s var(--e-in-out) infinite alternate;\n}\n.hero__beam--2 {\n  right: 2%;\n  rotate: -17deg;\n  opacity: 0.85;\n  animation: beam-sway-b 23s var(--e-in-out) infinite alternate;\n}\n\n\/* Suelo iluminado, donde los dos haces caen *\/\n.hero__stage::after {\n  content: \"\";\n  position: absolute;\n  bottom: -30%;\n  left: 50%;\n  translate: -50% 0;\n  width: min(1000px, 120vw);\n  aspect-ratio: 2.4;\n  border-radius: 50%;\n  background: radial-gradient(closest-side,\n    color-mix(in srgb, var(--c-cyan) 13%, transparent), transparent 72%);\n  filter: blur(8px);\n}\n\n.hero__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(2.5rem, 1rem + 5vw, 4.5rem);\n  align-items: center;\n}\n\n.hero__title {\n  font-size: clamp(2.35rem, 1.5rem + 3.4vw, 4.35rem);\n  font-weight: 600;\n  letter-spacing: -0.035em;\n  line-height: var(--lh-tight);\n}\n\n\/* La promesa va en su propio nivel tipogr\u00e1fico, entre el titular y el cuerpo:\n   es la frase que cierra la venta y no debe leerse como un p\u00e1rrafo m\u00e1s *\/\n.hero__promise {\n  font-size: var(--t-xl);\n  font-weight: 500;\n  letter-spacing: -0.02em;\n  line-height: var(--lh-head);\n  color: var(--c-white);\n  max-width: 32ch;\n  text-wrap: balance;\n}\n.hero__promise span { color: var(--c-cyan); }\n\n.hero__lead { max-width: 56ch; color: var(--c-dim); font-size: var(--t-md); }\n\n.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-4); }\n\n\n\/* ---------- 6.5 Cinta de rubros ----------\n   Misma pieza que la cinta de plataformas de las otras plantillas, pero aqu\u00ed\n   lleva rubros: en este servicio lo que cambia de una fecha a otra es la\n   audiencia, no el canal.\n   -------------------------------------------------------------------------- *\/\n\n.ticker {\n  background: var(--c-navy);\n  border-block: 1px solid var(--c-line-soft);\n  padding-block: var(--s-5);\n  overflow: hidden;\n  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n.ticker__track {\n  display: flex;\n  width: max-content;\n  animation: slide 42s linear infinite;\n  will-change: transform;\n}\n.ticker__list {\n  display: flex;\n  align-items: center;\n  gap: clamp(1.5rem, 3vw, 3rem);\n  padding-right: clamp(1.5rem, 3vw, 3rem);\n}\n.ticker__list li {\n  \/* Caja propia con line-height fijo: sin esto, en cuanto carga IBM Plex Mono\n     alguna palabra queda unos p\u00edxeles m\u00e1s alta que el resto *\/\n  display: flex;\n  align-items: center;\n  line-height: 1;\n  height: 1.2em;\n  font-family: var(--f-mono);\n  font-size: clamp(0.8rem, 0.7rem + 0.4vw, 1rem);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--c-dimmer);\n  white-space: nowrap;\n}\n.ticker__sep { color: var(--c-cyan); }\n\n\n\/* ---------- 6.6 El programa ---------- *\/\n\n.program {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--s-4);\n  counter-reset: tema;\n}\n\n.program li {\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  gap: var(--s-3);\n  padding: clamp(1.4rem, 1rem + 1.3vw, 2rem);\n  padding-top: clamp(2.6rem, 2.1rem + 1.6vw, 3.4rem);\n  background: linear-gradient(180deg, var(--c-panel-hi), var(--c-panel));\n  border: 1px solid var(--c-line);\n  border-radius: var(--r-lg);\n  box-shadow: 0 1px 0 0 color-mix(in srgb, var(--c-white) 6%, transparent) inset,\n              0 10px 24px -18px rgba(0, 0, 0, 0.9);\n  transition: border-color var(--d-mid) var(--e-out), transform var(--d-mid) var(--e-out);\n}\n.program li:hover { border-color: var(--c-cyan-dim); transform: translateY(-4px); }\n\n\/* El n\u00famero lo genera un contador: si se a\u00f1ade o quita un tema, la numeraci\u00f3n\n   se recoloca sola y no queda un 04 hu\u00e9rfano en el marcado. *\/\n.program li::before {\n  counter-increment: tema;\n  content: \"Tema 0\" counter(tema);\n  position: absolute;\n  top: clamp(1.15rem, 0.95rem + 0.6vw, 1.6rem);\n  left: clamp(1.4rem, 1rem + 1.3vw, 2rem);\n  font-family: var(--f-mono);\n  font-size: var(--t-xs);\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--c-cyan);\n}\n\n.program h3 { font-size: var(--t-lg); font-weight: 500; letter-spacing: -0.015em; }\n.program p  { color: var(--c-dim); font-size: var(--t-sm); }\n\n\n\/* ---------- 6.7 C\u00f3mo se agenda (fondo claro) ---------- *\/\n\n.book__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: clamp(2rem, 1.4rem + 2.4vw, 3.5rem);\n  align-items: start;\n}\n\n.book__title { font-size: var(--t-2xl); letter-spacing: -0.03em; color: var(--c-on-light); }\n.book__title em {\n  color: var(--c-on-light);\n  text-decoration: underline;\n  text-decoration-color: var(--c-cyan);\n  text-decoration-thickness: 4px;\n  text-underline-offset: 6px;\n}\n\n\/* Los tres pasos comparten un ra\u00edl vertical: el pago en dos partes se entiende\n   mejor como una secuencia que como tres datos sueltos. *\/\n.book {\n  position: relative;\n  display: grid;\n  gap: var(--s-5);\n  counter-reset: paso;\n}\n.book::before {\n  content: \"\";\n  position: absolute;\n  top: 0.6em;\n  bottom: 0.6em;\n  left: 13px;\n  width: 1px;\n  background: linear-gradient(to bottom, var(--c-cyan), var(--c-on-light-line));\n}\n.book li {\n  position: relative;\n  display: grid;\n  gap: var(--s-1);\n  padding-left: calc(28px + var(--s-4));\n}\n.book li::before {\n  counter-increment: paso;\n  content: counter(paso);\n  position: absolute;\n  left: 0;\n  top: 0.1em;\n  width: 28px; height: 28px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--c-cyan);\n  color: var(--c-ink);\n  font-family: var(--f-mono);\n  font-size: var(--t-xs);\n  font-weight: 500;\n}\n\n.book__name { font-size: var(--t-md); font-weight: 600; color: var(--c-on-light); letter-spacing: -0.01em; }\n.book__text { color: var(--c-on-light-dim); font-size: var(--t-sm); }\n.book__text a {\n  color: var(--c-on-light);\n  font-weight: 600;\n  border-bottom: 2px solid var(--c-cyan);\n}\n.book__text a:hover { background: color-mix(in srgb, var(--c-cyan) 18%, transparent); }\n\n\/* Dato log\u00edstico: va aparte porque no es un paso del proceso *\/\n.travel {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: var(--s-4);\n  margin-top: var(--s-6);\n  padding: clamp(1.2rem, 1rem + 1vw, 1.6rem);\n  border: 1px solid var(--c-on-light-line);\n  border-radius: var(--r-lg);\n  background: color-mix(in srgb, var(--c-cyan) 5%, var(--c-white));\n}\n.travel__icon {\n  width: 34px; height: 34px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--c-cyan);\n  color: var(--c-ink);\n  flex: none;\n}\n.travel__icon svg { width: 17px; height: 17px; }\n.travel__text { color: var(--c-on-light-dim); font-size: var(--t-sm); }\n.travel__text b { color: var(--c-on-light); }\n\n\n\/* ---------- 6.8 Preguntas frecuentes ----------\n   <details> nativo: abre y cierra sin JavaScript y llega accesible de f\u00e1brica *\/\n\n.faq__list { border-top: 1px solid var(--c-line-soft); max-width: 84ch; }\n.faq__item { border-bottom: 1px solid var(--c-line-soft); }\n\n.faq__q {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--s-5);\n  padding-block: clamp(1.1rem, 0.9rem + 0.9vw, 1.6rem);\n  cursor: pointer;\n  font-size: var(--t-md);\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  color: var(--c-dim);\n  list-style: none;\n  transition: color var(--d-fast) var(--e-out), padding-left var(--d-mid) var(--e-out);\n}\n\/* Safari sigue pintando su tri\u00e1ngulo si no se le quita por separado *\/\n.faq__q::-webkit-details-marker { display: none; }\n.faq__q:hover { color: var(--c-white); padding-left: var(--s-3); }\n.faq__item[open] .faq__q { color: var(--c-white); }\n\n.faq__sign {\n  flex: none;\n  width: 30px; height: 30px;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--c-line-hi);\n  border-radius: 50%;\n  color: var(--c-cyan);\n  background: color-mix(in srgb, var(--c-cyan) 8%, transparent);\n  transition: transform var(--d-mid) var(--e-out);\n}\n.faq__sign svg { width: 14px; height: 14px; }\n\/* De + a \u00d7: el cambio de estado se lee en el giro, no solo en la forma final *\/\n.faq__item[open] .faq__sign { transform: rotate(135deg); }\n\n.faq__a {\n  display: grid;\n  gap: var(--s-4);\n  color: var(--c-dim);\n  font-size: var(--t-sm);\n  max-width: 70ch;\n  padding-bottom: clamp(1.1rem, 0.9rem + 0.9vw, 1.6rem);\n  padding-right: calc(30px + var(--s-5));\n}\n.faq__a a { color: var(--c-cyan); border-bottom: 1px solid var(--c-line-hi); }\n.faq__a a:hover { border-bottom-color: var(--c-cyan); }\n\n\n\/* ---------- 6.9 CTA final ---------- *\/\n\n.end::before {\n  content: \"\";\n  position: absolute;\n  bottom: -55%; left: 50%;\n  translate: -50% 0;\n  width: min(1100px, 130vw);\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background: radial-gradient(circle, var(--c-glow-soft), transparent 62%);\n  pointer-events: none;\n}\n\n.end__inner { position: relative; justify-items: center; text-align: center; }\n.end__title { font-size: var(--t-3xl); letter-spacing: -0.04em; line-height: var(--lh-tight); }\n.end__lead { color: var(--c-dim); max-width: 50ch; font-size: var(--t-md); }\n.end__note { color: var(--c-faint); letter-spacing: 0.12em; }\n\n\/* El correo, a la vista y pulsable: es la v\u00eda que pide el propio proceso *\/\n.end__mail {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.7em;\n  padding: 0.55em 1.2em;\n  border: 1px solid var(--c-line);\n  border-radius: var(--r-full);\n  background: var(--c-panel);\n  color: var(--c-cyan);\n  letter-spacing: 0.1em;\n  text-transform: none;\n  transition: border-color var(--d-fast) var(--e-out), background var(--d-fast) var(--e-out);\n}\n.end__mail svg { width: 15px; height: 15px; flex: none; }\n.end__mail:hover { border-color: var(--c-cyan); background: var(--c-panel-hi); }\n\n\n\/* ============================================================================\n   7. ANIMATIONS\n   ============================================================================ *\/\n\n\/* Los haces oscilan desde su origen, como focos colgados de una parrilla.\n   Recorridos y duraciones distintos para que nunca se muevan al un\u00edsono. *\/\n@keyframes beam-sway-a {\n  from { rotate: 11deg;  opacity: 0.9; }\n  to   { rotate: 17deg;  opacity: 1; }\n}\n@keyframes beam-sway-b {\n  from { rotate: -20deg; opacity: 0.75; }\n  to   { rotate: -13deg; opacity: 0.95; }\n}\n\n@keyframes scan {\n  0%   { transform: translateY(-110%); }\n  100% { transform: translateY(430%); }\n}\n\n@keyframes slide { to { transform: translateX(-50%); } }\n\n@keyframes underline-scan {\n  0%   { background-position: -45% 0, 0 0; }\n  100% { background-position: 145% 0, 0 0; }\n}\n\n@keyframes aurora-border {\n  0%   { border-radius: 37% 29% 27% 27% \/ 28% 25% 41% 37%; }\n  25%  { border-radius: 47% 29% 39% 49% \/ 61% 19% 66% 26%; }\n  50%  { border-radius: 57% 23% 47% 72% \/ 63% 17% 66% 33%; }\n  75%  { border-radius: 28% 49% 29% 100% \/ 93% 20% 64% 25%; }\n  100% { border-radius: 37% 29% 27% 27% \/ 28% 25% 41% 37%; }\n}\n\n@keyframes aurora-1 {\n  0%   { transform: translate(-55%, -10%); }\n  50%  { transform: translate(45%, 10%); }\n  100% { transform: translate(140%, -6%); }\n}\n@keyframes aurora-2 {\n  0%   { transform: translate(130%, 8%); }\n  50%  { transform: translate(25%, -11%); }\n  100% { transform: translate(-50%, 4%); }\n}\n@keyframes aurora-3 {\n  0%   { transform: translate(35%, -12%); }\n  50%  { transform: translate(135%, 9%); }\n  100% { transform: translate(-25%, -4%); }\n}\n@keyframes aurora-4 {\n  0%   { transform: translate(95%, 6%); }\n  50%  { transform: translate(-45%, -9%); }\n  100% { transform: translate(115%, 11%); }\n}\n\n@keyframes nudge {\n  0%, 100% { transform: translateX(0); opacity: 0.75; }\n  50%      { transform: translateX(5px); opacity: 1; }\n}\n\n@keyframes btn-bounce {\n  0%, 40%, 100% { transform: translateY(0); }\n  20%           { transform: translateY(-5px); }\n  30%           { transform: translateY(-2px); }\n}\n\n@keyframes btn-tint {\n  0%, 40%, 100% {\n    background-color: var(--c-cyan);\n    border-color: var(--c-cyan);\n    box-shadow: 0 0 0 0 transparent;\n  }\n  20% {\n    background-color: color-mix(in srgb, var(--c-cyan) 58%, var(--c-white));\n    border-color:     color-mix(in srgb, var(--c-cyan) 58%, var(--c-white));\n    box-shadow: 0 8px 26px var(--c-glow);\n  }\n}\n\n\/* --- Mejora progresiva: entradas ligadas al scroll --- *\/\n@supports (animation-timeline: view()) {\n  .program li, .book li, .travel, .shot {\n    animation: rise linear both;\n    animation-timeline: view();\n    animation-range: entry 0% cover 32%;\n  }\n  @keyframes rise {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n}\n\n\n\/* ============================================================================\n   8. RESPONSIVE\n   ============================================================================ *\/\n\n@media (min-width: 640px) {\n  .program { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 960px) {\n  .hero__grid { grid-template-columns: 1.08fr 0.92fr; }\n  .book__grid { grid-template-columns: 0.85fr 1.15fr; }\n  .program    { grid-template-columns: repeat(4, 1fr); }\n}\n\n\/* La palabra con aurora no se parte, as\u00ed que en pantallas muy estrechas se baja\n   un punto el cuerpo del titular que la contiene para que quepa *\/\n@media (max-width: 400px) {\n  .prog .sec__title { font-size: clamp(1.6rem, 1rem + 3vw, 2rem); }\n}\n\n\n\/* ============================================================================\n   9. PREFERENCIAS\n   ============================================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n  *, *::before, *::after {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    animation-delay: 0s !important;\n    transition-duration: 0.001ms !important;\n    scroll-behavior: auto !important;\n  }\n  \/* Los haces se quedan quietos pero se mantienen: sin movimiento siguen\n     funcionando como iluminaci\u00f3n, a diferencia de los anillos o el pulso de\n     otras plantillas, que sin animaci\u00f3n no se leer\u00edan. *\/\n  .aurora, .ph::after { display: none; }\n  .aurora-word { color: var(--c-cyan); }\n  .aurora-word::after { animation: none !important; background: var(--c-cyan); }\n  .btn, .btn__arrow { animation: none !important; }\n  .program li, .book li, .travel, .shot { transform: none !important; opacity: 1 !important; }\n}\n\n@media print {\n  .hero__stage, .ticker, .ph::after { display: none; }\n  body { background: #fff; color: #000; }\n  .faq__a { display: grid !important; }\n}\n\n<\/style>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Conferencias\",\n  \"serviceType\": \"Conferencia sobre publicidad online\",\n  \"url\": \"https:\/\/jpdirector.net\/conferencias\/\",\n  \"description\": \"Conferencia sobre la importancia de la publicidad online, con el contenido y los casos enfocados en el rubro de la audiencia: seguros, abogados, real estate, m\u00e9dicos, salones de belleza, coaching, restaurantes y cualquier negocio o emprendimiento.\",\n  \"areaServed\": { \"@type\": \"Country\", \"name\": \"Estados Unidos\" },\n  \"provider\": {\n    \"@type\": \"Person\",\n    \"name\": \"Jorge P\u00e9rez\",\n    \"alternateName\": \"JP Director\",\n    \"url\": \"https:\/\/jpdirector.net\/\"\n  }\n}\n<\/script>\n\n\n\n\n<main id=\"main\">\n\n<!-- ============================================================\n     01. HERO \u2014 focos de escenario\n     ============================================================ -->\n<section class=\"hero\" id=\"inicio\" aria-labelledby=\"hero-title\">\n\n  <div class=\"hero__stage\" aria-hidden=\"true\">\n    <span class=\"hero__beam hero__beam--1\"><\/span>\n    <span class=\"hero__beam hero__beam--2\"><\/span>\n  <\/div>\n\n  <div class=\"wrap hero__grid\">\n\n    <div class=\"hero__copy stack\">\n      <p class=\"eyebrow\">[ Servicio 05 \u00b7 Conferencias ]<\/p>\n\n      <h1 class=\"hero__title\" id=\"hero-title\">\n        <em class=\"aurora-word\">Conferencias<span class=\"aurora\" aria-hidden=\"true\"><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><\/span><\/em>\n      <\/h1>\n\n      <p class=\"hero__promise\">\n        Casos reales <span>+<\/span> estrategia clara <span>+<\/span> aplicaci\u00f3n inmediata.\n      <\/p>\n\n      <p class=\"hero__lead\">\n        Contr\u00e1tame para exponer la importancia de la publicidad online enfocada en el\n        rubro que desees, con ejemplos que tu audiencia pueda aplicar.\n      <\/p>\n\n      <div class=\"hero__actions\">\n        <a class=\"btn btn--arrow\" href=\"https:\/\/jpdirector.net\/contact\/\"><span class=\"btn__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M3.5 12h15\"><\/path><path d=\"M12.5 5.5 19 12l-6.5 6.5\"><\/path><\/svg><\/span>Cont\u00e1ctame<\/a>\n        <a class=\"btn btn--ghost\" href=\"#programa\">Ver el programa<\/a>\n      <\/div>\n    <\/div>\n\n    <figure class=\"shot\">\n      <div class=\"shot__frame\">\n        <span class=\"shot__b shot__b--tl\" aria-hidden=\"true\"><\/span>\n        <span class=\"shot__b shot__b--tr\" aria-hidden=\"true\"><\/span>\n        <span class=\"shot__b shot__b--bl\" aria-hidden=\"true\"><\/span>\n        <span class=\"shot__b shot__b--br\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"shot__screen\" style=\"--ar: 16 \/ 9\">\n          <img class=\"shot__img\" src=\"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg\" alt=\"REVISAR: describe aqu\u00ed lo que muestra la imagen\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n        <\/div>\n      <\/div>\n      <figcaption class=\"shot__cap mono\">Conferencia para empresas y emprendedores<\/figcaption>\n    <\/figure>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     02. CINTA DE RUBROS\n     ============================================================ -->\n<section class=\"ticker\" aria-label=\"Rubros para los que preparo la conferencia\">\n  <div class=\"ticker__track\">\n    <ul class=\"ticker__list\">\n      <li>Seguros<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>Abogados<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>Real Estate<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>M\u00e9dicos<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>Salones de belleza<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>Coaching<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n      <li>Restaurantes<\/li><li aria-hidden=\"true\" class=\"ticker__sep\">\/<\/li>\n    <\/ul>\n    <ul class=\"ticker__list\" aria-hidden=\"true\">\n      <li>Seguros<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>Abogados<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>Real Estate<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>M\u00e9dicos<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>Salones de belleza<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>Coaching<\/li><li class=\"ticker__sep\">\/<\/li>\n      <li>Restaurantes<\/li><li class=\"ticker__sep\">\/<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     03. EL PROGRAMA \u2014 los cuatro temas\n     ============================================================ -->\n<section class=\"prog\" id=\"programa\" aria-labelledby=\"prog-title\">\n  <div class=\"wrap\">\n\n    <header class=\"sec__head stack\">\n      <p class=\"sec__mark mono\">01 \u00b7 El programa<\/p>\n      <h2 class=\"sec__title\" id=\"prog-title\">\n        Lo que traigo al <em class=\"aurora-word\">escenario<span class=\"aurora aurora--b\" aria-hidden=\"true\"><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><i class=\"aurora__item\"><\/i><\/span><\/em>\n      <\/h2>\n      <p class=\"sec__lead\">\n        Cuatro bloques que se ajustan al rubro y al nivel de la audiencia. La charla se\n        arma sobre ellos, no sobre una presentaci\u00f3n enlatada.\n      <\/p>\n    <\/header>\n\n    <ol class=\"program\">\n\n      <li>\n        <h3>Publicidad online<\/h3>\n        <p>\n          La importancia de estar presentes y las maneras de lograr el \u00e9xito, con casos\n          reales sobre la mesa.\n        <\/p>\n      <\/li>\n\n      <li>\n        <h3>Actualizaciones y rapidez de la tecnolog\u00eda<\/h3>\n        <p>\n          Mientras lees esto seguro sali\u00f3 una actualizaci\u00f3n de alguna herramienta o una\n          nueva funcionalidad. Por eso ese d\u00eda hablamos de lo actual.\n        <\/p>\n      <\/li>\n\n      <li>\n        <h3>Motivaci\u00f3n<\/h3>\n        <p>\n          Se necesita mucho coraje para llevar un negocio y cumplir con los objetivos\n          del d\u00eda a d\u00eda. Cuento mi trayectoria para inspirar y dar el ejemplo de que s\u00ed\n          es posible.\n        <\/p>\n      <\/li>\n\n      <li>\n        <h3>Casos especializados<\/h3>\n        <p>\n          Si tu audiencia es una empresa de seguros y quiere ejemplos de c\u00f3mo hacer\n          publicidad, entonces manos a la obra. Expongo temas y casos que entiendan y\n          les sirvan en su d\u00eda a d\u00eda. Esto es solo un ejemplo: puede ser con cualquier\n          tipo de rubro.\n        <\/p>\n      <\/li>\n\n    <\/ol>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     04. C\u00d3MO SE AGENDA \u2014 ruptura de fondo\n     ============================================================ -->\n<section class=\"book__sec\" id=\"agendar\" aria-labelledby=\"book-title\">\n  <div class=\"wrap book__grid\">\n\n    <div class=\"book__copy stack\">\n      <p class=\"sec__mark sec__mark--dark mono\">02 \u00b7 C\u00f3mo se agenda<\/p>\n      <h2 class=\"book__title\" id=\"book-title\">\n        Tres pasos y <em>fecha cerrada<\/em>\n      <\/h2>\n      <p class=\"sec__lead sec__lead--dark\">\n        El proceso es corto y el pago va en dos partes, as\u00ed que la fecha queda\n        reservada desde el primer momento.\n      <\/p>\n      <a class=\"btn btn--dark\" href=\"mailto:hola@jpdirector.net\">Escr\u00edbeme por correo<\/a>\n    <\/div>\n\n    <div>\n      <ol class=\"book\">\n\n        <li>\n          <p class=\"book__name\">Consultamos la fecha<\/p>\n          <p class=\"book__text\">\n            Escr\u00edbeme a <a href=\"mailto:hola@jpdirector.net\">hola@jpdirector.net<\/a> para\n            chequear si ese d\u00eda est\u00e1 disponible.\n          <\/p>\n        <\/li>\n\n        <li>\n          <p class=\"book__name\">Reservas con el 50%<\/p>\n          <p class=\"book__text\">\n            Si la fecha est\u00e1 libre, un primer pago del 50% del costo de la conferencia\n            deja el d\u00eda bloqueado.\n          <\/p>\n        <\/li>\n\n        <li>\n          <p class=\"book__name\">Saldas el 50% restante<\/p>\n          <p class=\"book__text\">\n            El otro 50% debe quedar cancelado cinco d\u00edas antes del evento.\n          <\/p>\n        <\/li>\n\n      <\/ol>\n\n      <div class=\"travel\">\n        <span class=\"travel__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M3 14.5 20.5 9 19 4.5 14 8 8.5 5.5 6 6.5l3.5 3.5-4 1.5-2-1.5-1 1z\"><\/path><path d=\"M4 20h16\"><\/path><\/svg><\/span>\n        <p class=\"travel__text\">\n          <b>Viajo a cualquier estado de Estados Unidos.<\/b> Solo hay que coordinar los\n          boletos de avi\u00f3n, el hospedaje y los vi\u00e1ticos.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     05. PREGUNTAS FRECUENTES\n     ============================================================ -->\n<section class=\"faq\" id=\"faq\" aria-labelledby=\"faq-title\">\n  <div class=\"wrap\">\n\n    <header class=\"sec__head stack\">\n      <p class=\"sec__mark mono\">03 \u00b7 Preguntas frecuentes<\/p>\n      <h2 class=\"sec__title\" id=\"faq-title\">Lo que suelen preguntarme antes de contratar<\/h2>\n    <\/header>\n\n    <div class=\"faq__list\">\n\n      <details class=\"faq__item\">\n        <summary class=\"faq__q\">\n          \u00bfC\u00f3mo funciona el proceso para agendar la fecha?\n          <span class=\"faq__sign\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" focusable=\"false\"><path d=\"M12 5v14M5 12h14\"><\/path><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq__a\">\n          <p>\n            Escr\u00edbeme a <a href=\"mailto:hola@jpdirector.net\">hola@jpdirector.net<\/a> para\n            chequear si ese d\u00eda est\u00e1 disponible. Si es el caso, puedes hacer un pago de\n            dos partes: 50% del costo de la conferencia, y el otro 50% debe ser\n            cancelado cinco d\u00edas antes del evento.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"faq__item\">\n        <summary class=\"faq__q\">\n          \u00bfPuedes asistir a cualquier estado dentro de los Estados Unidos?\n          <span class=\"faq__sign\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" focusable=\"false\"><path d=\"M12 5v14M5 12h14\"><\/path><\/svg><\/span>\n        <\/summary>\n        <div class=\"faq__a\">\n          <p>\n            Claro. Solo debemos coordinar los boletos de avi\u00f3n, el hospedaje y los\n            vi\u00e1ticos.\n          <\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     06. CTA FINAL\n     ============================================================ -->\n<section class=\"end\" id=\"contacto\" aria-labelledby=\"end-title\">\n  <div class=\"wrap end__inner stack stack--loose\">\n    <p class=\"eyebrow\">[ Siguiente paso ]<\/p>\n    <h2 class=\"end__title\" id=\"end-title\">\n      Dime la fecha y el <em>rubro<\/em>\n    <\/h2>\n    <p class=\"end__lead\">\n      Con esos dos datos te confirmo disponibilidad y armo el contenido para tu\n      audiencia.\n    <\/p>\n    <a class=\"btn btn--lg btn--arrow\" href=\"https:\/\/jpdirector.net\/contact\/\"><span class=\"btn__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><path d=\"M3.5 12h15\"><\/path><path d=\"M12.5 5.5 19 12l-6.5 6.5\"><\/path><\/svg><\/span>Cont\u00e1ctame<\/a>\n    <a class=\"end__mail mono\" href=\"mailto:hola@jpdirector.net\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"2.5\"><\/rect><path d=\"m3.5 7 8.5 6 8.5-6\"><\/path><\/svg>\n      hola@jpdirector.net\n    <\/a>\n    <p class=\"end__note mono\">Respuesta directa del equipo de JP Director<\/p>\n  <\/div>\n<\/section>\n\n<\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gspb_container-id-gsbp-f669173{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-f669173.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-f669173.gspb_container{position:relative;box-sizing:border-box}","footnotes":""},"class_list":["post-4322","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Conferencista de Publicidad Digital y Marketing | JP Director<\/title>\n<meta name=\"description\" content=\"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jpdirector.net\/en\/conferencias\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conferencista de Publicidad Digital y Marketing | JP Director\" \/>\n<meta property=\"og:description\" content=\"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jpdirector.net\/en\/conferencias\/\" \/>\n<meta property=\"og:site_name\" content=\"JP Director\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/jpdirector\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-10T21:50:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/\",\"url\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/\",\"name\":\"Conferencista de Publicidad Digital y Marketing | JP Director\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jpdirector.net\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IMG_9030-1-scaled.jpg\",\"datePublished\":\"2026-08-27T21:47:48+00:00\",\"dateModified\":\"2026-09-10T21:50:09+00:00\",\"description\":\"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jpdirector.net\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IMG_9030-1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/jpdirector.net\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IMG_9030-1-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/conferencias\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/jpdirector.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conferencias\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#website\",\"url\":\"https:\\\/\\\/jpdirector.net\\\/\",\"name\":\"JP Director\",\"description\":\"JP Director\",\"publisher\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jpdirector.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#organization\",\"name\":\"JP Director\",\"url\":\"https:\\\/\\\/jpdirector.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jpdirector.net\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo-home-08-1.png\",\"contentUrl\":\"https:\\\/\\\/jpdirector.net\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Logo-home-08-1.png\",\"width\":330,\"height\":76,\"caption\":\"JP Director\"},\"image\":{\"@id\":\"https:\\\/\\\/jpdirector.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/jpdirector\",\"https:\\\/\\\/www.instagram.com\\\/jp.director\\\/?hl=en\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/jpdirector\\\/?locale=en_US\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conferencista de Publicidad Digital y Marketing | JP Director","description":"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jpdirector.net\/en\/conferencias\/","og_locale":"en_US","og_type":"article","og_title":"Conferencista de Publicidad Digital y Marketing | JP Director","og_description":"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.","og_url":"https:\/\/jpdirector.net\/en\/conferencias\/","og_site_name":"JP Director","article_publisher":"https:\/\/www.facebook.com\/jpdirector","article_modified_time":"2026-09-10T21:50:09+00:00","og_image":[{"url":"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jpdirector.net\/conferencias\/","url":"https:\/\/jpdirector.net\/conferencias\/","name":"Conferencista de Publicidad Digital y Marketing | JP Director","isPartOf":{"@id":"https:\/\/jpdirector.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jpdirector.net\/conferencias\/#primaryimage"},"image":{"@id":"https:\/\/jpdirector.net\/conferencias\/#primaryimage"},"thumbnailUrl":"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg","datePublished":"2026-08-27T21:47:48+00:00","dateModified":"2026-09-10T21:50:09+00:00","description":"Conferencias din\u00e1micas sobre publicidad online adaptadas a tu sector. Aprende estrategias con casos reales para hacer crecer tu negocio.","breadcrumb":{"@id":"https:\/\/jpdirector.net\/conferencias\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jpdirector.net\/conferencias\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jpdirector.net\/conferencias\/#primaryimage","url":"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg","contentUrl":"https:\/\/jpdirector.net\/wp-content\/uploads\/2026\/09\/IMG_9030-1-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/jpdirector.net\/conferencias\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/jpdirector.net\/"},{"@type":"ListItem","position":2,"name":"Conferencias"}]},{"@type":"WebSite","@id":"https:\/\/jpdirector.net\/#website","url":"https:\/\/jpdirector.net\/","name":"JP Director","description":"JP Director","publisher":{"@id":"https:\/\/jpdirector.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jpdirector.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jpdirector.net\/#organization","name":"JP Director","url":"https:\/\/jpdirector.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jpdirector.net\/#\/schema\/logo\/image\/","url":"https:\/\/jpdirector.net\/wp-content\/uploads\/2025\/10\/Logo-home-08-1.png","contentUrl":"https:\/\/jpdirector.net\/wp-content\/uploads\/2025\/10\/Logo-home-08-1.png","width":330,"height":76,"caption":"JP Director"},"image":{"@id":"https:\/\/jpdirector.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/jpdirector","https:\/\/www.instagram.com\/jp.director\/?hl=en","https:\/\/www.linkedin.com\/in\/jpdirector\/?locale=en_US"]}]}},"_links":{"self":[{"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/pages\/4322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/comments?post=4322"}],"version-history":[{"count":5,"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/pages\/4322\/revisions"}],"predecessor-version":[{"id":4436,"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/pages\/4322\/revisions\/4436"}],"wp:attachment":[{"href":"https:\/\/jpdirector.net\/en\/wp-json\/wp\/v2\/media?parent=4322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}