{"id":97,"date":"2026-01-08T23:31:38","date_gmt":"2026-01-08T23:31:38","guid":{"rendered":"https:\/\/trascender-embalsamar.com\/home\/?page_id=97"},"modified":"2026-01-17T00:25:21","modified_gmt":"2026-01-17T00:25:21","slug":"jornada-virtual","status":"publish","type":"page","link":"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-virtual\/","title":{"rendered":"Jornada Virtual"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"97\" class=\"elementor elementor-97\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6484175 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"6484175\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e77c7d elementor-widget elementor-widget-html\" data-id=\"5e77c7d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRASCENDER \u2022 FIXED BACKGROUND (Widget 1) \u2014 SIN LOADING + TRANSICI\u00d3N SLIDE (2000ms) -->\n<div id=\"trFixedBg\" class=\"tr-fullwidth\" aria-hidden=\"true\">\n  <!-- Fondo base (Fondo00 -> Fondo2) -->\n  <div class=\"tr-bg tr-bg1 tr-bg1-a\"><\/div>\n  <div class=\"tr-bg tr-bg1 tr-bg1-b\"><\/div>\n\n  <!-- Capa superior (fondo-ppl01 -> se va hacia arriba con fade out) -->\n  <div class=\"tr-bg tr-bg2\"><\/div>\n<\/div>\n\n<style>\n\/* Full width real *\/\n.tr-fullwidth{\n  width:100vw !important;\n  max-width:100vw !important;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n}\n\n\/* Contenedor fijo detr\u00e1s de todo *\/\n#trFixedBg{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n}\n\n\/* Degradado base fijo *\/\n#trFixedBg::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(135deg,#1b0931,#230449,#481982);\n  z-index:0;\n}\n\n\/* Capas de imagen *\/\n#trFixedBg .tr-bg{\n  position:absolute;\n  inset:0;\n  background-size:cover;\n  background-position:center;\n  z-index:1;\n  will-change:transform, opacity;\n}\n\n\/* ---------- BG1: Fondo00 -> Fondo2 ---------- *\/\n\/* Fondo00 (visible al inicio) *\/\n#trFixedBg .tr-bg1-a{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/Fondo00.png\");\n  opacity:.15;\n  transform:translateY(0);\n  z-index:1;\n}\n\n\/* Fondo2 (entra despu\u00e9s) *\/\n#trFixedBg .tr-bg1-b{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/fondo2.png\");\n  opacity:0;\n  transform:translateY(8vh);\n  z-index:1;\n}\n\n\/* Al activar el cambio: Fondo00 sale \/ Fondo2 entra *\/\n#trFixedBg.tr-swap-bg1 .tr-bg1-a{\n  animation:trBg1Out 2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n#trFixedBg.tr-swap-bg1 .tr-bg1-b{\n  animation:trBg1In  2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n\n\/* \u2705 Fondo00 SALE HACIA ABAJO (slide down) *\/\n@keyframes trBg1Out{\n  to{ transform:translateY(10vh); opacity:0; }\n}\n\n\/* Fondo2 ENTRA desde abajo a su lugar *\/\n@keyframes trBg1In{\n  to{ transform:translateY(0); opacity:.15; }\n}\n\n\/* ---------- BG2: fondo-ppl01 (se va hacia arriba con fade out) ---------- *\/\n#trFixedBg .tr-bg2{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/fondo-ppl01.png\");\n  z-index:2;\n  opacity:.12;\n  transform:translateY(0);\n}\n\n\/* Cuando entra la secci\u00f3n (o al cargar), hacemos que desaparezca *\/\n#trFixedBg.tr-hide-bg2 .tr-bg2{\n  animation:trBg2UpFade 2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n@keyframes trBg2UpFade{\n  to{ transform:translateY(-12vh); opacity:0; }\n}\n\n\/* Reduced motion *\/\n@media(prefers-reduced-motion:reduce){\n  #trFixedBg *{animation:none!important;transition:none!important;transform:none!important;}\n}\n<\/style>\n\n<script>\n\/* SIN LOADING: Disparamos animaciones al cargar (y tambi\u00e9n cuando el widget entra al viewport) *\/\n(() => {\n  const bg = document.getElementById(\"trFixedBg\");\n  if(!bg) return;\n\n  const run = () => {\n    bg.classList.add(\"tr-hide-bg2\");   \/\/ fondo-ppl01 sale arriba + fade out (2000ms)\n    bg.classList.add(\"tr-swap-bg1\");   \/\/ Fondo00 sale abajo + Fondo2 entra (2000ms)\n  };\n\n  if (document.readyState === \"complete\") run();\n  else window.addEventListener(\"load\", run, { once:true });\n\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if(e.isIntersecting){\n        run();\n        io.disconnect();\n      }\n    });\n  }, { threshold: 0.2 });\n\n  io.observe(bg);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26c23ff elementor-widget elementor-widget-html\" data-id=\"26c23ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRASCENDER \u2022 JORNADA VIRTUAL + PONENTES (MISMO ESTILO)\n     \u2705 Capa 1 aparece al cargar (sin scroll requerido)\n     \u2705 Capa 1 fija (no se mueve al subir)\n     \u2705 Capa 2 aparece al bajar \/ bot\u00f3n \u201cVer Ponentes\u201d\n     \u2705 Al entrar a capa 2, capa 1 se OCULTA (opacity + visibility)\n     \u2705 Fotos sin recorte (object-fit: contain)\n     \u2705 Filtro por d\u00eda\n     \u2705 Sin loader\n     \u2705 Botones Inicio + Jornada Presencial FUNCIONAN (pointer-events + JS capture)\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kodchasan:wght@400;600;700&family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"tr-vj tr-fullwidth\" id=\"trVJ\">\n  <div class=\"tr-stage\" id=\"trVJStage\" aria-label=\"Jornada virtual y ponentes\">\n    <div class=\"tr-progress\" aria-hidden=\"true\"><\/div>\n\n    <!-- ===== CAPA 1: JORNADA VIRTUAL ===== -->\n    <section class=\"tr-layer tr-layer--a is-active\" id=\"trLayerA\" aria-label=\"Jornada Virtual\">\n      <div class=\"tr-a\">\n        <div class=\"tr-a__block\" id=\"trABlock\">\n          <!-- NAV SUPERIOR -->\n          <div class=\"tr-a__nav\" aria-label=\"Navegaci\u00f3n\">\n            <button\n              class=\"tr-linkBtn\"\n              type=\"button\"\n              data-href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/inicio\/\"\n              aria-label=\"Ir a Inicio\"\n            >Inicio<\/button>\n\n            <button\n              class=\"tr-linkBtn\"\n              type=\"button\"\n              data-href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-presencial\/\"\n              aria-label=\"Ir a Jornada Presencial\"\n            >Jornada Presencial<\/button>\n            <a class=\"trm-btn trm-btn--gold\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\n          <\/div>\n\n          <h1 class=\"tr-a__title\" id=\"trATitle\">Jornada Virtual<\/h1>\n          <p class=\"tr-a__subtitle\" id=\"trASub\">de Desarrollo de Alto Impacto<\/p>\n\n          <div class=\"tr-a__meta\">\n            <div class=\"tr-pill\" id=\"trADate\">\n              <span class=\"tr-pill__k\">Del<\/span>\n              <span class=\"tr-pill__v\">26 al 30 de Abril<\/span>\n            <\/div>\n            <div class=\"tr-pill\" id=\"trAVia\">\n              <span class=\"tr-pill__k\">V\u00eda<\/span>\n              <span class=\"tr-pill__v\">Zoom<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tr-a__hint\" id=\"trAHint\">\n            <span class=\"tr-a__hintLabel\">Ver Ponentes<\/span>\n            <span class=\"tr-a__hintArrow\" aria-hidden=\"true\">\u2193<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button class=\"tr-nav tr-nav--down\" type=\"button\" id=\"trGoSpeakers\" aria-label=\"Ver Ponentes\">\n        <span class=\"tr-nav__label\">Ver Ponentes<\/span>\n        <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2193<\/span>\n      <\/button>\n    <\/section>\n\n    <!-- ===== CAPA 2: PONENTES ===== -->\n    <section class=\"tr-layer tr-layer--b\" id=\"trLayerB\" aria-label=\"Ponentes\">\n      <div class=\"tr-b\">\n        <header class=\"tr-b__top\" id=\"trBTop\">\n          <div class=\"tr-b__head\">\n            <h2 class=\"tr-b__title\" id=\"trBTitle\">Ponentes<\/h2>\n            <p class=\"tr-b__lead\" id=\"trBLead\">Explora por d\u00eda y consulta cada m\u00f3dulo de la jornada virtual.<\/p>\n          <\/div>\n\n          <div class=\"tr-days\" role=\"tablist\" aria-label=\"Filtrar por d\u00eda\">\n            <button class=\"tr-chip is-active\" type=\"button\" data-day=\"all\" role=\"tab\" aria-selected=\"true\">Todos<\/button>\n            <button class=\"tr-chip\" type=\"button\" data-day=\"26\" role=\"tab\" aria-selected=\"false\">26 Abr<\/button>\n            <button class=\"tr-chip\" type=\"button\" data-day=\"27\" role=\"tab\" aria-selected=\"false\">27 Abr<\/button>\n            <button class=\"tr-chip\" type=\"button\" data-day=\"28\" role=\"tab\" aria-selected=\"false\">28 Abr<\/button>\n            <button class=\"tr-chip\" type=\"button\" data-day=\"29\" role=\"tab\" aria-selected=\"false\">29 Abr<\/button>\n            <button class=\"tr-chip\" type=\"button\" data-day=\"30\" role=\"tab\" aria-selected=\"false\">30 Abr<\/button>\n          <\/div>\n        <\/header>\n\n        <div class=\"tr-grid\" id=\"trGrid\">\n          <!-- 26 ABR -->\n          <article class=\"tr-card\" data-day=\"26\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/licroberto.png\" alt=\"Lic. Roberto Ocampo Bahena\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 1 \u2022 26 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">Lic. Roberto Ocampo Bahena<\/h3>\n              <p class=\"tr-card__topic\">Principios \u00e9ticos del embalsamamiento para una pr\u00e1ctica responsable y digna<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"tr-card\" data-day=\"26\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/cdmario.png\" alt=\"C.D. Mario Abraham Robles Res\u00e9ndiz\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 2 \u2022 26 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">C.D. Mario Abraham Robles Res\u00e9ndiz<\/h3>\n              <p class=\"tr-card__topic\">Bases anat\u00f3micas indispensables para un embalsamamiento profesional<\/p>\n            <\/div>\n          <\/article>\n\n          <!-- 27 ABR -->\n          <article class=\"tr-card\" data-day=\"27\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/tsukatia.png\" alt=\"TSU. Katia Janeth Castillo Orozco\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 3 \u2022 27 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">TSU. Katia Janeth Castillo Orozco<\/h3>\n              <p class=\"tr-card__topic\">Infraestructura y equipamiento t\u00e9cnico indispensable en una sala de embalsamamiento<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"tr-card\" data-day=\"27\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/ingjorgeluis.png\" alt=\"Ing. Jorge Luis D\u00edaz Figueroa\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 4 \u2022 27 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">Ing. Jorge Luis D\u00edaz Figueroa<\/h3>\n              <p class=\"tr-card__topic\">Estrategia de comunicaci\u00f3n efectiva para ofrecer un embalsamamiento de alto nivel<\/p>\n            <\/div>\n          <\/article>\n\n          <!-- 28 ABR -->\n          <article class=\"tr-card\" data-day=\"28\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/licjessica.png\" alt=\"Lic. Jessica Viridiana Rojas Calder\u00f3n\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 5 \u2022 28 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">Lic. Jessica Viridiana Rojas Calder\u00f3n<\/h3>\n              <p class=\"tr-card__topic\">Bases legales para el ejercicio profesional del embalsamamiento<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"tr-card\" data-day=\"28\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/temiguel.png\" alt=\"T.E. Miguel \u00c1ngel Rodr\u00edguez Campos\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 6 \u2022 28 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">T.E. Miguel \u00c1ngel Rodr\u00edguez Campos<\/h3>\n              <p class=\"tr-card__topic\">Riesgos ocultos del embalsamamiento y su manejo t\u00e9cnico especializado<\/p>\n            <\/div>\n          <\/article>\n\n          <!-- 29 ABR -->\n          <article class=\"tr-card\" data-day=\"29\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/liccamilo.png\" alt=\"Lic. Camilo Andr\u00e9s Jaramillo Uribe\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 7 \u2022 29 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">Lic. Camilo Andr\u00e9s Jaramillo Uribe<\/h3>\n              <p class=\"tr-card__topic\">Puntos previos esenciales para preparar el rostro antes del arte restaurativo<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"tr-card\" data-day=\"29\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/drdavid.png\" alt=\"Dr. David Bedoya Oquendo\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 8 \u2022 29 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">Dr. David Bedoya Oquendo<\/h3>\n              <p class=\"tr-card__topic\">Procedimientos t\u00e9cnicos de arte restaurativo para una reconstrucci\u00f3n precisa y digna<\/p>\n            <\/div>\n          <\/article>\n\n          <!-- 30 ABR -->\n          <article class=\"tr-card\" data-day=\"30\">\n            <div class=\"tr-card__media\">\n              <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/muaviridiana.png\" alt=\"M.U.A. Viridiana Valencia Gonz\u00e1lez\" loading=\"lazy\" decoding=\"async\">\n              <div class=\"tr-card__tag\">M\u00f3dulo 9 \u2022 30 Abril<\/div>\n            <\/div>\n            <div class=\"tr-card__body\">\n              <h3 class=\"tr-card__name\">M.U.A. Viridiana Valencia Gonz\u00e1lez<\/h3>\n              <p class=\"tr-card__topic\">Procedimientos profesionales de maquillaje mortuorio para una imagen digna<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <button class=\"tr-nav tr-nav--up\" type=\"button\" id=\"trBackTop\" aria-label=\"Regresar a Jornada Virtual\">\n          <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2191<\/span>\n          <span class=\"tr-nav__label\">Regresar<\/span>\n        <\/button>\n      <\/div>\n    <\/section>\n\n    <div class=\"tr-sentinel\" aria-hidden=\"true\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* 1. ROMPER LA JAULA DE ELEMENTOR (Global) *\/\n.elementor-section, .elementor-column, .elementor-widget-container, .e-con {\n    overflow: visible !important;\n    height: auto !important;\n}\n\n.tr-fullwidth{\n  width:100vw !important;\n  max-width:100vw !important;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n}\n\n.tr-vj{\n  --bg1:#1b0931;\n  --bg2:#230449;\n  --bg3:#481982;\n\n  --font-h1:\"Kodchasan\",\"Trebuchet MS\",\"Segoe UI\",system-ui,Arial,sans-serif;\n  --font-body:\"Poppins\",\"Inter\",\"Segoe UI\",Arial,sans-serif;\n\n  --title:#ffde59;\n  --subtitle:#D7B6FF;\n  --muted:#CBB7FF;\n\n  position:relative;\n  z-index:10;\n}\n#trVJ, #trVJ *{ box-sizing:border-box; }\n\n.tr-stage{\n  position:fixed !important;\n  width:100%;\n  height:100vh;\n  min-height:100svh;\n  overflow:hidden !important;\n  pointer-events: none;\n  \n  \n  \n  scroll-behavior:smooth;\n  -webkit-overflow-scrolling:touch;\n  font-family:var(--font-body);\n  background:transparent;\n  color:rgba(255,255,255,.88);\n  isolation:isolate;\n  z-index: 5;\n}\n.tr-stage::-webkit-scrollbar{ width:0; height:0; }\n\n.tr-progress{\n  position:fixed;\n  left:0;\n  top:0;\n  height:2px;\n  width:0%;\n  background:rgba(255,222,89,.9);\n  z-index:50;\n}\n\n.tr-sentinel{ height:220svh; width:1px; }\n\n\/* ===== FIX CLAVE: layers ===== *\/\n.tr-layer{\n  position:fixed;\n  inset:0;\n  display:grid;\n  place-items:center;\n  z-index:30;\n\n  pointer-events:none;\n  touch-action:none;\n\n  \/* \u2705 transici\u00f3n real entre capas *\/\n  transition: opacity .4s ease, transform .4s ease, visibility 0s linear .35s;\n  will-change: opacity, transform;\n  visibility:hidden;\n  opacity:0;\n}\n\n\/* \u2705 capa activa visible *\/\n.tr-layer.is-active{\n  pointer-events:auto;\n  touch-action:pan-y;\n\n  visibility:visible;\n  opacity:1;\n  transition: opacity .35s ease, transform .35s ease, visibility 0s;\n}\n\n\/* ===== CAPA 1 ===== *\/\n.tr-layer--a{\n  transform:none;\n  z-index:31;\n}\n.tr-layer--a:not(.is-active){\n  \/* cuando NO est\u00e1 activa, adem\u00e1s de opacity 0, queda realmente oculta *\/\n  visibility:hidden;\n}\n\n.tr-a{\n  width:100%;\n  max-width:1120px;\n  padding-inline:clamp(16px,4vw,48px);\n  display:grid;\n  place-items:center;\n}\n.tr-a__block{\n  width:min(860px, 100%);\n  text-align:center;\n  padding: clamp(18px, 4vw, 30px);\n  border-radius:24px;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.14);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  box-shadow: 0 22px 55px rgba(0,0,0,.22);\n  overflow:hidden;\n  opacity:1;\n  transform:translate3d(0,16px,0) scale(.99);\n  will-change:transform, opacity;\n}\n\n\/* NAV *\/\n.tr-a__nav{\n  display:flex;\n  justify-content:flex-end;\n  gap:8px;\n  margin-bottom:12px;\n  position:relative;\n  z-index:10;\n}\n.tr-linkBtn{\n  appearance:none;\n  -webkit-appearance:none;\n  border:1px solid rgba(255,255,255,.3);\n  background:rgba(0,0,0,.25);\n  color:#fff;\n  cursor:pointer;\n  border-radius:999px;\n  padding:8px 14px;\n  font-size:12px;\n  font-weight:600;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  transition:background .2s ease, border-color .2s ease, transform .2s ease;\n}\n.tr-linkBtn:hover{\n  background:rgba(255,222,89,.2);\n  border-color:rgba(255,222,89,.7);\n  transform:translateY(-1px);\n}\n\n.tr-layer--a.is-loaded .tr-a__block{\n  animation: trAIn 900ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n@keyframes trAIn{ to{ opacity:1; transform:translate3d(0,0,0) scale(1); } }\n\n.tr-a__title{\n  font-family:var(--font-h1);\n  color:var(--title);\n  text-transform:uppercase;\n  margin:0 0 8px;\n  font-size:clamp(30px,4.2vw,56px);\n  letter-spacing:.02em;\n  opacity:1;\n  transform:translate3d(0,12px,0);\n}\n.tr-a__subtitle{\n  margin:0 0 18px;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  color:var(--subtitle);\n  font-size:clamp(12px,1.7vw,16px);\n  opacity:1;\n  transform:translate3d(0,12px,0);\n}\n.tr-a__meta{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n}\n.tr-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:rgba(255,255,255,.92);\n  opacity:1;\n  transform:translate3d(0,10px,0);\n}\n.tr-pill__k{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; opacity:.8; }\n.tr-pill__v{ font-weight:700; }\n\n.tr-a__hint{\n  margin-top:18px;\n  display:inline-flex;\n  flex-direction:column;\n  align-items:center;\n  gap:6px;\n  opacity:1;\n  transform:translate3d(0,10px,0);\n}\n.tr-a__hintLabel{\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  opacity:.88;\n}\n.tr-a__hintArrow{\n  font-size:22px;\n  line-height:1;\n  animation:trBop 1.6s ease-in-out infinite;\n}\n@keyframes trBop{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }\n\n.tr-layer--a.is-loaded #trATitle{ animation: trFadeUp 700ms 120ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trASub  { animation: trFadeUp 700ms 220ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trADate { animation: trFadeUp 700ms 320ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trAVia  { animation: trFadeUp 700ms 390ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trAHint { animation: trFadeUp 700ms 480ms cubic-bezier(.2,.8,.2,1) forwards; }\n@keyframes trFadeUp{ to{ opacity:1; transform:translate3d(0,0,0); } }\n\n\/* ===== CAPA 2 ===== *\/\n.tr-layer--b{\n  transform:translate3d(0,12px,0);\n  z-index:32;\n}\n.tr-layer--b.is-active{\n  transform:translate3d(0,0,0);\n  place-items:stretch;\n  align-items:stretch;\n}\n\n.tr-b{\n  width:100%;\n  max-width:1120px;\n  padding: 0 clamp(16px,4vw,48px) 64px;\n  margin:0 auto;\n  max-height:100svh;\n  overflow:auto;\n  -webkit-overflow-scrolling:touch;\n  padding-bottom:120px;\n}\n.tr-b::-webkit-scrollbar{ width:0; height:0; }\n\n.tr-b__top{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:14px;\n  flex-wrap:wrap;\n  margin-bottom:14px;\n  opacity:1;\n  transform:translate3d(0,12px,0);\n}\n.tr-b__title{\n  font-family:var(--font-h1);\n  color:var(--title);\n  text-transform:uppercase;\n  margin:0;\n  font-size:clamp(24px,3.2vw,40px);\n}\n.tr-b__lead{\n  margin:6px 0 0;\n  max-width:520px;\n  line-height:1.6;\n  color:rgba(255,255,255,.82);\n  font-size:clamp(13px,1.5vw,16px);\n}\n.tr-days{\n  display:flex;\n  gap:8px;\n  flex-wrap:wrap;\n  justify-content:flex-end;\n}\n.tr-chip{\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.06);\n  color:rgba(255,255,255,.9);\n  border-radius:999px;\n  padding:9px 12px;\n  font-weight:700;\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  cursor:pointer;\n  transition: transform .2s ease, background .2s ease, border-color .2s ease;\n}\n.tr-chip:hover{ transform:translateY(-1px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }\n.tr-chip.is-active{ background:rgba(255,222,89,.14); border-color:rgba(255,222,89,.26); }\n\n.tr-grid{\n  display:grid;\n  grid-template-columns:repeat(3, minmax(0, 1fr));\n  gap:14px;\n  opacity:1;\n  transform:translate3d(0,12px,0);\n}\n.tr-card{\n  border-radius:18px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.14);\n  box-shadow: 0 18px 40px rgba(0,0,0,.18);\n  overflow:hidden;\n  transition: transform .25s ease, background .25s ease, border-color .25s ease;\n}\n.tr-card:hover{ transform:translateY(-2px); background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.2); }\n\n.tr-card__media{\n  position:relative;\n  aspect-ratio: 16\/10;\n  background:rgba(0,0,0,.18);\n  display:grid;\n  place-items:center;\n  padding:10px;\n}\n.tr-card__media img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  object-position:center;\n  display:block;\n}\n\n.tr-card__tag{\n  position:absolute;\n  left:10px;\n  bottom:10px;\n  padding:8px 10px;\n  border-radius:999px;\n  font-size:12px;\n  font-weight:700;\n  color:rgba(255,255,255,.92);\n  background:rgba(35,4,73,.55);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n.tr-card__body{ padding:14px 14px 16px; }\n.tr-card__name{ margin:0 0 8px; font-size:clamp(14px,1.6vw,18px); font-weight:700; color:var(--subtitle); }\n.tr-card__topic{ margin:0; line-height:1.6; color:rgba(255,255,255,.86); font-size:clamp(13px,1.4vw,15px); }\n\n\/* Flechas *\/\n.tr-nav{\n  position:fixed;\n  left:50%;\n  transform:translateX(-50%);\n  bottom:18px;\n  border:0;\n  background:transparent;\n  color:rgba(255,255,255,.88);\n  font-family:var(--font-body);\n  cursor:pointer;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:6px;\n  padding:8px 10px;\n  z-index:60;\n}\n.tr-nav__label{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; opacity:.86; }\n.tr-nav__arrow{ font-size:22px; line-height:1; opacity:.95; animation:trBop 1.6s ease-in-out infinite; }\n.tr-nav--up{ top:18px; bottom:auto; flex-direction:column-reverse; }\n.tr-nav--up .tr-nav__arrow{ animation:trBopUp 1.6s ease-in-out infinite; }\n@keyframes trBopUp{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }\n\n\/* Entrada capa 2 *\/\n\n\/* Capa B (Ponentes): Activar interacci\u00f3n solo cuando es visible *\/\n.tr-layer--b.is-active {\n    pointer-events: auto !important; \n    opacity: 1;\n}\n.tr-layer--b.is-active .tr-b {\n    \/* El scroll interno vive aqu\u00ed *\/\n    max-height: 100vh;\n    overflow-y: auto;\n    padding-bottom: 120px;\n}\n\n.tr-layer--b.is-active #trBTop{ animation: trFadeUp 650ms 80ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--b.is-active #trGrid{ animation: trFadeUp 650ms 180ms cubic-bezier(.2,.8,.2,1) forwards; }\n\n@media (max-width: 980px){\n  .tr-grid{ grid-template-columns:1fr; }\n  .tr-days{ justify-content:flex-start; }\n  .tr-a__nav{ justify-content:center; flex-wrap:wrap; }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #trVJ *{animation:none!important;transition:none!important;transform:none!important;}\n}\n\n\n\/* 4. OCULTAR BARRAS DE SCROLL (Est\u00e9tico) *\/\nhtml::-webkit-scrollbar, body::-webkit-scrollbar, .tr-b::-webkit-scrollbar { display: none; }\nhtml, body { scrollbar-width: none; overflow-x: hidden; }\n\n\/* Correcci\u00f3n para que la Capa A se vaya suavemente *\/\n.tr-layer--a {\n    transition: opacity 0.5s ease, visibility 0.5s linear, transform 0.5s ease;\n}\n\n\/* =========================\n   BASE & MOBILE (Grid Estricto)\n========================= *\/\n.trm-ctaRow {\n  display: grid;\n  grid-template-columns: 1fr 1fr; \/* SIEMPRE 2 columnas iguales *\/\n  gap: 12px; \/* Espacio limpio entre botones *\/\n  width: 100%;\n  margin-top: 20px;\n  box-sizing: border-box;\n}\n\n.trm-btn {\n  \/* Reseteo para que ocupen su celda completa *\/\n  width: 100%; \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  \n  \/* Est\u00e9tica *\/\n  padding: 12px 10px;\n  min-height: 48px; \/* Altura c\u00f3moda para el dedo *\/\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 14px;\n  text-decoration: none;\n  line-height: 1.1;\n  border: 1px solid rgba(255,255,255,.18);\n  box-sizing: border-box; \n  transition: transform 0.2s ease;\n}\n\n\/* CLASE MAESTRA: Agrega esta clase al HTML del bot\u00f3n que quieras ANCHO COMPLETO *\/\n.btn-full {\n  grid-column: 1 \/ -1; \/* Ocupa de la columna 1 a la \u00faltima (todo el ancho) *\/\n}\n\n\/* =========================\n   COLORES\n========================= *\/\n.trm-btn--gold {\n  background: #ffde59;\n  color: #230449;\n  border-color: #ffde59;\n  box-shadow: 0 4px 15px rgba(255, 222, 89, 0.3);\n  text-transform: uppercase;\n  font-weight: 800;\n}\n\n.trm-btn--primary { background: rgba(255,255,255,.90); color: #230449; }\n.trm-btn--ghost { background: rgba(255,255,255,.10); color: rgba(255,255,255,.90); }\n\n\/* ======================================================\n   CORRECCI\u00d3N FINAL - ESCRITORIO (Laptops y PC > 992px)\n   Esto aplastar\u00e1 cualquier regla de 100% ancho anterior\n   ====================================================== *\/\n@media (min-width: 992px) {\n\n  \/* 1. CONTENEDOR: Forzamos alineaci\u00f3n a la izquierda (o centro) *\/\n  .trm-ctaRow {\n    display: flex !important;\n    flex-direction: row !important; \/* Fila horizontal estricta *\/\n    justify-content: flex-start !important; \/* Alineado a la IZQUIERDA *\/\n    align-items: center !important;\n    flex-wrap: nowrap !important; \/* Prohibido saltar de l\u00ednea *\/\n    width: auto !important; \/* El contenedor se ajusta al contenido *\/\n    gap: 20px !important; \/* Espacio elegante entre botones *\/\n  }\n\n  \/* 2. BOTONES: Reset total de tama\u00f1o *\/\n  .trm-btn, \n  .btn-full, \n  .trm-btn.span-2,\n  .trm-ctaRow > a {\n    \/* ANULA EL 100% DE ANCHO *\/\n    width: auto !important; \n    flex-basis: auto !important;\n    flex-grow: 0 !important; \/* Prohibido estirarse *\/\n    \n    \/* TAMA\u00d1O DE LUJO PARA DESKTOP *\/\n    min-width: 180px !important; \/* Ancho m\u00ednimo para presencia *\/\n    max-width: 320px !important; \/* Tope m\u00e1ximo para que no se vea gigante *\/\n    padding: 14px 40px !important; \/* M\u00e1s \"aire\" horizontal *\/\n    \n    \/* Reset de m\u00e1rgenes *\/\n    margin: 0 !important;\n    display: inline-flex !important;\n  }\n}\n\n\n<\/style>\n\n\n<script>\n(function(){\n  \/\/ =========================================================\n  \/\/ 1. INYECCI\u00d3N DEL MOTOR (SENTINEL GLOBAL VJ)\n  \/\/ =========================================================\n  setTimeout(function(){\n      \/\/ Usamos un nombre \u00fanico 'vj' para no chocar con la otra p\u00e1gina si se cargan juntas\n      var existingSentinel = document.querySelector(\".tr-sentinel-global-vj\");\n      if(!existingSentinel){\n          var newSentinel = document.createElement(\"div\");\n          newSentinel.className = \"tr-sentinel-global-vj\";\n          document.body.appendChild(newSentinel);\n          \n          newSentinel.style.position = \"absolute\";\n          newSentinel.style.top = \"0\"; newSentinel.style.left = \"0\";\n          newSentinel.style.width = \"1px\"; \n          newSentinel.style.height = \"250vh\"; \/\/ Altura de transici\u00f3n\n          newSentinel.style.zIndex = \"-9999\";\n          newSentinel.style.pointerEvents = \"none\";\n      }\n  }, 500);\n\n  \/\/ =========================================================\n  \/\/ 2. REFERENCIAS Y VARIABLES (Nombres Originales)\n  \/\/ =========================================================\n  var root = document.getElementById(\"trVJ\"); \/\/ Para los botones nav\n  var stage = document.getElementById(\"trVJStage\");\n  var layerA = document.getElementById(\"trLayerA\");\n  var layerB = document.getElementById(\"trLayerB\");\n  \n  \/\/ Referencia al contenedor INTERNO de ponentes\n  var scrollContainerB = layerB ? layerB.querySelector(\".tr-b\") : null;\n\n  var progressBar = stage ? stage.querySelector(\".tr-progress\") : null;\n  var goSpeakers = document.getElementById(\"trGoSpeakers\");\n  var backTop = document.getElementById(\"trBackTop\");\n\n  \/\/ Ocultar loader si existe (sin cambios)\n  var loader = document.getElementById(\"trLoader\");\n  if(loader) setTimeout(function(){ loader.classList.add(\"is-hidden\"); }, 1000);\n\n  \/\/ =========================================================\n  \/\/ 3. RENDER LOOP (H\u00cdBRIDO)\n  \/\/ =========================================================\n  function render(){\n    \/\/ A) Scroll Ventana (Trigger)\n    var winScroll = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop, 0);\n    var docHeight = document.documentElement.scrollHeight || document.body.scrollHeight;\n    var winHeight = window.innerHeight;\n    var maxWin = docHeight - winHeight;\n    var s = (maxWin > 0) ? (winScroll \/ maxWin) : 0;\n    s = Math.max(0, Math.min(1, s));\n\n    \/\/ B) Scroll Interno (Ponentes)\n    var internalProg = 0;\n    if(scrollContainerB){\n        var bTop = scrollContainerB.scrollTop;\n        var bMax = scrollContainerB.scrollHeight - scrollContainerB.clientHeight;\n        if(bMax > 0) internalProg = bTop \/ bMax;\n    }\n\n    \/\/ C) Trigger de Transici\u00f3n (al 12% baja la capa)\n    var trigger = 0.12;\n    var showB = s > trigger;\n\n    \/\/ D) Barra de Progreso H\u00edbrida\n    var finalProgress = 0;\n    if(!showB){\n        \/\/ Fase 1: Portada (0-20%)\n        finalProgress = (s \/ trigger) * 20;\n    } else {\n        \/\/ Fase 2: Lista Ponentes (20-100%)\n        finalProgress = 20 + (internalProg * 80);\n    }\n    if(progressBar) progressBar.style.width = Math.min(100, Math.max(0, finalProgress)).toFixed(2) + \"%\";\n\n    \/\/ --- GESTI\u00d3N DE CAPAS ---\n    \n    \/\/ Capa A (Portada): Si showB es true, LA MATAMOS VISUALMENTE\n    if(layerA){\n        if(showB){\n            \/\/ ESTADO OCULTO\n            layerA.style.opacity = \"0\";\n            layerA.style.visibility = \"hidden\"; \/\/ Esto oculta el fantasma s\u00ed o s\u00ed\n            layerA.style.transform = \"translate3d(0, -60px, 0) scale(0.95)\"; \/\/ Se va para arriba\n            layerA.style.pointerEvents = \"none\";\n        } else {\n            \/\/ ESTADO VISIBLE\n            layerA.style.opacity = \"1\";\n            layerA.style.visibility = \"visible\";\n            layerA.style.transform = \"translate3d(0, 0, 0) scale(1)\";\n            layerA.style.pointerEvents = \"auto\";\n        }\n    }\n\n    \/\/ Capa B (Ponentes)\n    if(layerB){\n        layerB.classList.toggle(\"is-active\", showB);\n        \/\/ Tambi\u00e9n forzamos estilos en l\u00ednea para asegurar\n        layerB.style.opacity = showB ? \"1\" : \"0\";\n        layerB.style.visibility = showB ? \"visible\" : \"hidden\";\n        layerB.style.transform = showB ? \"translate3d(0,0,0)\" : \"translate3d(0, 40px, 0)\";\n        layerB.style.pointerEvents = showB ? \"auto\" : \"none\";\n    }\n\n    \/\/ Botones\n    if(goSpeakers) {\n        goSpeakers.style.opacity = showB ? \"0\" : \"1\";\n        goSpeakers.style.pointerEvents = showB ? \"none\" : \"auto\";\n    }\n    if(backTop) {\n        \/\/ Mostrar \"Regresar\" solo si ya bajamos un poco en la lista\n        var showBack = showB && internalProg > 0.05;\n        backTop.style.opacity = showBack ? \"1\" : \"0\";\n        backTop.style.pointerEvents = showBack ? \"auto\" : \"none\";\n    }\n  }\n\n  \/\/ =========================================================\n  \/\/ 4. LISTENERS\n  \/\/ =========================================================\n  var ticking = false;\n  function requestTick(){\n      if(!ticking){\n          window.requestAnimationFrame(function(){ render(); ticking = false; });\n          ticking = true;\n      }\n  }\n\n  \/\/ Listener Ventana\n  window.addEventListener(\"scroll\", requestTick, {passive:true, capture:true});\n  window.addEventListener(\"resize\", render);\n\n  \/\/ Listener Scroll Interno (Para barra de progreso)\n  if(scrollContainerB){\n      scrollContainerB.addEventListener(\"scroll\", requestTick, {passive:true});\n  }\n\n  \/\/ Animaci\u00f3n inicial Capa A\n  if(document.readyState === \"complete\") { if(layerA) layerA.classList.add(\"is-loaded\"); }\n  else window.addEventListener(\"load\", function(){ if(layerA) layerA.classList.add(\"is-loaded\"); }, { once:true });\n  \n  render(); \/\/ Inicio inmediato\n\n  \/\/ =========================================================\n  \/\/ 5. NAVEGACI\u00d3N MANUAL\n  \/\/ =========================================================\n  function scrollToWindow(pct){\n      var h = document.documentElement.scrollHeight - window.innerHeight;\n      window.scrollTo({ top: pct * h, behavior: \"smooth\" });\n  }\n\n  if(goSpeakers) goSpeakers.addEventListener(\"click\", function(){ scrollToWindow(0.18); });\n  \n  if(backTop) backTop.addEventListener(\"click\", function(){ \n      scrollToWindow(0);\n      if(scrollContainerB) scrollContainerB.scrollTo({top:0, behavior:\"smooth\"});\n  });\n\n  \/\/ =========================================================\n  \/\/ 6. FILTROS Y NAV SUPERIOR (Tu c\u00f3digo original preservado)\n  \/\/ =========================================================\n  \n  \/\/ Botones Nav Superior (Inicio \/ Presencial)\n  if(root){\n      var navBtns = root.querySelectorAll(\".tr-linkBtn[data-href]\");\n      navBtns.forEach(function(btn){\n        btn.addEventListener(\"click\", function(e){\n          e.preventDefault(); e.stopPropagation();\n          var url = btn.getAttribute(\"data-href\");\n          if(url) window.location.href = url;\n        }, true);\n      });\n  }\n\n  \/\/ Filtros por d\u00eda (Chips)\n  if(stage){\n      var chips = stage.querySelectorAll(\".tr-chip\");\n      var cards = stage.querySelectorAll(\".tr-card\");\n\n      function setActive(btn){\n        chips.forEach(function(b){\n          b.classList.toggle(\"is-active\", b === btn);\n          b.setAttribute(\"aria-selected\", b === btn ? \"true\" : \"false\");\n        });\n      }\n      function filter(day){\n        cards.forEach(function(card){\n          var d = card.getAttribute(\"data-day\");\n          var show = (day === \"all\") || (d === day);\n          card.style.display = show ? \"\" : \"none\";\n        });\n      }\n\n      chips.forEach(function(btn){\n        btn.addEventListener(\"click\", function(){\n          var day = btn.getAttribute(\"data-day\");\n          setActive(btn);\n          filter(day);\n        });\n      });\n  }\n\n})();\n<\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e4c146 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"0e4c146\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d505e3 elementor-widget elementor-widget-html\" data-id=\"8d505e3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTRASCENDER \u2022 FIXED BACKGROUND (Widget BG)\n========================================================= -->\n<div id=\"trFixedBg\" class=\"tr-fullwidth\" aria-hidden=\"true\">\n  <div class=\"tr-bg tr-bg1 tr-bg1-a\"><\/div>\n  <div class=\"tr-bg tr-bg1 tr-bg1-b\"><\/div>\n  <div class=\"tr-bg tr-bg2\"><\/div>\n<\/div>\n\n<style>\n\/* Full width real *\/\n.tr-fullwidth{\n  width:100vw !important;\n  max-width:100vw !important;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n}\n\n\/* Contenedor fijo detr\u00e1s de todo *\/\n#trFixedBg{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n}\n\n\/* Degradado base fijo *\/\n#trFixedBg::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(135deg,#1b0931,#230449,#481982);\n  z-index:0;\n}\n\n\/* Capas de imagen *\/\n#trFixedBg .tr-bg{\n  position:absolute;\n  inset:0;\n  background-size:cover;\n  background-position:center;\n  z-index:1;\n  will-change:transform, opacity;\n}\n\n\/* ---------- BG1: Fondo00 -> Fondo2 ---------- *\/\n#trFixedBg .tr-bg1-a{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/Fondo00.png\");\n  opacity:.15;\n  transform:translateY(0);\n  z-index:1;\n}\n#trFixedBg .tr-bg1-b{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/fondo2.png\");\n  opacity:0;\n  transform:translateY(8vh);\n  z-index:1;\n}\n#trFixedBg.tr-swap-bg1 .tr-bg1-a{\n  animation:trBg1Out 2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n#trFixedBg.tr-swap-bg1 .tr-bg1-b{\n  animation:trBg1In  2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n@keyframes trBg1Out{ to{ transform:translateY(10vh); opacity:0; } }\n@keyframes trBg1In { to{ transform:translateY(0); opacity:.15; } }\n\n\/* ---------- BG2: fondo-ppl01 (se va hacia arriba con fade out) ---------- *\/\n#trFixedBg .tr-bg2{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/fondo-ppl01.png\");\n  z-index:2;\n  opacity:.12;\n  transform:translateY(0);\n}\n#trFixedBg.tr-hide-bg2 .tr-bg2{\n  animation:trBg2UpFade 2000ms cubic-bezier(.2,.8,.2,1) forwards;\n}\n@keyframes trBg2UpFade{ to{ transform:translateY(-12vh); opacity:0; } }\n\n@media(prefers-reduced-motion:reduce){\n  #trFixedBg *{animation:none!important;transition:none!important;transform:none!important;}\n}\n<\/style>\n\n\n<!-- =========================================================\nTRASCENDER \u2022 JORNADA VIRTUAL + PONENTES (MOBILE ONLY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kodchasan:wght@400;600;700&family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"vj-m\" id=\"vjRoot\" aria-label=\"Jornada virtual m\u00f3vil\">\n  <header class=\"vj-m__header\" aria-label=\"Navegaci\u00f3n\">\n    <div class=\"vj-m__nav\">\n      <button class=\"vj-m__linkBtn\" type=\"button\"\n        data-href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/inicio\/\"\n        aria-label=\"Ir a Inicio\">Inicio<\/button>\n\n      <button class=\"vj-m__linkBtn\" type=\"button\"\n        data-href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-presencial\/\"\n        aria-label=\"Ir a Jornada Presencial\">Jornada Presencial<\/button>\n                <button class=\"vj-m__linkBtn trm-btn--gold span-2\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/button>\n    <\/div>\n  <\/header>\n\n  <main class=\"vj-m__main\">\n    <section class=\"vj-m__sec vj-m__hero\" id=\"vjHero\" aria-label=\"Jornada Virtual\">\n      <div class=\"vj-m__card vj-reveal\">\n        <h1 class=\"vj-m__title\">Jornada Virtual<\/h1>\n        <p class=\"vj-m__subtitle\">de Desarrollo de Alto Impacto<\/p>\n\n        <div class=\"vj-m__meta\">\n          <div class=\"vj-m__pill\">\n            <span class=\"vj-m__pillK\">Del<\/span>\n            <span class=\"vj-m__pillV\">26 al 30 de Abril<\/span>\n          <\/div>\n          <div class=\"vj-m__pill\">\n            <span class=\"vj-m__pillK\">V\u00eda<\/span>\n            <span class=\"vj-m__pillV\">Zoom<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vj-m__hint\">\n          <span class=\"vj-m__hintLabel\">Ver Ponentes<\/span>\n          <span class=\"vj-m__hintArrow\" aria-hidden=\"true\">\u2193<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"vj-m__sec vj-m__speakers\" id=\"vjSpeakers\" aria-label=\"Ponentes\">\n      <div class=\"vj-m__speakersTop vj-reveal\">\n        <div class=\"vj-m__head\">\n          <h2 class=\"vj-m__h2\">Ponentes<\/h2>\n          <p class=\"vj-m__lead\">Explora por d\u00eda y consulta cada m\u00f3dulo de la jornada virtual.<\/p>\n        <\/div>\n\n        <div class=\"vj-m__days\" role=\"tablist\" aria-label=\"Filtrar por d\u00eda\">\n          <button class=\"vj-m__dayChip is-active\" type=\"button\" data-day=\"all\" role=\"tab\" aria-selected=\"true\">Todos<\/button>\n          <button class=\"vj-m__dayChip\" type=\"button\" data-day=\"26\" role=\"tab\" aria-selected=\"false\">26 Abr<\/button>\n          <button class=\"vj-m__dayChip\" type=\"button\" data-day=\"27\" role=\"tab\" aria-selected=\"false\">27 Abr<\/button>\n          <button class=\"vj-m__dayChip\" type=\"button\" data-day=\"28\" role=\"tab\" aria-selected=\"false\">28 Abr<\/button>\n          <button class=\"vj-m__dayChip\" type=\"button\" data-day=\"29\" role=\"tab\" aria-selected=\"false\">29 Abr<\/button>\n          <button class=\"vj-m__dayChip\" type=\"button\" data-day=\"30\" role=\"tab\" aria-selected=\"false\">30 Abr<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"vj-m__grid\" id=\"vjGrid\">\n        <!-- (tus art\u00edculos tal cual) -->\n        <!-- 26 ABR -->\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"26\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/licroberto.png\" alt=\"Lic. Roberto Ocampo Bahena\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 1 \u2022 26 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">Lic. Roberto Ocampo Bahena<\/h3>\n            <p class=\"vj-m__topic\">Principios \u00e9ticos del embalsamamiento para una pr\u00e1ctica responsable y digna<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"26\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/cdmario.png\" alt=\"C.D. Mario Abraham Robles Res\u00e9ndiz\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 2 \u2022 26 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">C.D. Mario Abraham Robles Res\u00e9ndiz<\/h3>\n            <p class=\"vj-m__topic\">Bases anat\u00f3micas indispensables para un embalsamamiento profesional<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- 27 ABR -->\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"27\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/tsukatia.png\" alt=\"TSU. Katia Janeth Castillo Orozco\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 3 \u2022 27 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">TSU. Katia Janeth Castillo Orozco<\/h3>\n            <p class=\"vj-m__topic\">Infraestructura y equipamiento t\u00e9cnico indispensable en una sala de embalsamamiento<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"27\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/ingjorgeluis.png\" alt=\"Ing. Jorge Luis D\u00edaz Figueroa\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 4 \u2022 27 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">Ing. Jorge Luis D\u00edaz Figueroa<\/h3>\n            <p class=\"vj-m__topic\">Estrategia de comunicaci\u00f3n efectiva para ofrecer un embalsamamiento de alto nivel<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- 28 ABR -->\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"28\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/licjessica.png\" alt=\"Lic. Jessica Viridiana Rojas Calder\u00f3n\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 5 \u2022 28 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">Lic. Jessica Viridiana Rojas Calder\u00f3n<\/h3>\n            <p class=\"vj-m__topic\">Bases legales para el ejercicio profesional del embalsamamiento<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"28\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/temiguel.png\" alt=\"T.E. Miguel \u00c1ngel Rodr\u00edguez Campos\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 6 \u2022 28 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">T.E. Miguel \u00c1ngel Rodr\u00edguez Campos<\/h3>\n            <p class=\"vj-m__topic\">Riesgos ocultos del embalsamamiento y su manejo t\u00e9cnico especializado<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- 29 ABR -->\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"29\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/liccamilo.png\" alt=\"Lic. Camilo Andr\u00e9s Jaramillo Uribe\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 7 \u2022 29 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">Lic. Camilo Andr\u00e9s Jaramillo Uribe<\/h3>\n            <p class=\"vj-m__topic\">Puntos previos esenciales para preparar el rostro antes del arte restaurativo<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"29\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/drdavid.png\" alt=\"Dr. David Bedoya Oquendo\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 8 \u2022 29 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">Dr. David Bedoya Oquendo<\/h3>\n            <p class=\"vj-m__topic\">Procedimientos t\u00e9cnicos de arte restaurativo para una reconstrucci\u00f3n precisa y digna<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- 30 ABR -->\n        <article class=\"vj-m__cardSpeaker vj-reveal\" data-day=\"30\">\n          <div class=\"vj-m__media\">\n            <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/muaviridiana.png\" alt=\"M.U.A. Viridiana Valencia Gonz\u00e1lez\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"vj-m__tag\">M\u00f3dulo 9 \u2022 30 Abril<\/div>\n          <\/div>\n          <div class=\"vj-m__body\">\n            <h3 class=\"vj-m__name\">M.U.A. Viridiana Valencia Gonz\u00e1lez<\/h3>\n            <p class=\"vj-m__topic\">Procedimientos profesionales de maquillaje mortuorio para una imagen digna<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"vj-m__footer\">\n        <button class=\"vj-m__btn vj-m__btn--ghost\" type=\"button\" id=\"vjBackTop\">\n          <span aria-hidden=\"true\">\u2191<\/span> Regresar a Portada\n        <\/button>\n      <\/div>\n    <\/section>\n  <\/main>\n<\/div>\n\n<style>\n\/* =========================\n   MOBILE ONLY\n========================= *\/\n.vj-m{ display:none; }\n@media (max-width:768px){\n  \/* Contenido arriba del fondo *\/\n  .vj-m{ display:block; position:relative; z-index:10; }\n  \/* No mates el background fijo *\/\n  html, body{ overflow-x:hidden !important; background:transparent !important; }\n}\n\n\/* Asegura que el fondo quede atr\u00e1s SIEMPRE *\/\n#trFixedBg{ z-index:0 !important; }\n#vjRoot{ position:relative; z-index:10; }\n\n\/* A\u00edsla estilos *\/\n#vjRoot, #vjRoot *{ box-sizing:border-box; }\n#vjRoot{\n  --title:#ffde59;\n  --subtitle:#D7B6FF;\n  --text:rgba(255,255,255,.88);\n\n  --card:rgba(255,255,255,.06);\n  --cardB:rgba(255,255,255,.14);\n\n  --font-h:\"Kodchasan\",\"Trebuchet MS\",\"Segoe UI\",system-ui,Arial,sans-serif;\n  --font-b:\"Poppins\",\"Inter\",\"Segoe UI\",Arial,sans-serif;\n\n  font-family:var(--font-b);\n  color:var(--text);\n}\n\n\/* HEADER sticky *\/\n.vj-m__header{\n  position:sticky;\n  top:0;\n  z-index:60;\n  padding:10px 12px 8px;\n  background: rgba(27,9,49,.72);\n  border-bottom:1px solid rgba(255,255,255,.10);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n\n.vj-m__nav{\n  display:flex;\n  gap:8px;\n  justify-content:center;\n  flex-wrap:wrap;\n  margin-bottom:8px;\n}\n\n.vj-m__linkBtn{\n  appearance:none;\n  -webkit-appearance:none;\n  border:1px solid rgba(255,255,255,.22);\n  background:rgba(255,255,255,.06);\n  color:rgba(255,255,255,.92);\n  cursor:pointer;\n  border-radius:999px;\n  padding:8px 12px;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* Sections *\/\n.vj-m__sec{ padding:18px 16px 26px; }\n.vj-m__main{ position:relative; }\n\n\/* Cards *\/\n.vj-m__card{\n  border-radius:24px;\n  padding:18px 16px;\n  background: var(--card);\n  border:1px solid var(--cardB);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  box-shadow: 0 22px 55px rgba(0,0,0,.22);\n  text-align:center;\n}\n\n\/* Text *\/\n.vj-m__title{\n  font-family:var(--font-h);\n  color:var(--title);\n  text-transform:uppercase;\n  margin:0 0 8px;\n  font-size:34px;\n  line-height:1.05;\n  letter-spacing:.02em;\n}\n.vj-m__subtitle{\n  margin:0 0 14px;\n  font-weight:800;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  color:var(--subtitle);\n  font-size:12px;\n}\n.vj-m__meta{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n}\n.vj-m__pill{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:rgba(255,255,255,.92);\n}\n.vj-m__pillK{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; opacity:.8; }\n.vj-m__pillV{ font-weight:800; }\n\n.vj-m__hint{\n  margin-top:16px;\n  display:inline-flex;\n  flex-direction:column;\n  align-items:center;\n  gap:6px;\n}\n.vj-m__hintLabel{\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  opacity:.88;\n}\n.vj-m__hintArrow{\n  font-size:22px;\n  line-height:1;\n  animation:vjBop 1.6s ease-in-out infinite;\n}\n@keyframes vjBop{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }\n\n\/* Speakers *\/\n.vj-m__speakersTop{ display:flex; flex-direction:column; gap:12px; }\n.vj-m__h2{\n  font-family:var(--font-h);\n  color:var(--title);\n  text-transform:uppercase;\n  margin:0;\n  font-size:24px;\n  line-height:1.1;\n}\n.vj-m__lead{\n  margin:6px 0 0;\n  line-height:1.6;\n  color:rgba(255,255,255,.82);\n  font-size:14px;\n}\n\n.vj-m__days{ display:flex; gap:8px; flex-wrap:wrap; }\n.vj-m__dayChip{\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.06);\n  color:rgba(255,255,255,.92);\n  border-radius:999px;\n  padding:9px 12px;\n  font-weight:900;\n  font-size:12px;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  cursor:pointer;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n.vj-m__dayChip.is-active{\n  background:rgba(255,222,89,.14);\n  border-color:rgba(255,222,89,.26);\n}\n\n.vj-m__grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:14px;\n  margin-top:14px;\n}\n.vj-m__cardSpeaker{\n  border-radius:18px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.14);\n  box-shadow: 0 18px 40px rgba(0,0,0,.18);\n  overflow:hidden;\n}\n.vj-m__media{\n  position:relative;\n  aspect-ratio:16\/10;\n  background:rgba(0,0,0,.18);\n  display:grid;\n  place-items:center;\n  padding:10px;\n}\n.vj-m__media img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  object-position:center;\n  display:block;\n}\n.vj-m__tag{\n  position:absolute;\n  left:10px;\n  bottom:10px;\n  padding:8px 10px;\n  border-radius:999px;\n  font-size:12px;\n  font-weight:900;\n  color:rgba(255,255,255,.92);\n  background:rgba(35,4,73,.55);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n.vj-m__body{ padding:14px 14px 16px; }\n.vj-m__name{ margin:0 0 8px; font-size:16px; font-weight:900; color:var(--subtitle); }\n.vj-m__topic{ margin:0; line-height:1.6; color:rgba(255,255,255,.86); font-size:14px; }\n\n.vj-m__footer{\n  margin-top:18px;\n  display:flex;\n  justify-content:center;\n  padding-bottom:10px;\n}\n.vj-m__btn{\n  border:0;\n  border-radius:999px;\n  padding:12px 14px;\n  font-weight:900;\n  letter-spacing:.02em;\n  font-size:14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  cursor:pointer;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n.vj-m__btn--ghost{\n  background: rgba(255,255,255,.06);\n  color: rgba(255,255,255,.92);\n  border:1px solid rgba(255,255,255,.18);\n}\n\n\/* Reveal *\/\n.vj-reveal{\n  opacity:0;\n  transform: translate3d(0,14px,0);\n  transition: opacity .42s ease, transform .42s ease;\n  will-change: opacity, transform;\n}\n.vj-reveal.is-in{\n  opacity:1;\n  transform: translate3d(0,0,0);\n}\n\n@media(prefers-reduced-motion:reduce){\n  .vj-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }\n  .vj-m__hintArrow{ animation:none !important; }\n}\n\n\/* =========================\n   BASE & MOBILE (Grid Estricto)\n========================= *\/\n.trm-ctaRow {\n  display: grid;\n  grid-template-columns: 1fr 1fr; \/* SIEMPRE 2 columnas iguales *\/\n  gap: 12px; \/* Espacio limpio entre botones *\/\n  width: 100%;\n  margin-top: 20px;\n  box-sizing: border-box;\n}\n\n.trm-btn {\n  \/* Reseteo para que ocupen su celda completa *\/\n  width: 100%; \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  \n  \/* Est\u00e9tica *\/\n  padding: 12px 10px;\n  min-height: 48px; \/* Altura c\u00f3moda para el dedo *\/\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 14px;\n  text-decoration: none;\n  line-height: 1.1;\n  border: 1px solid rgba(255,255,255,.18);\n  box-sizing: border-box; \n  transition: transform 0.2s ease;\n}\n\n\/* CLASE MAESTRA: Agrega esta clase al HTML del bot\u00f3n que quieras ANCHO COMPLETO *\/\n.btn-full {\n  grid-column: 1 \/ -1; \/* Ocupa de la columna 1 a la \u00faltima (todo el ancho) *\/\n}\n\n\/* =========================\n   COLORES\n========================= *\/\n.trm-btn--gold {\n  background: #ffde59;\n  color: #230449;\n  border-color: #ffde59;\n  box-shadow: 0 4px 15px rgba(255, 222, 89, 0.3);\n  text-transform: uppercase;\n  font-weight: 800;\n}\n\n.trm-btn--primary { background: rgba(255,255,255,.90); color: #230449; }\n.trm-btn--ghost { background: rgba(255,255,255,.10); color: rgba(255,255,255,.90); }\n<\/style>\n\n<script>\n(function(){\n  \/\/ Solo m\u00f3vil\n  if (!window.matchMedia || !window.matchMedia(\"(max-width: 768px)\").matches) return;\n\n  var root = document.getElementById(\"vjRoot\");\n  if(!root) return;\n\n  var bg = document.getElementById(\"trFixedBg\"); \/\/ \ud83d\udc48 fondo fijo\n\n  function qsa(sel, el){ return Array.prototype.slice.call((el||document).querySelectorAll(sel)); }\n\n  \/\/ NAV buttons\n  qsa(\".vj-m__linkBtn[data-href]\", root).forEach(function(btn){\n    btn.addEventListener(\"click\", function(e){\n      e.preventDefault(); e.stopPropagation();\n      var url = btn.getAttribute(\"data-href\");\n      if(url) window.location.href = url;\n    }, true);\n  });\n\n  \/\/ Reveal IO\n  var reveals = qsa(\".vj-reveal\", root);\n  function reveal(el){ el.classList.add(\"is-in\"); }\n  if(\"IntersectionObserver\" in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){\n          reveal(en.target);\n          io.unobserve(en.target);\n        }\n      });\n    }, {threshold:0.14});\n    reveals.forEach(function(el){ io.observe(el); });\n  }else{\n    reveals.forEach(reveal);\n  }\n\n  \/\/ Day filter\n  var dayBtns = qsa(\".vj-m__dayChip\", root);\n  var cards = qsa(\".vj-m__cardSpeaker\", root);\n\n  function setDayActive(btn){\n    dayBtns.forEach(function(b){\n      var is = (b === btn);\n      b.classList.toggle(\"is-active\", is);\n      b.setAttribute(\"aria-selected\", is ? \"true\" : \"false\");\n    });\n  }\n  function filter(day){\n    cards.forEach(function(card){\n      var d = card.getAttribute(\"data-day\");\n      var show = (day === \"all\") || (d === day);\n      card.style.display = show ? \"\" : \"none\";\n    });\n  }\n\n  dayBtns.forEach(function(btn){\n    btn.addEventListener(\"click\", function(){\n      var day = btn.getAttribute(\"data-day\");\n      setDayActive(btn);\n      filter(day);\n    }, {passive:true});\n  });\n\n  \/\/ Regresar a portada\n  var btnBack = document.getElementById(\"vjBackTop\");\n  var hero = document.getElementById(\"vjHero\");\n  if(btnBack && hero){\n    btnBack.addEventListener(\"click\", function(){\n      try{ hero.scrollIntoView({behavior:\"smooth\", block:\"start\"}); }\n      catch(e){\n        var top = hero.getBoundingClientRect().top + window.pageYOffset;\n        window.scrollTo(0, top);\n      }\n    }, {passive:true});\n  }\n\n  \/\/ \u2705 CONTROL DEL BACKGROUND SEG\u00daN SECCI\u00d3N (para que \u201cfuncione con este background\u201d)\n  \/\/ - En portada: estado inicial (bg2 visible, Fondo00 visible)\n  \/\/ - En ponentes: corre animaci\u00f3n (bg2 se va, Fondo2 entra)\n  if(bg && \"IntersectionObserver\" in window){\n    var speakers = document.getElementById(\"vjSpeakers\");\n    if(speakers){\n      var bgIO = new IntersectionObserver(function(entries){\n        entries.forEach(function(en){\n          if(en.isIntersecting){\n            \/\/ Entraste a Ponentes -> dispara animaci\u00f3n\n            bg.classList.add(\"tr-hide-bg2\");\n            bg.classList.add(\"tr-swap-bg1\");\n          } else {\n            \/\/ Volviste a Portada -> opcional: reset (si quieres que vuelva)\n            \/\/ Si NO quieres reset, comenta este bloque.\n            bg.classList.remove(\"tr-hide-bg2\");\n            bg.classList.remove(\"tr-swap-bg1\");\n          }\n        });\n      }, {threshold:0.25});\n      bgIO.observe(speakers);\n    }\n  } else if (bg){\n    \/\/ Fallback: al cargar deja el estado animado (como tu script original)\n    if (document.readyState === \"complete\"){\n      bg.classList.add(\"tr-hide-bg2\");\n      bg.classList.add(\"tr-swap-bg1\");\n    } else {\n      window.addEventListener(\"load\", function(){\n        bg.classList.add(\"tr-hide-bg2\");\n        bg.classList.add(\"tr-swap-bg1\");\n      }, { once:true });\n    }\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Jornada Presencial REGISTRO Jornada Virtual de Desarrollo de Alto Impacto Del 26 al 30 de Abril V\u00eda Zoom Ver Ponentes \u2193 Ver Ponentes \u2193 Ponentes Explora por d\u00eda y consulta cada m\u00f3dulo de la jornada virtual. Todos 26 Abr 27 Abr 28 Abr 29 Abr 30 Abr M\u00f3dulo 1 \u2022 26 Abril Lic. Roberto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":63,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/97\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/media?parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}