{"id":120,"date":"2026-01-09T18:06:58","date_gmt":"2026-01-09T18:06:58","guid":{"rendered":"https:\/\/trascender-embalsamar.com\/home\/?page_id=120"},"modified":"2026-01-16T23:53:30","modified_gmt":"2026-01-16T23:53:30","slug":"jornada-presencial","status":"publish","type":"page","link":"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-presencial\/","title":{"rendered":"Jornada Presencial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"120\" class=\"elementor elementor-120\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a34a652 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"a34a652\" 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-e8cc290 elementor-widget elementor-widget-html\" data-id=\"e8cc290\" 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 -> bg03) -->\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 -> bg03 ---------- *\/\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\/* bg03 (entra despu\u00e9s) *\/\n#trFixedBg .tr-bg1-b{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/bg03.png\");\n  opacity:0;\n  transform:translateY(8vh);\n  z-index:1;\n}\n\n\/* Al activar el cambio: Fondo00 sale \/ bg03 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\/* Fondo00 SALE HACIA ABAJO *\/\n@keyframes trBg1Out{\n  to{ transform:translateY(10vh); opacity:0; }\n}\n\n\/* bg03 ENTRA desde abajo *\/\n@keyframes trBg1In{\n  to{ transform:translateY(0); opacity:.08; }\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), desaparece *\/\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 *{\n    animation:none!important;\n    transition:none!important;\n    transform:none!important;\n  }\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\n    bg.classList.add(\"tr-swap-bg1\");   \/\/ Fondo00 sale abajo + bg03 entra\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-189c62b elementor-widget elementor-widget-html\" data-id=\"189c62b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRASCENDER \u2022 JORNADA PRESENCIAL + PROGRAMA (MISMO ESTILO)\n     \u2705 Capa 1 aparece al cargar (sin scroll requerido)\n     \u2705 Capa 1 DESAPARECE al aparecer la capa 2\n     \u2705 Capa 2 (Programa) aparece al bajar \/ bot\u00f3n \u201cVer Programa\u201d\n     \u2705 Tarjetas con \u201cVer detalles\u201d (ponente \/ taller) en modal\n     \u2705 Vanilla JS (Elementor HTML widget)\n     \u2705 NUEVO: Botones arriba (Inicio \/ Jornada Virtual)\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=\"trPJ\">\n  <div class=\"tr-stage\" id=\"trPJStage\" aria-label=\"Jornada presencial y programa\">\n    <div class=\"tr-progress\" aria-hidden=\"true\"><\/div>\n\n    <!-- ===== TOP NAV (BOTONES ARRIBA) ===== -->\n    <div class=\"tr-topnav\" aria-label=\"Navegaci\u00f3n principal\">\n      <a class=\"tr-topbtn\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/inicio\/\" target=\"_self\" rel=\"noopener\">\n        Inicio\n      <\/a>\n      <a class=\"tr-topbtn tr-topbtn--alt\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-virtual\/\" target=\"_self\" rel=\"noopener\">\n        Jornada Virtual\n      <\/a>\n              <a class=\"trm-btn trm-btn--gold span-2\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\n    <\/div>\n\n    <!-- ===== CAPA 1: JORNADA PRESENCIAL ===== -->\n    <section class=\"tr-layer tr-layer--a is-active\" id=\"trLayerA\" aria-label=\"Jornada Presencial\">\n      <div class=\"tr-a\">\n        <div class=\"tr-a__block\" id=\"trABlock\">\n          <h1 class=\"tr-a__title\" id=\"trATitle\">Jornada Presencial<\/h1>\n          <p class=\"tr-a__subtitle\" id=\"trASub\">Conferencias Magistrales<\/p>\n\n          <div class=\"tr-a__topics\" id=\"trATopics\" aria-label=\"Temas principales\">\n            <div class=\"tr-topic\">Taller Intensivo de Reconstrucci\u00f3n y Restauraci\u00f3n<\/div>\n            <div class=\"tr-topic\">Expo de Innovaci\u00f3n Mortuoria<\/div>\n            <div class=\"tr-topic\">Convivencia de Honor<\/div>\n          <\/div>\n\n          <div class=\"tr-a__meta\">\n            <div class=\"tr-pill\" id=\"trADate\">\n              <span class=\"tr-pill__k\">Fecha<\/span>\n              <span class=\"tr-pill__v\">7 de Mayo<\/span>\n            <\/div>\n            <div class=\"tr-pill\" id=\"trAPlace\">\n              <span class=\"tr-pill__k\">Lugar<\/span>\n              <span class=\"tr-pill__v\">Holiday Inn M\u00e9xico Zona Centro<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tr-a__hint\" id=\"trAHint\">\n            <span class=\"tr-a__hintLabel\">Ver Programa<\/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=\"trGoProgram\" aria-label=\"Ver Programa\">\n        <span class=\"tr-nav__label\">Ver Programa<\/span>\n        <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2193<\/span>\n      <\/button>\n    <\/section>\n\n    <!-- ===== CAPA 2: PROGRAMA (SE MUESTRA AL BAJAR) ===== -->\n    <section class=\"tr-layer tr-layer--b\" id=\"trLayerB\" aria-label=\"Programa\">\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\">Programa<\/h2>\n            <p class=\"tr-b__lead\" id=\"trBLead\">Jornada Presencial<\/p>\n            <h3 class=\"tr-b__h3\" id=\"trBH3\">Holiday Inn M\u00e9xico Zona Centro<\/h3>\n          <\/div>\n\n          <div class=\"tr-b__legend\" aria-label=\"Leyenda\">\n            <span class=\"tr-dot tr-dot--talk\"><\/span><span class=\"tr-legend\">Ponencia<\/span>\n            <span class=\"tr-dot tr-dot--work\"><\/span><span class=\"tr-legend\">Taller<\/span>\n            <span class=\"tr-dot tr-dot--food\"><\/span><span class=\"tr-legend\">Alimentos<\/span>\n            <span class=\"tr-dot tr-dot--other\"><\/span><span class=\"tr-legend\">General<\/span>\n          <\/div>\n        <\/header>\n\n        <div class=\"tr-program\" id=\"trProgram\" role=\"list\" aria-label=\"Agenda del d\u00eda\">\n          <!-- Registro -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">8:00 \u2013 8:30<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--other\" aria-hidden=\"true\"><\/span>\n                Registro de Participantes\n              <\/div>\n              <div class=\"tr-row__meta\">Acceso y acreditaci\u00f3n<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Bienvenida -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">8:45<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--other\" aria-hidden=\"true\"><\/span>\n                Inauguraci\u00f3n y Bienvenida\n              <\/div>\n              <div class=\"tr-row__meta\">Apertura oficial<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Ponencias Magistrales -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">9:00 \u2013 11:00<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--talk\" aria-hidden=\"true\"><\/span>\n                Ponencias Magistrales\n              <\/div>\n\n              <div class=\"tr-row__cards\">\n                <div class=\"tr-mini\">\n                  <div class=\"tr-mini__top\">\n                    <div class=\"tr-mini__name\">Lic. Camilo Andr\u00e9s Jaramillo Uribe<\/div>\n                    <button class=\"tr-mini__btn\" type=\"button\"\n                      data-modal=\"1\"\n                      data-title=\"Lic. Camilo Andr\u00e9s Jaramillo Uribe\"\n                      data-sub=\"Ponencia Magistral\"\n                      data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/drdavid.png\"\n                      data-desc=\"\u201cPREPARAR PARA CREAR: EL EMBALSAMAMIENTO COMO FUNDAMENTO DEL ARTE RESTAURATIVO\u201d.\">\n                      Ver detalles\n                    <\/button>\n                  <\/div>\n                  <div class=\"tr-mini__desc\">\u201cPREPARAR PARA CREAR: EL EMBALSAMAMIENTO COMO FUNDAMENTO DEL ARTE RESTAURATIVO\u201d.<\/div>\n                <\/div>\n\n                <div class=\"tr-mini\">\n                  <div class=\"tr-mini__top\">\n                    <div class=\"tr-mini__name\">Mtro. David Bedoya Oquendo<\/div>\n                    <button class=\"tr-mini__btn\" type=\"button\"\n                      data-modal=\"1\"\n                      data-title=\"Mtro. David Bedoya Oquendo\"\n                      data-sub=\"Ponencia Magistral\"\n                      data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/liccamilo.png\"\n                      data-desc=\"\u201cEL ARTE DE DEVOLVER LA DIGNIDAD: RECONSTRUYENDO LA MEMORIA\u201d.\">\n                      Ver detalles\n                    <\/button>\n                  <\/div>\n                  <div class=\"tr-mini__desc\">\u201cEL ARTE DE DEVOLVER LA DIGNIDAD: RECONSTRUYENDO LA MEMORIA\u201d.<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Taller -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">11:00 \u2013 13:30<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--work\" aria-hidden=\"true\"><\/span>\n                Taller Intensivo de Restauraci\u00f3n y Reconstrucci\u00f3n\n              <\/div>\n              <div class=\"tr-row__meta\">Todos los Ponentes<\/div>\n\n              <div class=\"tr-row__actions\">\n                <button class=\"tr-action\" type=\"button\"\n                  data-modal=\"1\"\n                  data-title=\"Taller Intensivo de Arte Restaurativo y Reconstructivo\"\n                  data-sub=\"7 de mayo \u2022 Jornada Presencial\"\n                  data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/tallerpresencial01.png\"\n                  data-desc=\"Enfocado en el desarrollo de t\u00e9cnicas de restauraci\u00f3n y reconstrucci\u00f3n aplicadas al embalsamamiento. Cada participante contar\u00e1 con un Kit Personal de Restauraci\u00f3n y Reconstrucci\u00f3n incluido, dise\u00f1ado para aprender durante el taller y continuar practicando posteriormente, fortaleciendo as\u00ed su experiencia y preparaci\u00f3n profesional.\">\n                  Ver detalles del taller\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Comida -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">13:30 \u2013 14:30<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--food\" aria-hidden=\"true\"><\/span>\n                Comida Buffet\n              <\/div>\n              <div class=\"tr-row__meta\">Receso<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Taller continuidad -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">14:30 \u2013 17:30<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--work\" aria-hidden=\"true\"><\/span>\n                Taller Intensivo de Restauraci\u00f3n y Reconstrucci\u00f3n\n              <\/div>\n              <div class=\"tr-row__meta\">Continuaci\u00f3n \u2022 Todos los Ponentes<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Reconocimientos -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">17:30<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--other\" aria-hidden=\"true\"><\/span>\n                Entrega de Reconocimientos\n              <\/div>\n              <div class=\"tr-row__meta\">Cierre acad\u00e9mico<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Convivencia -->\n          <article class=\"tr-row\" role=\"listitem\">\n            <div class=\"tr-row__time\">19:00<\/div>\n            <div class=\"tr-row__main\">\n              <div class=\"tr-row__title\">\n                <span class=\"tr-dot tr-dot--other\" aria-hidden=\"true\"><\/span>\n                Convivencia de Honor\n              <\/div>\n              <div class=\"tr-row__meta\">Cena buffet \u2022 Baile<\/div>\n            <\/div>\n          <\/article>\n\n          <!-- Notas -->\n          <article class=\"tr-note\" role=\"listitem\">\n            <div class=\"tr-note__title\">Incluye Coffee Break todo el d\u00eda<\/div>\n            <div class=\"tr-note__sub\">Servicio disponible durante la jornada.<\/div>\n          <\/article>\n\n          <article class=\"tr-note\" role=\"listitem\">\n            <div class=\"tr-note__title\">Expo de Innovaci\u00f3n Mortuoria<\/div>\n            <div class=\"tr-note__sub\">9:00 a 18:00 hrs \u2022 Entrada libre<\/div>\n          <\/article>\n        <\/div>\n\n        <button class=\"tr-nav tr-nav--up\" type=\"button\" id=\"trBackTop\" aria-label=\"Regresar a Jornada Presencial\">\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    <!-- Modal (detalles) -->\n    <div class=\"tr-modal\" id=\"trModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Detalles\">\n      <div class=\"tr-modal__back\" data-close=\"1\" aria-hidden=\"true\"><\/div>\n      <div class=\"tr-modal__panel\" role=\"document\">\n        <button class=\"tr-modal__close\" type=\"button\" id=\"trModalClose\" aria-label=\"Cerrar\">\u2715<\/button>\n\n        <div class=\"tr-modal__grid\">\n          <div class=\"tr-modal__media\">\n            <img id=\"trModalImg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n          <div class=\"tr-modal__content\">\n            <div class=\"tr-modal__kicker\" id=\"trModalSub\"><\/div>\n            <div class=\"tr-modal__title\" id=\"trModalTitle\"><\/div>\n            <div class=\"tr-modal__desc\" id=\"trModalDesc\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Scroller \u201cfantasma\u201d -->\n    <div class=\"tr-sentinel\" aria-hidden=\"true\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n.elementor-section, .elementor-column, .elementor-widget-container, .e-con {\n    overflow: visible !important;\n    height: auto !important;\n}\n\n\/* ===== FULL WIDTH REAL (Elementor) ===== *\/\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\/* ===== Scope ===== *\/\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\n  position:relative;\n  z-index:10;\n}\n#trPJ, #trPJ *{ box-sizing:border-box; }\n\n.tr-stage {\n    position: fixed !important; \/* CAMBIO CR\u00cdTICO: De relative a fixed *\/\n    top: 0; left: 0; width: 100%; height: 100vh;\n    overflow: hidden !important; \/* Ya no maneja scroll interno *\/\n    pointer-events: none; \/* Deja pasar el touch al body (sentinel) *\/\n    z-index: 5;\n}\n.tr-stage::-webkit-scrollbar{ width:0; height:0; }\n\n\/* Barra progreso *\/\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\/* ===== TOP NAV ===== *\/\n.tr-topnav{\n  position:fixed;\n  top:14px;\n  left:50%;\n  transform:translateX(-50%);\n  display:flex;\n  gap:10px;\n  align-items:center;\n  justify-content:center;\n  z-index:120;                 \/* arriba de capas *\/\n  pointer-events:auto;\n  padding:8px 10px;\n  border-radius:999px;\n  background:rgba(0,0,0,.14);\n  border:1px solid rgba(255,255,255,.12);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n.tr-topbtn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  padding:10px 14px;\n  border-radius:999px;\n  text-decoration:none;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.06);\n  color:rgba(255,255,255,.94);\n  font-weight:900;\n  font-size:12px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  transition: transform .2s ease, background .2s ease, border-color .2s ease;\n  white-space:nowrap;\n}\n.tr-topbtn:hover{\n  transform:translateY(-1px);\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.28);\n}\n.tr-topbtn--alt{\n  background:rgba(255,222,89,.12);\n  border-color:rgba(255,222,89,.22);\n}\n.tr-topbtn--alt:hover{\n  background:rgba(255,222,89,.16);\n  border-color:rgba(255,222,89,.30);\n}\n\n\/* \u2705 En m\u00f3vil, que no se salga *\/\n@media (max-width: 520px){\n  .tr-topnav{\n    left:12px;\n    right:12px;\n    transform:none;\n    justify-content:space-between;\n    gap:8px;\n    padding:8px;\n    border-radius:18px;\n  }\n  .tr-topbtn{\n    flex:1;\n    padding:10px 10px;\n    font-size:11px;\n    letter-spacing:.10em;\n  }\n}\n\n\/* Scroller fantasma *\/\n.tr-sentinel{ height:220svh; width:1px; }\n\n\/* ===== Layers fijas ===== *\/\n.tr-layer{\n  position:fixed;\n  inset:0;\n  display:grid;\n  place-items:center;\n  z-index:30;\n  pointer-events:none;\n}\n\n\/* ===== CAPA 1 ===== *\/\n.tr-layer--a{\n  opacity:1;\n  transform:none;\n  transition: opacity 420ms ease, transform 420ms ease;\n  will-change: opacity, transform;\n  pointer-events: auto !important;\n}\n\/* \u2705 Cuando aparece Capa 2: Capa 1 se va *\/\n.tr-layer--a.is-hidden{\n  opacity:0;\n  transform: translate3d(0, -10px, 0) scale(.99);\n  pointer-events:none;\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(920px, 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\n  opacity:0;\n  transform:translate3d(0,16px,0) scale(.99);\n  will-change:transform, opacity;\n}\n\n\/* 1. Forzar visibilidad en elementos internos *\/\n\/* Antes ten\u00edan opacity: 0 esperando animaci\u00f3n. Ahora deben verse siempre. *\/\n.tr-a__block, \n.tr-a__title, .tr-a__subtitle, \n.tr-topic, .tr-pill, .tr-a__hint,\n.tr-b__top, .tr-program, .tr-b__title, .tr-b__lead {\n    opacity: 1 !important;\n    transform: none !important;\n    animation: none !important; \/* Desactivamos animaciones viejas que causan conflicto *\/\n}\n\n\/* Entrada al cargar *\/\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:0;\n  transform:translate3d(0,12px,0);\n}\n.tr-a__subtitle{\n  margin:0 0 14px;\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:0;\n  transform:translate3d(0,12px,0);\n}\n\n\/* Temas (chips) *\/\n.tr-a__topics{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n  margin: 0 0 16px;\n}\n.tr-topic{\n  display:inline-flex;\n  align-items:center;\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  font-weight:700;\n  font-size:12px;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  opacity:0;\n  transform:translate3d(0,10px,0);\n}\n\n.tr-a__meta{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n}\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:0;\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:0;\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\/* Stagger al cargar *\/\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 #trATopics > :nth-child(1){ animation: trFadeUp 650ms 300ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trATopics > :nth-child(2){ animation: trFadeUp 650ms 360ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trATopics > :nth-child(3){ animation: trFadeUp 650ms 420ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trADate { animation: trFadeUp 700ms 500ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trAPlace{ animation: trFadeUp 700ms 580ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--a.is-loaded #trAHint { animation: trFadeUp 700ms 660ms cubic-bezier(.2,.8,.2,1) forwards; }\n\n@keyframes trFadeUp{ to{ opacity:1; transform:translate3d(0,0,0); } }\n\n\/* ===== CAPA 2 ===== *\/\n.tr-layer--b{\n  opacity:0;\n  transform:translate3d(0,12px,0);\n}\n.tr-layer--b.is-active{\n  opacity:1;\n  transform:translate3d(0,0,0);\n  pointer-events: auto !important;\n}\n\n.tr-b{\n  width:100%;\n  max-width:1120px;\n  padding: 0 clamp(16px,4vw,48px) 72px;\n  margin:0 auto;\n  pointer-events:auto;\n}\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\n  opacity:0;\n  transform:translate3d(0,12px,0);\n}\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  line-height:1.6;\n  color:rgba(255,255,255,.82);\n  font-size:clamp(13px,1.5vw,16px);\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n.tr-b__h3{\n  margin:10px 0 0;\n  font-size:clamp(14px,1.6vw,18px);\n  color:rgba(255,255,255,.9);\n  font-weight:700;\n}\n\n.tr-b__legend{\n  display:flex;\n  align-items:center;\n  gap:8px;\n  flex-wrap:wrap;\n  justify-content:flex-end;\n}\n\n\/* 4. REGLA DE ORO DE INTERACCI\u00d3N (Adaptada a este c\u00f3digo) *\/\n\/* Cuando la capa B (Programa) est\u00e1 activa, permitimos tocarla y scrollear dentro *\/\n.tr-layer--b.is-active {\n    pointer-events: auto !important;\n    z-index: 50;\n}\n.tr-legend{\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  opacity:.85;\n  margin-right:10px;\n}\n.tr-dot{\n  width:10px; height:10px;\n  border-radius:999px;\n  display:inline-block;\n  border:1px solid rgba(255,255,255,.25);\n  box-shadow: 0 10px 22px rgba(0,0,0,.18);\n}\n.tr-dot--talk{ background:rgba(255,222,89,.45); }\n.tr-dot--work{ background:rgba(215,182,255,.45); }\n.tr-dot--food{ background:rgba(120,220,255,.45); }\n.tr-dot--other{ background:rgba(255,255,255,.22); }\n\n\/* Programa *\/\n.tr-program{\n  display:grid;\n  gap:12px;\n  opacity:0;\n  transform:translate3d(0,12px,0);\n}\n\n.tr-row{\n  display:grid;\n  grid-template-columns: 150px minmax(0, 1fr);\n  gap:12px;\n  padding:14px 14px 14px 14px;\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.tr-row__time{\n  display:flex;\n  align-items:flex-start;\n  justify-content:flex-start;\n  font-weight:800;\n  letter-spacing:.06em;\n  color:rgba(255,255,255,.92);\n}\n.tr-row__title{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  font-weight:800;\n  color:rgba(255,255,255,.94);\n  line-height:1.25;\n}\n.tr-row__meta{\n  margin-top:6px;\n  color:rgba(255,255,255,.78);\n  line-height:1.55;\n  font-size:14px;\n}\n\n\/* Tarjetas internas *\/\n.tr-row__cards{\n  margin-top:10px;\n  display:grid;\n  grid-template-columns:repeat(2, minmax(0,1fr));\n  gap:10px;\n}\n.tr-mini{\n  border-radius:16px;\n  background:rgba(0,0,0,.16);\n  border:1px solid rgba(255,255,255,.14);\n  padding:12px;\n}\n.tr-mini__top{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:10px;\n}\n.tr-mini__name{\n  font-weight:800;\n  color:var(--subtitle);\n  line-height:1.2;\n}\n.tr-mini__desc{\n  margin-top:8px;\n  color:rgba(255,255,255,.88);\n  line-height:1.5;\n  font-size:14px;\n}\n.tr-mini__btn{\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,222,89,.14);\n  color:rgba(255,255,255,.94);\n  border-radius:999px;\n  padding:8px 10px;\n  font-weight:800;\n  font-size:12px;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  cursor:pointer;\n  white-space:nowrap;\n  transition: transform .2s ease, background .2s ease, border-color .2s ease;\n}\n.tr-mini__btn:hover{ transform:translateY(-1px); background:rgba(255,222,89,.18); border-color:rgba(255,222,89,.28); }\n\n\/* Acci\u00f3n taller *\/\n.tr-row__actions{ margin-top:10px; }\n.tr-action{\n  width:100%;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  padding:12px 14px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(215,182,255,.12);\n  color:rgba(255,255,255,.94);\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  cursor:pointer;\n  transition: transform .2s ease, background .2s ease, border-color .2s ease;\n}\n.tr-action:hover{ transform:translateY(-1px); background:rgba(215,182,255,.16); border-color:rgba(215,182,255,.28); }\n\n\/* Notas *\/\n.tr-note{\n  padding:14px 16px;\n  border-radius:18px;\n  background:rgba(255,255,255,.06);\n  border:1px dashed rgba(255,255,255,.18);\n}\n.tr-note__title{ font-weight:900; color:rgba(255,255,255,.92); }\n.tr-note__sub{\n  margin-top:6px;\n  color:rgba(255,255,255,.78);\n  line-height:1.55;\n  font-size:14px;\n}\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  pointer-events:auto;\n}\n.tr-nav__label{\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  opacity:.86;\n}\n.tr-nav__arrow{\n  font-size:22px;\n  line-height:1;\n  opacity:.95;\n  animation:trBop 1.6s ease-in-out infinite;\n}\n.tr-nav--up{\n  top:18px;\n  bottom:auto;\n  flex-direction:column-reverse;\n}\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\/* Entradas de capa 2 *\/\n.tr-layer--b.is-active #trBTop{ animation: trFadeUp 650ms 80ms cubic-bezier(.2,.8,.2,1) forwards; }\n.tr-layer--b.is-active #trProgram{ animation: trFadeUp 650ms 180ms cubic-bezier(.2,.8,.2,1) forwards; }\n\n\/* ===== MODAL ===== *\/\n.tr-modal{\n  position:fixed;\n  inset:0;\n  display:none;\n  z-index:200;\n  pointer-events:auto;\n}\n.tr-modal.is-open{ display:block; }\n\n.tr-modal__back{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,.55);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n.tr-modal__panel{\n  position:relative;\n  width:min(980px, calc(100% - 28px));\n  margin: clamp(18px, 5vh, 46px) auto 0;\n  border-radius:22px;\n  background:rgba(25,10,55,.78);\n  border:1px solid rgba(255,255,255,.16);\n  box-shadow: 0 26px 70px rgba(0,0,0,.35);\n  overflow:hidden;\n}\n.tr-modal__close{\n  position:absolute;\n  right:12px;\n  top:12px;\n  width:40px;\n  height:40px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.08);\n  color:rgba(255,255,255,.92);\n  font-size:18px;\n  cursor:pointer;\n}\n.tr-modal__grid{\n  display:grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap:0;\n}\n.tr-modal__media{\n  background:rgba(0,0,0,.18);\n  display:grid;\n  place-items:center;\n  padding:14px;\n  min-height:320px;\n}\n.tr-modal__media img{\n  width:100%;\n  height:100%;\n  max-height:420px;\n  object-fit:contain;\n  display:block;\n}\n.tr-modal__content{ padding:18px 18px 20px; }\n.tr-modal__kicker{\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:rgba(255,222,89,.9);\n  font-size:12px;\n}\n.tr-modal__title{\n  margin-top:8px;\n  font-family:var(--font-h1);\n  text-transform:uppercase;\n  color:rgba(255,255,255,.96);\n  font-size:clamp(18px,2.2vw,28px);\n  line-height:1.12;\n}\n.tr-modal__desc{\n  margin-top:10px;\n  color:rgba(255,255,255,.88);\n  line-height:1.65;\n  font-size:15px;\n}\n\n\/* ===== Responsivo ===== *\/\n@media (max-width: 980px){\n  .tr-row{ grid-template-columns: 1fr; }\n  .tr-row__time{ opacity:.9; }\n  .tr-row__cards{ grid-template-columns:1fr; }\n  .tr-b__legend{ justify-content:flex-start; }\n  .tr-modal__grid{ grid-template-columns: 1fr; }\n  .tr-modal__media{ min-height:240px; }\n}\n\n\/* Reduced motion *\/\n@media(prefers-reduced-motion:reduce){\n  #trPJ *{animation:none!important;transition:none!important;transform:none!important;}\n}\n\/* \u2705 FIX: CAPA 2 (Programa) scrollea dentro y no bloquea el scroll *\/\n.tr-layer--b.is-active{\n  place-items: stretch;\n  align-items: stretch;\n}\n.tr-layer--b.is-active .tr-b{\n  max-height: 100vh;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  padding-top: 18px;\n  padding-bottom: 100px;\n}\n.tr-layer--b.is-active .tr-b::-webkit-scrollbar{ width:0; height:0; }\n\n\/* 5. OCULTAR SCROLLBARS (Est\u00e9tico) *\/\nhtml::-webkit-scrollbar, body::-webkit-scrollbar, .tr-b::-webkit-scrollbar { display: none; }\nhtml, body { scrollbar-width: none; overflow-x: hidden; }\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<\/style>\n<script>\n(function(){\n  \/\/ =========================================================\n  \/\/ 1. INYECCI\u00d3N DEL MOTOR (SENTINEL)\n  \/\/ =========================================================\n  setTimeout(function(){\n      var existingSentinel = document.querySelector(\".tr-sentinel-global-pj\");\n      if(!existingSentinel){\n          var newSentinel = document.createElement(\"div\");\n          newSentinel.className = \"tr-sentinel-global-pj\";\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          \/\/ Altura suficiente para la transici\u00f3n de entrada\n          newSentinel.style.height = \"250vh\"; \n          newSentinel.style.zIndex = \"-9999\";\n          newSentinel.style.pointerEvents = \"none\";\n      }\n  }, 500);\n\n  \/\/ =========================================================\n  \/\/ 2. REFERENCIAS\n  \/\/ =========================================================\n  var stage = document.getElementById(\"trPJStage\");\n  var layerA = document.getElementById(\"trLayerA\");\n  var layerB = document.getElementById(\"trLayerB\");\n  \/\/ Referencia al contenedor con scroll del programa\n  var scrollContainerB = layerB ? layerB.querySelector(\".tr-b\") : null;\n\n  var progressBar = stage ? stage.querySelector(\".tr-progress\") : null;\n  var goProgram = document.getElementById(\"trGoProgram\");\n  var backTop = document.getElementById(\"trBackTop\");\n\n  \/\/ Ocultar loader si existe\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 de 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 (Programa)\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) L\u00f3gica de Cambio (Al 10% del scroll baja la capa B)\n    var trigger = 0.10;\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: Programa (20-100%) basado en su contenido real\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)\n    if(layerA){\n        layerA.classList.toggle(\"is-hidden\", showB);\n        \/\/ Si se oculta, quitamos interacci\u00f3n\n        layerA.style.pointerEvents = showB ? \"none\" : \"auto\";\n        layerA.style.opacity = showB ? \"0\" : \"1\";\n        \/\/ Efecto visual de salida\n        layerA.style.transform = showB ? \"translate3d(0, -50px, 0) scale(0.95)\" : \"none\";\n    }\n\n    \/\/ Capa B (Programa)\n    if(layerB){\n        layerB.classList.toggle(\"is-active\", showB);\n        layerB.style.pointerEvents = showB ? \"auto\" : \"none\";\n        layerB.style.opacity = showB ? \"1\" : \"0\";\n        layerB.style.transform = showB ? \"translate3d(0,0,0)\" : \"translate3d(0, 50px, 0)\";\n    }\n\n    \/\/ Botones\n    if(goProgram) {\n        goProgram.style.opacity = showB ? \"0\" : \"1\";\n        goProgram.style.pointerEvents = showB ? \"none\" : \"auto\";\n    }\n    if(backTop) {\n        \/\/ Mostrar bot\u00f3n regresar cuando ya se haya scrolleado un poco el programa\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 que la barra avance al leer el programa)\n  if(scrollContainerB){\n      scrollContainerB.addEventListener(\"scroll\", requestTick, {passive:true});\n  }\n\n  render(); \/\/ Inicio\n\n  \/\/ =========================================================\n  \/\/ 5. NAVEGACI\u00d3N\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(goProgram) goProgram.onclick = function(){ scrollToWindow(0.15); };\n  if(backTop) backTop.onclick = function(){ \n      scrollToWindow(0); \n      if(scrollContainerB) scrollContainerB.scrollTo({top:0, behavior:\"smooth\"});\n  };\n\n  \/\/ =========================================================\n  \/\/ 6. MODALES (Tu c\u00f3digo original funciona, solo lo encapsulamos)\n  \/\/ =========================================================\n  var modal = document.getElementById(\"trModal\");\n  var modalBack = modal ? modal.querySelector(\".tr-modal__back\") : null;\n  var modalClose = document.getElementById(\"trModalClose\");\n  var mImg = document.getElementById(\"trModalImg\");\n  var mTitle = document.getElementById(\"trModalTitle\");\n  var mSub = document.getElementById(\"trModalSub\");\n  var mDesc = document.getElementById(\"trModalDesc\");\n\n  function openModal(data){\n    if(!modal) return;\n\n    if(mImg){\n      mImg.src = data.img || \"\";\n      mImg.alt = (data.title || \"Detalle\");\n      mImg.style.display = data.img ? \"block\" : \"none\";\n    }\n    if(mTitle) mTitle.textContent = data.title || \"\";\n    if(mSub) mSub.textContent = data.sub || \"\";\n    if(mDesc) mDesc.textContent = data.desc || \"\";\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"false\");\n    document.documentElement.style.overflow = \"hidden\";\n  }\n\n  function closeModal(){\n    if(!modal) return;\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"true\");\n    document.documentElement.style.overflow = \"\";\n  }\n  \/\/ ... Solo aseg\u00farate de que el listener de click sea global o al document ...\n  \n  \/\/ SUGERENCIA: Cambia 'stage.addEventListener' por 'document.addEventListener'\n  \/\/ para asegurar que detecte clicks aunque el stage tenga pointer-events raros.\n  document.addEventListener(\"click\", function(e){\n    var btn = e.target.closest(\"[data-modal]\");\n    if(btn){\n      e.preventDefault();\n      openModal({\n        title: btn.getAttribute(\"data-title\"),\n        sub: btn.getAttribute(\"data-sub\"),\n        img: btn.getAttribute(\"data-img\"),\n        desc: btn.getAttribute(\"data-desc\")\n      });\n      return;\n    }\n    \/\/ ... l\u00f3gica de cerrar modal ...\n    if(e.target.closest(\".tr-modal__close\") || (e.target.classList.contains(\"tr-modal__back\") && e.target.dataset.close)){\n        \/\/ closeModal logic\n        if(modal) {\n            modal.classList.remove(\"is-open\");\n            document.documentElement.style.overflow = \"\";\n        }\n    }\n  });\n\n})();\n<\/script>\n\n\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-804b3ff elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"804b3ff\" 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-0c2c775 elementor-widget elementor-widget-html\" data-id=\"0c2c775\" 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 -> bg03) -->\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 -> bg03 ---------- *\/\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\/* bg03 (entra despu\u00e9s) *\/\n#trFixedBg .tr-bg1-b{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/bg03.png\");\n  opacity:0;\n  transform:translateY(8vh);\n  z-index:1;\n}\n\n\/* Al activar el cambio: Fondo00 sale \/ bg03 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\/* Fondo00 SALE HACIA ABAJO *\/\n@keyframes trBg1Out{\n  to{ transform:translateY(10vh); opacity:0; }\n}\n\n\/* bg03 ENTRA desde abajo *\/\n@keyframes trBg1In{\n  to{ transform:translateY(0); opacity:.08; }\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), desaparece *\/\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 *{\n    animation:none!important;\n    transition:none!important;\n    transform:none!important;\n  }\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\n    bg.classList.add(\"tr-swap-bg1\");   \/\/ Fondo00 sale abajo + bg03 entra\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-908a9ba elementor-widget elementor-widget-html\" data-id=\"908a9ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTRASCENDER \u2022 JORNADA PRESENCIAL + PROGRAMA (MOBILE ONLY)\n\u2705 SOLO M\u00d3VIL (<=768px)\n\u2705 Scroll nativo (sin stage fixed \/ sentinel)\n\u2705 Portada \u2192 Programa con transici\u00f3n suave\n\u2705 Modal detalles\n\u2705 Top nav sticky\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=\"pj-m\" id=\"pjRoot\" aria-label=\"Jornada presencial m\u00f3vil\">\n\n  <!-- TOP NAV sticky -->\n  <header class=\"pj-m__header\" aria-label=\"Navegaci\u00f3n principal\">\n    <div class=\"pj-m__topnav\">\n      <a class=\"pj-m__topbtn\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/inicio\/\" target=\"_self\" rel=\"noopener\">Inicio<\/a>\n      <a class=\"pj-m__topbtn pj-m__topbtn--alt\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-virtual\/\" target=\"_self\" rel=\"noopener\">Jornada Virtual<\/a>\n              <a class=\"trm-btn trm-btn--gold span-2\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\n    <\/div>\n\n    <div class=\"pj-m__progress\" aria-hidden=\"true\"><span id=\"pjProgBar\"><\/span><\/div>\n  <\/header>\n\n  <main class=\"pj-m__main\">\n\n    <!-- =======================\n         SECCI\u00d3N 1: PORTADA\n    ======================== -->\n    <section class=\"pj-m__sec pj-m__hero\" id=\"pjHero\" aria-label=\"Jornada Presencial\">\n      <div class=\"pj-m__card pj-reveal\">\n        <h1 class=\"pj-m__title\">Jornada Presencial<\/h1>\n        <p class=\"pj-m__subtitle\">Conferencias Magistrales<\/p>\n\n        <div class=\"pj-m__topics\" aria-label=\"Temas principales\">\n          <div class=\"pj-m__topic\">Taller Intensivo de Reconstrucci\u00f3n y Restauraci\u00f3n<\/div>\n          <div class=\"pj-m__topic\">Expo de Innovaci\u00f3n Mortuoria<\/div>\n          <div class=\"pj-m__topic\">Convivencia de Honor<\/div>\n        <\/div>\n\n        <div class=\"pj-m__meta\">\n          <div class=\"pj-m__pill\">\n            <span class=\"pj-m__pillK\">Fecha<\/span>\n            <span class=\"pj-m__pillV\">7 de Mayo<\/span>\n          <\/div>\n          <div class=\"pj-m__pill\">\n            <span class=\"pj-m__pillK\">Lugar<\/span>\n            <span class=\"pj-m__pillV\">Holiday Inn M\u00e9xico Zona Centro<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"pj-m__hint\">\n          <span class=\"pj-m__hintLabel\">Ver Programa<\/span>\n          <span class=\"pj-m__hintArrow\" aria-hidden=\"true\">\u2193<\/span>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- =======================\n         SECCI\u00d3N 2: PROGRAMA\n    ======================== -->\n    <section class=\"pj-m__sec pj-m__program\" id=\"pjProgram\" aria-label=\"Programa\">\n      <div class=\"pj-m__programTop pj-reveal\">\n        <div class=\"pj-m__head\">\n          <h2 class=\"pj-m__h2\">Programa<\/h2>\n          <p class=\"pj-m__lead\">Jornada Presencial<\/p>\n          <h3 class=\"pj-m__h3\">Holiday Inn M\u00e9xico Zona Centro<\/h3>\n        <\/div>\n\n        <div class=\"pj-m__legend\" aria-label=\"Leyenda\">\n          <span class=\"pj-dot pj-dot--talk\"><\/span><span class=\"pj-legend\">Ponencia<\/span>\n          <span class=\"pj-dot pj-dot--work\"><\/span><span class=\"pj-legend\">Taller<\/span>\n          <span class=\"pj-dot pj-dot--food\"><\/span><span class=\"pj-legend\">Alimentos<\/span>\n          <span class=\"pj-dot pj-dot--other\"><\/span><span class=\"pj-legend\">General<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pj-m__list\" id=\"pjList\" role=\"list\" aria-label=\"Agenda del d\u00eda\">\n\n        <!-- Registro -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">8:00 \u2013 8:30<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--other\" aria-hidden=\"true\"><\/span>Registro de Participantes<\/div>\n            <div class=\"pj-row__meta\">Acceso y acreditaci\u00f3n<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Bienvenida -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">8:45<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--other\" aria-hidden=\"true\"><\/span>Inauguraci\u00f3n y Bienvenida<\/div>\n            <div class=\"pj-row__meta\">Apertura oficial<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Ponencias Magistrales -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">9:00 \u2013 11:00<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--talk\" aria-hidden=\"true\"><\/span>Ponencias Magistrales<\/div>\n\n            <div class=\"pj-cards\">\n              <div class=\"pj-mini\">\n                <div class=\"pj-mini__top\">\n                  <div class=\"pj-mini__name\">Lic. Camilo Andr\u00e9s Jaramillo Uribe<\/div>\n                  <button class=\"pj-mini__btn\" type=\"button\"\n                    data-pj-modal=\"1\"\n                    data-title=\"Lic. Camilo Andr\u00e9s Jaramillo Uribe\"\n                    data-sub=\"Ponencia Magistral\"\n                    data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/drdavid.png\"\n                    data-desc=\"\u201cPREPARAR PARA CREAR: EL EMBALSAMAMIENTO COMO FUNDAMENTO DEL ARTE RESTAURATIVO\u201d.\">\n                    Ver detalles\n                  <\/button>\n                <\/div>\n                <div class=\"pj-mini__desc\">\u201cPREPARAR PARA CREAR: EL EMBALSAMAMIENTO COMO FUNDAMENTO DEL ARTE RESTAURATIVO\u201d.<\/div>\n              <\/div>\n\n              <div class=\"pj-mini\">\n                <div class=\"pj-mini__top\">\n                  <div class=\"pj-mini__name\">Mtro. David Bedoya Oquendo<\/div>\n                  <button class=\"pj-mini__btn\" type=\"button\"\n                    data-pj-modal=\"1\"\n                    data-title=\"Mtro. David Bedoya Oquendo\"\n                    data-sub=\"Ponencia Magistral\"\n                    data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/liccamilo.png\"\n                    data-desc=\"\u201cEL ARTE DE DEVOLVER LA DIGNIDAD: RECONSTRUYENDO LA MEMORIA\u201d.\">\n                    Ver detalles\n                  <\/button>\n                <\/div>\n                <div class=\"pj-mini__desc\">\u201cEL ARTE DE DEVOLVER LA DIGNIDAD: RECONSTRUYENDO LA MEMORIA\u201d.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Taller -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">11:00 \u2013 13:30<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--work\" aria-hidden=\"true\"><\/span>Taller Intensivo de Restauraci\u00f3n y Reconstrucci\u00f3n<\/div>\n            <div class=\"pj-row__meta\">Todos los Ponentes<\/div>\n\n            <div class=\"pj-actions\">\n              <button class=\"pj-action\" type=\"button\"\n                data-pj-modal=\"1\"\n                data-title=\"Taller Intensivo de Arte Restaurativo y Reconstructivo\"\n                data-sub=\"7 de mayo \u2022 Jornada Presencial\"\n                data-img=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/tallerpresencial01.png\"\n                data-desc=\"Enfocado en el desarrollo de t\u00e9cnicas de restauraci\u00f3n y reconstrucci\u00f3n aplicadas al embalsamamiento. Cada participante contar\u00e1 con un Kit Personal de Restauraci\u00f3n y Reconstrucci\u00f3n incluido, dise\u00f1ado para aprender durante el taller y continuar practicando posteriormente, fortaleciendo as\u00ed su experiencia y preparaci\u00f3n profesional.\">\n                Ver detalles del taller\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Comida -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">13:30 \u2013 14:30<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--food\" aria-hidden=\"true\"><\/span>Comida Buffet<\/div>\n            <div class=\"pj-row__meta\">Receso<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Taller continuidad -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">14:30 \u2013 17:30<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--work\" aria-hidden=\"true\"><\/span>Taller Intensivo de Restauraci\u00f3n y Reconstrucci\u00f3n<\/div>\n            <div class=\"pj-row__meta\">Continuaci\u00f3n \u2022 Todos los Ponentes<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Reconocimientos -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">17:30<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--other\" aria-hidden=\"true\"><\/span>Entrega de Reconocimientos<\/div>\n            <div class=\"pj-row__meta\">Cierre acad\u00e9mico<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Convivencia -->\n        <article class=\"pj-row pj-reveal\" role=\"listitem\">\n          <div class=\"pj-row__time\">19:00<\/div>\n          <div class=\"pj-row__main\">\n            <div class=\"pj-row__title\"><span class=\"pj-dot pj-dot--other\" aria-hidden=\"true\"><\/span>Convivencia de Honor<\/div>\n            <div class=\"pj-row__meta\">Cena buffet \u2022 Baile<\/div>\n          <\/div>\n        <\/article>\n\n        <!-- Notas -->\n        <article class=\"pj-note pj-reveal\" role=\"listitem\">\n          <div class=\"pj-note__title\">Incluye Coffee Break todo el d\u00eda<\/div>\n          <div class=\"pj-note__sub\">Servicio disponible durante la jornada.<\/div>\n        <\/article>\n\n        <article class=\"pj-note pj-reveal\" role=\"listitem\">\n          <div class=\"pj-note__title\">Expo de Innovaci\u00f3n Mortuoria<\/div>\n          <div class=\"pj-note__sub\">9:00 a 18:00 hrs \u2022 Entrada libre<\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"pj-m__footer\">\n        <button class=\"pj-m__btn pj-m__btn--ghost\" type=\"button\" id=\"pjBackTop\">\n          <span aria-hidden=\"true\">\u2191<\/span> Regresar a Portada\n        <\/button>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- MODAL -->\n  <div class=\"pj-modal\" id=\"pjModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Detalles\">\n    <div class=\"pj-modal__back\" data-pj-close=\"1\" aria-hidden=\"true\"><\/div>\n    <div class=\"pj-modal__panel\" role=\"document\">\n      <button class=\"pj-modal__close\" type=\"button\" id=\"pjModalClose\" aria-label=\"Cerrar\">\u2715<\/button>\n\n      <div class=\"pj-modal__grid\">\n        <div class=\"pj-modal__media\">\n          <img id=\"pjModalImg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"pj-modal__content\">\n          <div class=\"pj-modal__kicker\" id=\"pjModalSub\"><\/div>\n          <div class=\"pj-modal__title\" id=\"pjModalTitle\"><\/div>\n          <div class=\"pj-modal__desc\" id=\"pjModalDesc\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* =========================\n   MOBILE ONLY\n========================= *\/\n.pj-m{ display:none; }\n@media (max-width:768px){\n  .pj-m{ display:block; position:relative; z-index:2; }\n  html, body{ overflow-x:hidden !important; background:transparent !important; }\n}\n\n\/* Scope *\/\n#pjRoot, #pjRoot *{ box-sizing:border-box; }\n#pjRoot{\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 *\/\n.pj-m__header{\n  position:sticky;\n  top:0;\n  z-index:80;\n  padding:10px 12px 10px;\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.pj-m__topnav{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n}\n.pj-m__topbtn{\n  flex:1;\n  text-align:center;\n  padding:10px 10px;\n  border-radius:999px;\n  text-decoration:none;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.06);\n  color:rgba(255,255,255,.94);\n  font-weight:900;\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n.pj-m__topbtn--alt{\n  background:rgba(255,222,89,.12);\n  border-color:rgba(255,222,89,.22);\n}\n.pj-m__chips{\n  margin-top:10px;\n  display:flex;\n  gap:8px;\n  overflow:auto;\n  -webkit-overflow-scrolling:touch;\n  padding-bottom:2px;\n}\n.pj-m__chips::-webkit-scrollbar{ display:none; }\n.pj-m__chip{\n  flex:0 0 auto;\n  text-decoration:none;\n  color:rgba(255,255,255,.88);\n  font-size:12px;\n  letter-spacing:.08em;\n  padding:7px 10px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.16);\n  background: rgba(255,255,255,.06);\n  white-space:nowrap;\n  -webkit-tap-highlight-color: transparent;\n}\n.pj-m__chip.is-active{\n  border-color: rgba(255,222,89,.45);\n  background: rgba(255,222,89,.10);\n}\n\n\/* Progress *\/\n.pj-m__progress{\n  margin-top:10px;\n  height:2px;\n  width:100%;\n  background:rgba(255,255,255,.10);\n  border-radius:999px;\n  overflow:hidden;\n}\n.pj-m__progress span{\n  display:block;\n  height:100%;\n  width:0%;\n  background:rgba(255,222,89,.9);\n}\n\n\/* Sections *\/\n.pj-m__sec{ padding:18px 16px 26px; }\n.pj-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.pj-m__title{\n  font-family:var(--font-h);\n  color:var(--title);\n  text-transform:uppercase;\n  margin:0 0 8px;\n  font-size:32px;\n  line-height:1.05;\n}\n.pj-m__subtitle{\n  margin:0 0 14px;\n  font-weight:900;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  color:var(--subtitle);\n  font-size:12px;\n}\n.pj-m__topics{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n  margin:0 0 16px;\n}\n.pj-m__topic{\n  display:inline-flex;\n  align-items:center;\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  font-weight:900;\n  font-size:12px;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n.pj-m__meta{\n  display:flex;\n  gap:10px;\n  justify-content:center;\n  flex-wrap:wrap;\n}\n.pj-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.pj-m__pillK{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; opacity:.8; }\n.pj-m__pillV{ font-weight:900; }\n\n.pj-m__hint{\n  margin-top:16px;\n  display:inline-flex;\n  flex-direction:column;\n  align-items:center;\n  gap:6px;\n}\n.pj-m__hintLabel{\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  opacity:.88;\n}\n.pj-m__hintArrow{\n  font-size:22px;\n  line-height:1;\n  animation:pjBop 1.6s ease-in-out infinite;\n}\n@keyframes pjBop{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }\n\n.pj-m__cta{\n  margin-top:16px;\n  display:flex;\n  justify-content:center;\n}\n.pj-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  -webkit-tap-highlight-color: transparent;\n}\n.pj-m__btn--primary{\n  background: rgba(255,255,255,.86);\n  color:#230449;\n  box-shadow: 0 14px 28px rgba(0,0,0,.20);\n}\n.pj-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.pj-m__btnArrow{ font-weight:900; }\n\n\/* Program top *\/\n.pj-m__programTop{ display:flex; flex-direction:column; gap:12px; }\n.pj-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.pj-m__lead{\n  margin:6px 0 0;\n  line-height:1.6;\n  color:rgba(255,255,255,.82);\n  font-size:14px;\n  font-weight:900;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n}\n.pj-m__h3{\n  margin:10px 0 0;\n  font-size:14px;\n  color:rgba(255,255,255,.9);\n  font-weight:900;\n}\n\n\/* Legend *\/\n.pj-m__legend{\n  display:flex;\n  align-items:center;\n  gap:8px;\n  flex-wrap:wrap;\n}\n.pj-legend{\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  opacity:.85;\n  margin-right:10px;\n}\n.pj-dot{\n  width:10px; height:10px;\n  border-radius:999px;\n  display:inline-block;\n  border:1px solid rgba(255,255,255,.25);\n  box-shadow: 0 10px 22px rgba(0,0,0,.18);\n}\n.pj-dot--talk{ background:rgba(255,222,89,.45); }\n.pj-dot--work{ background:rgba(215,182,255,.45); }\n.pj-dot--food{ background:rgba(120,220,255,.45); }\n.pj-dot--other{ background:rgba(255,255,255,.22); }\n\n\/* Program list *\/\n.pj-m__list{\n  display:grid;\n  gap:12px;\n  margin-top:14px;\n}\n.pj-row{\n  display:grid;\n  gap:10px;\n  padding:14px 14px;\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.pj-row__time{\n  font-weight:900;\n  letter-spacing:.06em;\n  color:rgba(255,255,255,.92);\n}\n.pj-row__title{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  font-weight:900;\n  color:rgba(255,255,255,.94);\n  line-height:1.25;\n}\n.pj-row__meta{\n  margin-top:6px;\n  color:rgba(255,255,255,.78);\n  line-height:1.55;\n  font-size:14px;\n}\n\n\/* Inner cards -> 1 col m\u00f3vil *\/\n.pj-cards{\n  margin-top:10px;\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n}\n.pj-mini{\n  border-radius:16px;\n  background:rgba(0,0,0,.16);\n  border:1px solid rgba(255,255,255,.14);\n  padding:12px;\n}\n.pj-mini__top{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:10px;\n}\n.pj-mini__name{\n  font-weight:900;\n  color:var(--subtitle);\n  line-height:1.2;\n}\n.pj-mini__desc{\n  margin-top:8px;\n  color:rgba(255,255,255,.88);\n  line-height:1.5;\n  font-size:14px;\n}\n.pj-mini__btn{\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,222,89,.14);\n  color:rgba(255,255,255,.94);\n  border-radius:999px;\n  padding:8px 10px;\n  font-weight:900;\n  font-size:12px;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  cursor:pointer;\n  white-space:nowrap;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* Taller action *\/\n.pj-actions{ margin-top:10px; }\n.pj-action{\n  width:100%;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  padding:12px 14px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(215,182,255,.12);\n  color:rgba(255,255,255,.94);\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  cursor:pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* Notes *\/\n.pj-note{\n  padding:14px 16px;\n  border-radius:18px;\n  background:rgba(255,255,255,.06);\n  border:1px dashed rgba(255,255,255,.18);\n}\n.pj-note__title{ font-weight:900; color:rgba(255,255,255,.92); }\n.pj-note__sub{\n  margin-top:6px;\n  color:rgba(255,255,255,.78);\n  line-height:1.55;\n  font-size:14px;\n}\n\n\/* Footer *\/\n.pj-m__footer{\n  margin-top:18px;\n  display:flex;\n  justify-content:center;\n  padding-bottom:10px;\n}\n\n\/* Modal *\/\n.pj-modal{\n  position:fixed;\n  inset:0;\n  display:none;\n  z-index:200;\n}\n.pj-modal.is-open{ display:block; }\n.pj-modal__back{\n  position:absolute;\n  inset:0;\n  background:rgba(0,0,0,.55);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n.pj-modal__panel{\n  position:relative;\n  width:calc(100% - 28px);\n  margin: 14px auto 0;\n  border-radius:22px;\n  background:rgba(25,10,55,.78);\n  border:1px solid rgba(255,255,255,.16);\n  box-shadow: 0 26px 70px rgba(0,0,0,.35);\n  overflow:hidden;\n}\n.pj-modal__close{\n  position:absolute;\n  right:12px;\n  top:12px;\n  width:40px;\n  height:40px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.08);\n  color:rgba(255,255,255,.92);\n  font-size:18px;\n  cursor:pointer;\n}\n.pj-modal__grid{ display:grid; grid-template-columns:1fr; }\n.pj-modal__media{\n  background:rgba(0,0,0,.18);\n  display:grid;\n  place-items:center;\n  padding:14px;\n  min-height:220px;\n}\n.pj-modal__media img{\n  width:100%;\n  height:100%;\n  max-height:360px;\n  object-fit:contain;\n  display:block;\n}\n.pj-modal__content{ padding:16px 16px 18px; }\n.pj-modal__kicker{\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:rgba(255,222,89,.9);\n  font-size:12px;\n}\n.pj-modal__title{\n  margin-top:8px;\n  font-family:var(--font-h);\n  text-transform:uppercase;\n  color:rgba(255,255,255,.96);\n  font-size:18px;\n  line-height:1.12;\n}\n.pj-modal__desc{\n  margin-top:10px;\n  color:rgba(255,255,255,.88);\n  line-height:1.65;\n  font-size:15px;\n}\n\n\/* Reveal *\/\n.pj-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.pj-reveal.is-in{\n  opacity:1;\n  transform: translate3d(0,0,0);\n}\n\n\/* Reduced motion *\/\n@media(prefers-reduced-motion:reduce){\n  .pj-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }\n  .pj-m__hintArrow{ animation:none !important; }\n}\n\n\/* Tap comfort *\/\na, button{ touch-action: manipulation; }\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(\"pjRoot\");\n  if(!root) return;\n\n  function qs(sel, el){ return (el||document).querySelector(sel); }\n  function qsa(sel, el){ return Array.prototype.slice.call((el||document).querySelectorAll(sel)); }\n\n  var hero = document.getElementById(\"pjHero\");\n  var prog = document.getElementById(\"pjProgram\");\n  var progBar = document.getElementById(\"pjProgBar\");\n\n  \/\/ Smooth scroll\n  function scrollToEl(el){\n    if(!el) return;\n    try{ el.scrollIntoView({behavior:\"smooth\", block:\"start\"}); }\n    catch(e){\n      var top = el.getBoundingClientRect().top + window.pageYOffset;\n      window.scrollTo(0, top);\n    }\n  }\n\n  \/\/ CTA\n  var btnGo = document.getElementById(\"pjGoProgram\");\n  if(btnGo){\n    btnGo.addEventListener(\"click\", function(){ scrollToEl(prog); }, {passive:true});\n  }\n  var btnBack = document.getElementById(\"pjBackTop\");\n  if(btnBack){\n    btnBack.addEventListener(\"click\", function(){ scrollToEl(hero); }, {passive:true});\n  }\n\n  \/\/ Chip nav\n  root.addEventListener(\"click\", function(e){\n    var a = e.target.closest && e.target.closest(\"[data-pj-link][href^='#']\");\n    if(!a) return;\n    e.preventDefault();\n    var id = a.getAttribute(\"href\").slice(1);\n    scrollToEl(document.getElementById(id));\n  }, {passive:false});\n\n  \/\/ Reveal IO\n  var reveals = qsa(\".pj-reveal\", root);\n  function reveal(el){ el.classList.add(\"is-in\"); }\n\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  \/\/ Active chip switching\n  var chips = qsa(\".pj-m__chip\", root);\n  function setActive(href){\n    chips.forEach(function(c){ c.classList.toggle(\"is-active\", (c.getAttribute(\"href\") === href)); });\n  }\n  if(\"IntersectionObserver\" in window && hero && prog){\n    var secIO = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ setActive(\"#\"+en.target.id); }\n      });\n    }, {threshold:0.55});\n    secIO.observe(hero);\n    secIO.observe(prog);\n  }\n\n  \/\/ Progress bar (scroll)\n  function updateProgress(){\n    if(!progBar) return;\n    var doc = document.documentElement;\n    var max = (doc.scrollHeight - window.innerHeight);\n    var s = max > 0 ? (window.pageYOffset \/ max) : 0;\n    s = Math.max(0, Math.min(1, s));\n    progBar.style.width = (s * 100).toFixed(2) + \"%\";\n  }\n  window.addEventListener(\"scroll\", function(){\n    window.requestAnimationFrame(updateProgress);\n  }, {passive:true});\n  updateProgress();\n\n  \/\/ MODAL\n  var modal = document.getElementById(\"pjModal\");\n  var mImg = document.getElementById(\"pjModalImg\");\n  var mTitle = document.getElementById(\"pjModalTitle\");\n  var mSub = document.getElementById(\"pjModalSub\");\n  var mDesc = document.getElementById(\"pjModalDesc\");\n  var mClose = document.getElementById(\"pjModalClose\");\n\n  function openModal(data){\n    if(!modal) return;\n\n    if(mImg){\n      mImg.src = data.img || \"\";\n      mImg.alt = data.title || \"Detalle\";\n      mImg.style.display = data.img ? \"block\" : \"none\";\n    }\n    if(mTitle) mTitle.textContent = data.title || \"\";\n    if(mSub) mSub.textContent = data.sub || \"\";\n    if(mDesc) mDesc.textContent = data.desc || \"\";\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"false\");\n    document.documentElement.style.overflow = \"hidden\";\n  }\n  function closeModal(){\n    if(!modal) return;\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"true\");\n    document.documentElement.style.overflow = \"\";\n  }\n\n  document.addEventListener(\"click\", function(e){\n    var btn = e.target.closest && e.target.closest(\"[data-pj-modal]\");\n    if(btn){\n      e.preventDefault();\n      openModal({\n        title: btn.getAttribute(\"data-title\"),\n        sub: btn.getAttribute(\"data-sub\"),\n        img: btn.getAttribute(\"data-img\"),\n        desc: btn.getAttribute(\"data-desc\")\n      });\n      return;\n    }\n    if(e.target && (e.target.matches(\"[data-pj-close]\") || e.target.closest(\"#pjModalClose\"))){\n      closeModal();\n      return;\n    }\n  }, {passive:false});\n\n  document.addEventListener(\"keydown\", function(e){\n    if(e.key === \"Escape\") closeModal();\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 Virtual REGISTRO Jornada Presencial Conferencias Magistrales Taller Intensivo de Reconstrucci\u00f3n y Restauraci\u00f3n Expo de Innovaci\u00f3n Mortuoria Convivencia de Honor Fecha 7 de Mayo Lugar Holiday Inn M\u00e9xico Zona Centro Ver Programa \u2193 Ver Programa \u2193 Programa Jornada Presencial Holiday Inn M\u00e9xico Zona Centro Ponencia Taller Alimentos General 8:00 \u2013 8:30 Registro de Participantes [&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-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/120","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=120"}],"version-history":[{"count":32,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":634,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/120\/revisions\/634"}],"wp:attachment":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}