{"id":47,"date":"2026-01-06T15:53:57","date_gmt":"2026-01-06T15:53:57","guid":{"rendered":"https:\/\/trascender-embalsamar.com\/home\/?page_id=47"},"modified":"2026-01-17T00:25:16","modified_gmt":"2026-01-17T00:25:16","slug":"inicio","status":"publish","type":"page","link":"https:\/\/trascender-embalsamar.com\/home\/","title":{"rendered":"inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b1359 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"03b1359\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7221abb elementor-widget elementor-widget-html\" data-id=\"7221abb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRASCENDER \u2022 FIXED BACKGROUND (Widget 1) -->\n<div id=\"trFixedBg\" class=\"tr-fullwidth\" aria-hidden=\"true\">\n  <div class=\"tr-bg tr-bg1\"><\/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  opacity:.15;\n  z-index:1;\n}\n\n#trFixedBg .tr-bg1{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/Fondo00.png\");\n  z-index:1;\n}\n\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  animation:trLatency 12s ease-in-out infinite;\n}\n\n@keyframes trLatency{\n  0%,100%{transform:scale(1);opacity:.12;}\n  50%{transform:scale(1.02) translateY(-10px);opacity:.18;}\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\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2dc92e elementor-widget elementor-widget-html\" data-id=\"a2dc92e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TRASCENDER \u2022 ESCENA INTERACTIVA (Elementor HTML widget)\r\n     \u2705 Cada CAPA puede hacer scroll INTERNO para ver todo su contenido\r\n     \u2705 Cuando llegas al FINAL de la capa, el scroll \u201cse entrega\u201d a la siguiente capa (stage)\r\n     \u2705 Mantiene los movimientos\/efectos actuales (parallax\/opacity por progreso)\r\n     \u2705 Mobile OK: swipe dentro de la capa; al llegar al final, swipe sigue a la siguiente\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\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\">\r\n\r\n<div class=\"tr-hero tr-fullwidth\" id=\"trHero\">\r\n  <!-- Loader -->\r\n  <div class=\"tr-loader\" id=\"trLoader\" aria-label=\"Cargando\">\r\n    <div class=\"tr-loader__inner\">\r\n      <div class=\"tr-spinner\"><\/div>\r\n      <p>Cargando\u2026<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Stage (scroll real entre capas) -->\r\n  <div class=\"tr-stage\" id=\"trStage\" aria-label=\"Trascender escena interactiva\">\r\n    <div class=\"tr-progress\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- ===== CAPA 1: HERO ===== -->\r\n    <div class=\"tr-layer tr-layer--hero\" id=\"trLayerHero\">\r\n      <div class=\"tr-hero__grid\">\r\n        <div class=\"tr-skull-wrap\">\r\n          <img\r\n            class=\"tr-skull tr-shrink\"\r\n            id=\"trSkull\"\r\n            src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/titlecalavera01.png\"\r\n            alt=\"Calavera\"\r\n            loading=\"eager\"\r\n            decoding=\"async\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <div class=\"tr-copy\">\r\n          <h1 class=\"tr-title tr-shrink\" id=\"trTitle\">TRASCENDER<\/h1>\r\n          <p class=\"tr-subtitle tr-shrink\" id=\"trSubtitle\">M\u00c1S ALL\u00c1 DE LA D\u00c9CADA<\/p>\r\n          <p class=\"tr-desc tr-shrink\" id=\"trDesc\">El Arte de Preservar la Memoria.<\/p>\r\n\r\n          <div class=\"tr-brand\">\r\n            <img\r\n              class=\"tr-adonai tr-shrink\"\r\n              id=\"trAdonaiHero\"\r\n              src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/porlogoadonai01.png\"\r\n              alt=\"Logo Adonai\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n            <div class=\"tr-city tr-shrink\" id=\"trCity\">CDMX<\/div>\r\n          <\/div>\r\n          <br>\r\n          <div>\r\n              <a class=\"trm-btn trm-btn--gold\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== CAPA 1B: MARCAS ===== -->\r\n    <div class=\"tr-layer tr-layer--brands\" id=\"trLayerBrands\" aria-label=\"Marcas participantes\">\r\n      <!-- \u2705 tr-panel: este contenedor es el \u201cscroll interno\u201d de la capa -->\r\n      <div class=\"tr-brands tr-panel\" id=\"trPanelBrands\">\r\n        <div class=\"tr-brands__top\">\r\n          <div class=\"tr-brands__head\">\r\n            <h2 class=\"tr-brands__title\">Presencia empresarial<\/h2>\r\n            <p class=\"tr-brands__subtitle\">Expo de Innovaci\u00f3n Mortuoria<\/p>\r\n          <\/div>\r\n\r\n          <p class=\"tr-presence__desc tr-brands__desc\" id=\"trPresenceDesc\">\r\n            Las marcas se han sumado a esta celebraci\u00f3n con la finalidad de fortalecer la presencia y el enlace con nuestros asistentes a este gran evento.\r\n            Si est\u00e1s dentro de la Industria Funeraria y en espec\u00edfico en el \u00e1rea del Embalsamamiento, esta es una buena oportunidad de conocer nuevos proveedores\r\n            y hacer alianzas comerciales s\u00f3lidas con ellos.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tr-logoFrame tr-logoFrame--big\" id=\"trBrandsFrame\" aria-label=\"Logos de marcas\">\r\n          <div class=\"tr-logoGrid tr-logoGrid--big\">\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-epm.png\" alt=\"EPM\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-seremne.png\" alt=\"Seremne\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-networkingfunerales.png\" alt=\"Networking Funerales\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-preservia.png\" alt=\"Preservia\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-inmortia.png\" alt=\"Inmortia\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-cedie.png\" alt=\"Cedie\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-cafri.png\" alt=\"Cafri\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-portal.png\" alt=\"Portal\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-othila.png\" alt=\"Othila\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-emba.png\" alt=\"Emba\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-tanato.png\" alt=\"Tanato\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-embalab.png\" alt=\"Embalab\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-universidad.png\" alt=\"Universidad\" loading=\"lazy\" decoding=\"async\" \/>\r\n            <img class=\"tr-logo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-nunez.png\" alt=\"N\u00fa\u00f1ez\" loading=\"lazy\" decoding=\"async\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"tr-nav tr-nav--down tr-nav--brandsNext\" type=\"button\" id=\"trGoDecade\" aria-label=\"Continuar\">\r\n          <span class=\"tr-nav__label\">continuar<\/span>\r\n          <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2193<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Flecha abajo + \u201cdesliza\u201d (solo al inicio) -->\r\n    <button class=\"tr-nav tr-nav--down\" type=\"button\" id=\"trGoDown\" aria-label=\"Desliza\">\r\n      <span class=\"tr-nav__label\">desliza<\/span>\r\n      <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2193<\/span>\r\n    <\/button>\r\n\r\n    <!-- ===== CAPA 2: 10 A\u00d1OS ===== -->\r\n    <div class=\"tr-layer tr-layer--decade\" id=\"trLayerDecade\" aria-label=\"10 a\u00f1os\">\r\n      <!-- \u2705 tr-panel -->\r\n      <div class=\"tr-decade tr-panel\" id=\"trPanelDecade\">\r\n        <div class=\"tr-decade__left\">\r\n          <img\r\n            class=\"tr-adonai tr-adonai--big\"\r\n            id=\"trAdonaiBig\"\r\n            src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logoadonai00.png\"\r\n            alt=\"Logo Adonai\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          \/>\r\n\r\n          <div class=\"tr-decade__blurb\" id=\"trDecadeBlurb\">\r\n            <p>Conmemoramos 10 a\u00f1os de trayectoria, marcados por el compromiso con la profesionalizaci\u00f3n, la \u00e9tica y la formaci\u00f3n continua.<\/p>\r\n            <p>A lo largo de esta d\u00e9cada, ADONAI ha sido parte del crecimiento de cientos de profesionales, impulsando el conocimiento, la actualizaci\u00f3n constante y el respeto por una labor que exige t\u00e9cnica, sensibilidad y vocaci\u00f3n.<\/p>\r\n            <p>Como resultado de este camino, nace TRASCENDER, un evento creado para compartir, reconocer y proyectar el futuro de la profesi\u00f3n, celebrando no solo los a\u00f1os recorridos, sino el impacto que se ha construido junto a la comunidad.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"tr-actions tr-actions--underblurb\" id=\"trActions\">\r\n              <a class=\"trm-btn trm-btn--gold span-2\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\r\n            <a class=\"tr-btn\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-virtual\/\" role=\"button\">Jornada Virtual<\/a>\r\n            <a class=\"tr-btn\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-presencial\/\" role=\"button\">Jornada Presencial<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tr-decade__right\">\r\n          <div class=\"tr-decade__marks\">\r\n            <img\r\n              class=\"tr-decade__ten\"\r\n              id=\"trTen\"\r\n              src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/10-anos.png\"\r\n              alt=\"10 a\u00f1os\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n            <img\r\n              class=\"tr-decade__line\"\r\n              id=\"trLine\"\r\n              src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/MAS-ALLA-DE-LA-DECADA.png\"\r\n              alt=\"M\u00e1s all\u00e1 de la d\u00e9cada\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"tr-nav tr-nav--down tr-nav--objectives\" type=\"button\" id=\"trGoObjectives\" aria-label=\"Objetivos del evento\">\r\n          <span class=\"tr-nav__label\">Objetivos del evento<\/span>\r\n          <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2193<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== CAPA 3: OBJETIVOS ===== -->\r\n    <div class=\"tr-layer tr-layer--objectives\" id=\"trLayerObjectives\" aria-label=\"Objetivos del evento\">\r\n      <!-- \u2705 tr-panel -->\r\n      <div class=\"tr-objectives tr-panel\" id=\"trPanelObjectives\">\r\n        <img\r\n          class=\"tr-obj-header\"\r\n          id=\"trObjHeader\"\r\n          src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/MAS-ALLA-DE-LA-DECADA-02.png\"\r\n          alt=\"M\u00e1s all\u00e1 de la d\u00e9cada\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        \/>\r\n\r\n        <div class=\"tr-obj-top\">\r\n          <h1 class=\"tr-obj-title\">Objetivos del evento<\/h1>\r\n          <p class=\"tr-obj-lead\" id=\"trObjLead\">\r\n            Tres pilares para fortalecer la profesi\u00f3n, conectar a la comunidad y proyectar el futuro del sector.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"tr-obj-grid\" id=\"trObjGrid\">\r\n          <article class=\"tr-card tr-reveal\">\r\n            <div class=\"tr-card__badge\">01<\/div>\r\n            <h3 class=\"tr-card__title\">Profesionalizaci\u00f3n y Excelencia T\u00e9cnica<\/h3>\r\n            <p class=\"tr-card__p\">\r\n              Elevar los est\u00e1ndares de calidad en el servicio de embalsamamiento mediante intercambio de conocimiento de alto nivel,\r\n              herramientas innovadoras y t\u00e9cnicas de vanguardia impartidas por referentes nacionales e internacionales.\r\n            <\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tr-card tr-reveal\">\r\n            <div class=\"tr-card__badge\">02<\/div>\r\n            <h3 class=\"tr-card__title\">Vinculaci\u00f3n de la Comunidad<\/h3>\r\n            <p class=\"tr-card__p\">\r\n              Crear un punto de encuentro estrat\u00e9gico donde profesionales, proveedores y marcas converjan para compartir experiencias,\r\n              fomentar networking, alianzas y una comunidad m\u00e1s unida ante los retos actuales.\r\n            <\/p>\r\n          <\/article>\r\n\r\n          <article class=\"tr-card tr-reveal\">\r\n            <div class=\"tr-card__badge\">03<\/div>\r\n            <h3 class=\"tr-card__title\">D\u00e9cada de Trayectoria con Visi\u00f3n de Futuro<\/h3>\r\n            <p class=\"tr-card__p\">\r\n              Conmemorar los 10 a\u00f1os de ADONAI agradeciendo la confianza de clientes y socios, reafirmando el compromiso de seguir\r\n              construyendo historia con actualizaci\u00f3n constante e innovaci\u00f3n en el sector.\r\n            <\/p>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <!-- espacio extra para que nunca tape el bot\u00f3n fijo de regresar -->\r\n        <div style=\"height:110px\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n\r\n      <button class=\"tr-nav tr-nav--up\" type=\"button\" id=\"trGoBack\" aria-label=\"Regresar\">\r\n        <span class=\"tr-nav__arrow\" aria-hidden=\"true\">\u2191<\/span>\r\n        <span class=\"tr-nav__label\">regresar<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Scroller \u201cfantasma\u201d (controla el progreso global) -->\r\n    <div class=\"tr-sentinel\" aria-hidden=\"true\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== FULL WIDTH REAL (Elementor) ===== *\/\r\n.tr-fullwidth{\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n}\r\n\r\n\/* ===== Scope ===== *\/\r\n.tr-hero{\r\n  --bg1:#1b0931;\r\n  --bg2:#230449;\r\n  --bg3:#481982;\r\n\r\n  --font-h1:\"Kodchasan\",\"Trebuchet MS\",\"Segoe UI\",system-ui,Arial,sans-serif;\r\n  --font-body:\"Poppins\",\"Inter\",\"Segoe UI\",Arial,sans-serif;\r\n\r\n  --title:#ffde59;\r\n  --subtitle:#D7B6FF;\r\n  --muted:#CBB7FF;\r\n  --btnText:#230449;\r\n\r\n  position:relative;\r\n  z-index:10;\r\n}\r\n#trHero, #trHero *{ box-sizing:border-box; }\r\n\r\n\/* ===== Stage (scroll real) ===== *\/\r\n.tr-stage{\r\n  position:relative !important;\r\n  width:100%;\r\n  \/*height:100svh;*\/\r\n  min-height:100vh;\r\n  overflow:visible !important;\r\n  pointer-events: none;\r\n  \/*scroll-behavior:smooth;*\/\r\n  -webkit-overflow-scrolling:touch;\r\n  touch-action:pan-y;\r\n\r\n  font-family:var(--font-body);\r\n  background:transparent;\r\n  color:rgba(255,255,255,.85);\r\n\r\n  isolation:isolate;\r\n  z-index:10;\r\n}\r\n.tr-stage::-webkit-scrollbar{ width:0; height:0; }\r\n\r\n\/* Barra progreso *\/\r\n.tr-progress{\r\n  position:fixed;\r\n  left:0;\r\n  top:0;\r\n  height:2px;\r\n  width:0%;\r\n  background:rgba(255,222,89,.9);\r\n  z-index:50;\r\n}\r\n\r\n\/* Scroller fantasma *\/\r\n\/*.tr-sentinel{ height:320svh; width:1px; }*\/\r\n\/* 3. El Sentinel ahora define la altura REAL de la p\u00e1gina *\/\r\n.tr-sentinel {\r\n  \/* Esta altura forzar\u00e1 al navegador a tener scroll *\/\r\n  height: 350vh; \r\n  width: 1px;\r\n  position: absolute; \/* Aseguramos que no rompa el flujo visual *\/\r\n  top: 0;\r\n  left: 0;\r\n  z-index: -1;\r\n  visibility: hidden;\r\n}\r\n\r\n\/* ===== Layers fijas ===== *\/\r\n\/*.tr-layer{*\/\r\n\/*  position:fixed;*\/\r\n\/*  inset:0;*\/\r\n\/*  display:grid;*\/\r\n\/*  place-items:center;*\/\r\n\/*  z-index:30;*\/\r\n\r\n  \/* por default NO recibe eventos; el panel interno s\u00ed cuando est\u00e1 activo *\/\r\n\/*  pointer-events:none !important;*\/\r\n\/*  touch-action:auto !important;*\/\r\n  \r\n\r\n\/*}*\/\r\n\r\n\/* ===== 1. TRANSICIONES AUTOM\u00c1TICAS (Estilo AOS) ===== *\/\r\n.tr-layer{\r\n  position:fixed;\r\n  inset:0;\r\n  display:grid;\r\n  place-items:center;\r\n  z-index:30;\r\n\r\n  \/* por default NO recibe eventos; el panel interno s\u00ed cuando est\u00e1 activo *\/\r\n  pointer-events:none !important;\r\n  touch-action:auto !important;\r\n  \r\n  will-change: transform, opacity; \/* <--- AGREGA ESTO *\/\r\n  transform: translate3d(0,0,0); \/* Fuerza aceleraci\u00f3n de hardware *\/\r\n}\r\n\r\n\r\n\/* ===== OCULTAR SCROLL INTERNO (Por Capa) ===== *\/\r\n\/* Aplica a los paneles de contenido como Marcas, D\u00e9cada, Objetivos *\/\r\n\r\n\/* 1. Para Chrome, Safari, Opera y navegadores m\u00f3viles (Android\/iOS) *\/\r\n.tr-panel::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\/* ===== PANEL (scroll interno por capa) ===== *\/\r\n.tr-panel{\r\n  width:100%;\r\n  max-height:100svh;\r\n  overflow:hidden; \/* se activa a auto cuando capa est\u00e1 visible *\/\r\n  -webkit-overflow-scrolling:touch;\r\n  padding-bottom:80px; \/* colch\u00f3n para flechas *\/\r\n  \r\n  \r\n  scrollbar-width: none;  \/* Firefox *\/\r\n  -ms-overflow-style: none;  \/* IE y Edge *\/\r\n}\r\n\r\n\/* Cuando una capa est\u00e1 activa: habilitar scroll interno del panel *\/\r\n.tr-layer.is-active .tr-panel{\r\n  \/*pointer-events:auto !important;*\/\r\n  overflow:auto;\r\n  touch-action:pan-y;\r\n}\r\n\r\n\/* Tambi\u00e9n habilitar taps de controles dentro de capa activa *\/\r\n.tr-layer.is-active a,\r\n.tr-layer.is-active button,\r\n.tr-layer.is-active [role=\"button\"],\r\n.tr-layer.is-active input,\r\n.tr-layer.is-active textarea,\r\n.tr-layer.is-active select{\r\n  \/*pointer-events:auto !important;*\/\r\n  touch-action:manipulation;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.tr-hero__grid{\r\n  width:100%;\r\n  max-width:1120px;\r\n  padding-inline:clamp(16px,4vw,48px);\r\n  display:grid;\r\n  grid-template-columns:1fr 1.15fr;\r\n  gap:clamp(16px,3vw,44px);\r\n  align-items:center;\r\n}\r\n.tr-skull-wrap{ display:flex; justify-content:center; }\r\n.tr-skull{\r\n  width:min(360px,70vw);\r\n  height:auto;\r\n  filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));\r\n  transform-origin: top left;\r\n}\r\n.tr-copy{ max-width:540px; }\r\n.tr-title{\r\n  font-family:var(--font-h1);\r\n  font-size:clamp(28px,4vw,44px);\r\n  font-weight:700;\r\n  color:var(--title);\r\n  text-transform:uppercase;\r\n  margin:0 0 10px;\r\n}\r\n.tr-subtitle{\r\n  font-weight:700;\r\n  letter-spacing:.1em;\r\n  color:var(--subtitle);\r\n  margin:0 0 14px;\r\n}\r\n.tr-desc{ margin:0 0 18px; color:rgba(255,255,255,.78); }\r\n.tr-brand{ display:flex; flex-direction:column; gap:10px; }\r\n.tr-adonai{ width:200px; max-width:55vw; height:auto; transform-origin: top left; }\r\n.tr-city{ font-size:12px; letter-spacing:.18em; color:var(--muted); }\r\n\r\n\/* ===== Presencia empresarial ===== *\/\r\n.tr-presence__desc{\r\n  margin:10px 0 0;\r\n  line-height:1.65;\r\n  color:rgba(255,255,255,.84);\r\n  font-size:clamp(12.5px,1.35vw,14.5px);\r\n}\r\n\r\n\/* =========================\r\n   BASE & MOBILE (Grid Estricto)\r\n========================= *\/\r\n.trm-ctaRow {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr; \/* SIEMPRE 2 columnas iguales *\/\r\n  gap: 12px; \/* Espacio limpio entre botones *\/\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.trm-btn {\r\n  \/* Reseteo para que ocupen su celda completa *\/\r\n  width: 100%; \r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  \r\n  \/* Est\u00e9tica *\/\r\n  padding: 12px 10px;\r\n  min-height: 48px; \/* Altura c\u00f3moda para el dedo *\/\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n  line-height: 1.1;\r\n  border: 1px solid rgba(255,255,255,.18);\r\n  box-sizing: border-box; \r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n\/* CLASE MAESTRA: Agrega esta clase al HTML del bot\u00f3n que quieras ANCHO COMPLETO *\/\r\n.btn-full {\r\n  grid-column: 1 \/ -1; \/* Ocupa de la columna 1 a la \u00faltima (todo el ancho) *\/\r\n}\r\n\r\n\/* =========================\r\n   COLORES\r\n========================= *\/\r\n.trm-btn--gold {\r\n  background: #ffde59;\r\n  color: #230449;\r\n  border-color: #ffde59;\r\n  box-shadow: 0 4px 15px rgba(255, 222, 89, 0.3);\r\n  text-transform: uppercase;\r\n  font-weight: 800;\r\n}\r\n\r\n.trm-btn--primary { background: rgba(255,255,255,.90); color: #230449; }\r\n.trm-btn--ghost { background: rgba(255,255,255,.10); color: rgba(255,255,255,.90); }\r\n\r\n\/* =========================\r\n   DESKTOP RESET (> 992px)\r\n   Aqu\u00ed desactivamos el Grid y usamos Flex normal\r\n========================= *\/\r\n@media (min-width: 992px) {\r\n  .trm-ctaRow {\r\n    display: flex;\r\n    justify-content: flex-start; \/* Alineados a la izquierda *\/\r\n    gap: 15px;\r\n  }\r\n  \r\n  .trm-btn {\r\n    width: auto; \/* El bot\u00f3n se encoge al tama\u00f1o del texto *\/\r\n    padding: 12px 30px;\r\n  }\r\n  \r\n  \/* Anulamos la clase full en PC *\/\r\n  .btn-full { width: auto; }\r\n}\r\n\r\n\/* ===== CAPA MARCAS ===== *\/\r\n.tr-layer--brands{ opacity:0; transform:translateY(10px); z-index:31; }\r\n.tr-brands{\r\n  max-width:1040px;\r\n  padding: 18px clamp(16px,4vw,48px) 70px;\r\n  margin:0 auto;\r\n}\r\n.tr-brands__top{\r\n  display:grid;\r\n  grid-template-columns: 1fr;\r\n  gap:10px;\r\n  margin-bottom:14px;\r\n}\r\n.tr-brands__head{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n}\r\n.tr-brands__title{\r\n  margin:0;\r\n  font-family:var(--font-h1);\r\n  color:rgba(255,222,89,.98);\r\n  text-transform:uppercase;\r\n  letter-spacing:.06em;\r\n  font-size:clamp(20px,2.6vw,34px);\r\n  opacity:1;\r\n  transform:translateY(14px);\r\n}\r\n.tr-brands__subtitle{\r\n  margin:0;\r\n  line-height:1.6;\r\n  color:rgba(215,182,255,.92);\r\n  font-weight:700;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  font-size:12px;\r\n  opacity:1;\r\n  transform:translateY(14px);\r\n}\r\n.tr-brands__desc{ opacity:1; transform:translateY(14px); max-width:980px; }\r\n\r\n\/* Marco de logos *\/\r\n.tr-logoFrame--big{\r\n  border-radius:20px;\r\n  padding:16px;\r\n  background:rgba(255,255,255,.07);\r\n  border:1px solid rgba(255,255,255,.16);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  box-shadow: 0 18px 44px rgba(0,0,0,.18);\r\n  opacity:1;\r\n  transform:translateY(16px) scale(.99);\r\n}\r\n.tr-logoGrid--big{\r\n  display:grid;\r\n  grid-template-columns: repeat(7, minmax(0, 1fr));\r\n  gap:12px;\r\n  align-items:center;\r\n}\r\n.tr-logo{\r\n  width:100%;\r\n  height:44px;\r\n  object-fit:contain;\r\n  display:block;\r\n  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));\r\n  opacity:.95;\r\n  transition: transform .22s ease, opacity .22s ease;\r\n  will-change:transform;\r\n}\r\n.tr-logo:hover{ transform:translateY(-2px) scale(1.08); opacity:1; }\r\n\r\n\/* ===== Flechas ===== *\/\r\n.tr-nav{\r\n  position:fixed;\r\n  left: 0 !important;\r\n  width: 100%;\r\n  transform: none !important;\r\n  bottom:18px;\r\n  border:0;\r\n  background:transparent;\r\n  color:rgba(255,255,255,.88);\r\n  font-family:var(--font-body);\r\n  cursor:pointer;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:6px;\r\n  padding:8px 10px;\r\n  z-index:60;\r\n  -webkit-tap-highlight-color: transparent;\r\n  touch-action: manipulation;\r\n}\r\n.tr-nav__label{\r\n  font-size:12px;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n  opacity:.86;\r\n}\r\n.tr-nav__arrow{\r\n  font-size:22px;\r\n  line-height:1;\r\n  opacity:.95;\r\n  animation:trBop 1.6s ease-in-out infinite;\r\n}\r\n@keyframes trBop{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }\r\n\r\n.tr-nav--up{\r\n  top:18px;\r\n  bottom:auto;\r\n  flex-direction:column-reverse;\r\n}\r\n.tr-nav--up .tr-nav__arrow{ animation:trBopUp 1.6s ease-in-out infinite; }\r\n@keyframes trBopUp{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);} }\r\n\r\n\/* ===== CAPA 2 ===== *\/\r\n.tr-layer--decade{ opacity:0; transform:translateY(10px); }\r\n.tr-decade{\r\n  max-width:1120px;\r\n  padding:18px clamp(16px,4vw,48px) 70px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns: 1.2fr 0.8fr;\r\n  gap: clamp(16px,3vw,44px);\r\n  align-items:start;\r\n}\r\n.tr-decade__left{\r\n  justify-self:start;\r\n  align-self:start;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n  max-width:720px;\r\n}\r\n.tr-adonai--big{ width:220px; max-width:60vw; height:auto; opacity:0; transform:translateY(10px); }\r\n.tr-decade__blurb{\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n  line-height:1.7;\r\n  font-size:clamp(13px,1.55vw,16px);\r\n  color:rgba(255,255,255,.86);\r\n}\r\n.tr-decade__blurb p{ margin:0 0 10px; }\r\n.tr-decade__blurb p:last-child{ margin-bottom:0; }\r\n\r\n.tr-actions{\r\n  opacity:0;\r\n  transform:translateY(10px);\r\n  display:flex;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n  justify-content:flex-start;\r\n  margin-top:6px;\r\n}\r\n.tr-actions--underblurb{ width:100%; }\r\n\r\n.tr-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:10px 14px;\r\n  border-radius:999px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  letter-spacing:.02em;\r\n  font-size:14px;\r\n  background:rgba(255,255,255,.72);\r\n  color:var(--btnText);\r\n  border:1px solid rgba(255,255,255,.35);\r\n  transition: transform .22s ease, background .22s ease;\r\n  cursor:pointer;\r\n  -webkit-tap-highlight-color: transparent;\r\n  touch-action: manipulation;\r\n}\r\n.tr-btn:hover{ transform:scale(1.04); background:rgba(255,255,255,1); }\r\n.tr-btn:focus-visible{ outline:2px solid rgba(255,222,89,.9); outline-offset:3px; }\r\n\r\n.tr-decade__right{ justify-self:end; align-self:start; width:100%; display:flex; justify-content:flex-end; }\r\n.tr-decade__marks{ display:flex; flex-direction:column; align-items:flex-end; gap:12px; }\r\n.tr-decade__ten, .tr-decade__line{\r\n  width:min(340px, 54vw);\r\n  height:auto;\r\n  opacity:0;\r\n  transform:translateX(16px);\r\n}\r\n\r\n\/* ===== CAPA 3 ===== *\/\r\n.tr-layer--objectives{ opacity:0; transform:translateY(10px); }\r\n.tr-objectives{\r\n  max-width:1040px;\r\n  padding:18px clamp(16px,4vw,48px) 56px;\r\n  margin:0 auto;\r\n}\r\n.tr-obj-header{\r\n  width:100%;\r\n  height:auto;\r\n  border-radius:18px;\r\n  filter:drop-shadow(0 18px 36px rgba(0,0,0,.22));\r\n  opacity:0;\r\n  transform:translateY(14px) scale(.985);\r\n}\r\n.tr-obj-top{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  margin-top:18px;\r\n  flex-wrap:wrap;\r\n}\r\n.tr-obj-title{\r\n  font-family:var(--font-h1);\r\n  color:var(--title);\r\n  text-transform:uppercase;\r\n  margin:0;\r\n  font-size:clamp(26px,3.2vw,40px);\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n}\r\n.tr-obj-lead{\r\n  margin:0;\r\n  max-width:520px;\r\n  line-height:1.6;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:clamp(13px,1.5vw,16px);\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n}\r\n.tr-obj-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, minmax(0, 1fr));\r\n  gap:14px;\r\n  margin-top:18px;\r\n}\r\n.tr-card{\r\n  position:relative;\r\n  border-radius:18px;\r\n  padding:16px 16px 14px;\r\n  background:rgba(255,255,255,.08);\r\n  border:1px solid rgba(255,255,255,.14);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  box-shadow: 0 18px 40px rgba(0,0,0,.18);\r\n  overflow:hidden;\r\n  opacity:0;\r\n  transform:translateY(14px) scale(.985);\r\n  transition: transform .25s ease, background .25s ease, border-color .25s ease;\r\n}\r\n.tr-card:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-2px;\r\n  background: radial-gradient(600px 240px at 20% 0%, rgba(255,222,89,.18), transparent 60%),\r\n              radial-gradient(500px 240px at 90% 20%, rgba(215,182,255,.18), transparent 60%);\r\n  opacity:.9;\r\n  pointer-events:none;\r\n}\r\n.tr-card:hover{\r\n  transform:translateY(-2px) scale(1.01);\r\n  background:rgba(255,255,255,.10);\r\n  border-color:rgba(255,255,255,.22);\r\n}\r\n.tr-card__badge{\r\n  width:38px; height:38px;\r\n  border-radius:12px;\r\n  display:grid;\r\n  place-items:center;\r\n  font-weight:700;\r\n  letter-spacing:.06em;\r\n  color:rgba(255,255,255,.92);\r\n  background:rgba(255,222,89,.12);\r\n  border:1px solid rgba(255,222,89,.22);\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.tr-card__title{\r\n  position:relative;\r\n  z-index:1;\r\n  margin:10px 0 8px;\r\n  font-size:clamp(15px,1.7vw,18px);\r\n  font-weight:700;\r\n  color:var(--subtitle);\r\n}\r\n.tr-card__p{\r\n  position:relative;\r\n  z-index:1;\r\n  margin:0;\r\n  line-height:1.65;\r\n  color:rgba(255,255,255,.84);\r\n  font-size:clamp(13px,1.45vw,15px);\r\n}\r\n\r\n\/* ===== Loader ===== *\/\r\n.tr-loader{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:9999;\r\n  background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3));\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  transition: opacity .45s ease, visibility .45s ease;\r\n}\r\n.tr-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}\r\n.tr-loader__inner{ display:flex; flex-direction:column; align-items:center; gap:10px; }\r\n.tr-spinner{\r\n  width:46px;height:46px;\r\n  border:3px solid rgba(255,255,255,.2);\r\n  border-top-color:#fff;\r\n  border-radius:50%;\r\n  animation:trSpin 1s linear infinite;\r\n}\r\n@keyframes trSpin{to{transform:rotate(360deg);}}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 980px){\r\n  .tr-obj-grid{ grid-template-columns: 1fr; }\r\n  .tr-hero__grid{ grid-template-columns:1fr; text-align:center; }\r\n  .tr-brand{ align-items:center; }\r\n  .tr-copy{ max-width:640px; margin-inline:auto; }\r\n  .tr-brands__head{ justify-content:flex-start; }\r\n  .tr-logoGrid--big{ grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n  .tr-logo{ height:40px; }\r\n}\r\n@media (max-width: 520px){\r\n  .tr-logoGrid--big{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .tr-logo{ height:38px; }\r\n  .tr-logoFrame--big{ padding:14px; }\r\n}\r\n@media (max-width: 860px){\r\n  .tr-decade{ grid-template-columns:1fr; text-align:left; align-items:start; }\r\n  .tr-decade__left{ justify-self:center; }\r\n  .tr-decade__right{ justify-self:center; justify-content:center; }\r\n  .tr-decade__marks{ align-items:center; }\r\n  .tr-decade__ten, .tr-decade__line{ width:min(320px, 78vw); }\r\n  .tr-actions{ justify-content:center; }\r\n  .tr-obj-top{ align-items:flex-start; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media(prefers-reduced-motion:reduce){\r\n  #trHero *{animation:none!important;transition:none!important;transform:none!important;}\r\n}\r\n\/* ===== CORRECCI\u00d3N RESPONSIVE PARA M\u00d3VIL (Anti-Desbordamiento) ===== *\/\r\n@media (max-width: 768px) {\r\n  \r\n  \/* 1. Neutralizar el c\u00e1lculo de ancho completo que est\u00e1 causando el corte lateral *\/\r\n  .tr-fullwidth {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    left: auto !important;\r\n    right: auto !important;\r\n  }\r\n\r\n  \/* 2. Asegurar m\u00e1rgenes de seguridad internos (Padding) *\/\r\n  \/* Esto evita que el texto \"Objetivos\" o las tarjetas toquen el borde de la pantalla *\/\r\n  .tr-hero__grid,\r\n  .tr-brands,\r\n  .tr-decade,\r\n  .tr-objectives {\r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n    box-sizing: border-box !important; \/* Vital para que el padding no sume al ancho total *\/\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  \/* 3. Prevenir desbordamiento horizontal global en el contenedor principal *\/\r\n  .tr-hero {\r\n    overflow-x: hidden !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* 4. Ajuste tipogr\u00e1fico de seguridad (opcional pero recomendado) *\/\r\n  \/* Evita que palabras largas como \"Profesionalizaci\u00f3n\" rompan el dise\u00f1o si la pantalla es muy peque\u00f1a *\/\r\n  .tr-card__title, .tr-obj-title, h1, h2, h3 {\r\n    word-wrap: break-word;\r\n    overflow-wrap: break-word;\r\n    hyphens: auto;\r\n  }\r\n  \r\n  \/* 5. Ajuste espec\u00edfico para la secci\u00f3n de Objetivos que se ve en su captura *\/\r\n  .tr-obj-grid {\r\n    display: flex !important; \/* Cambiar Grid por Flex en m\u00f3vil puede ser m\u00e1s seguro para el stack vertical *\/\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n}\r\n\r\n\r\n\/* ===== OCULTAR BARRA DE SCROLL (Pero mantener funcionalidad) ===== *\/\r\n\r\n\/* Correcci\u00f3n de Scroll para M\u00f3viles *\/\r\nhtml, body {\r\n    overflow-x: hidden;\r\n    overflow-y: auto !important; \/* Fuerza el scroll vertical nativo *\/\r\n    height: auto !important; \/* Evita que Elementor fije la altura al 100% *\/\r\n    overscroll-behavior-y: none; \/* Evita el efecto rebote que confunde al JS *\/\r\n    \r\n    scrollbar-width: none;  \/* Firefox *\/\r\n    -ms-overflow-style: none;  \/* IE y Edge antiguo *\/\r\n}\r\n\r\n\/* 1. Para navegadores basados en Webkit (Chrome, Safari, Opera, Edge nuevo) *\/\r\nhtml::-webkit-scrollbar, \r\nbody::-webkit-scrollbar {\r\n    display: none; \/* Simplemente la oculta *\/\r\n}\r\n\r\n\/* ===== 1. DESBLOQUEO DE ELEMENTOR (CR\u00cdTICO) ===== *\/\r\n\/* Esto rompe la \"c\u00e1rcel\" y permite que el contenido estire la p\u00e1gina *\/\r\n.elementor-section, \r\n.elementor-column, \r\n.elementor-widget-container,\r\n.e-con,\r\n.e-con-inner {\r\n    overflow: visible !important;\r\n    height: auto !important;\r\n    min-height: auto !important;\r\n}\r\n\r\n\/* ===== 2. CONFIGURACI\u00d3N DEL ESCENARIO ===== *\/\r\n.tr-hero {\r\n    \/* Aseguramos que el widget base ocupe espacio pero deje salir al sentinel *\/\r\n    position: relative; \r\n    z-index: 10;\r\n    width: 100%;\r\n}\r\n\r\n.tr-stage {\r\n    position: fixed !important; \/* El escenario visual se queda FIJO en pantalla *\/\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh; \/* Ocupa toda la ventana *\/\r\n    pointer-events: none; \/* Deja pasar el dedo *\/\r\n    z-index: 5;\r\n    background: transparent;\r\n}\r\n\r\n\/* ===== 3. EL MOTOR DE SCROLL (SENTINEL) ===== *\/\r\n\/* Este elemento invisible es el que crea la pista de scroll f\u00edsica *\/\r\n.tr-sentinel {\r\n    display: block !important;\r\n    position: absolute; \/* Absoluto respecto al documento, no al stage *\/\r\n    top: 0;\r\n    left: 0;\r\n    width: 1px;\r\n    height: 300vh !important; \/* M\u00e1s alto = Scroll m\u00e1s lento y suave en m\u00f3vil *\/\r\n    z-index: -10;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Reactivar interacci\u00f3n en botones y textos *\/\r\n.tr-layer {\r\n    pointer-events: none;\r\n}\r\n.tr-layer a, \r\n.tr-layer button, \r\n.tr-nav,\r\n.tr-actions {\r\n    pointer-events: auto !important;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESKTOP TWEAKS (Pantallas > 1024px)\r\n   ========================================= *\/\r\n@media (min-width: 1024px) {\r\n\r\n  \/* 1. Restringir el ancho del bot\u00f3n *\/\r\n  .trm-ctaRow {\r\n    display: flex !important; \/* Usamos Flex en vez de Grid en PC *\/\r\n    justify-content: flex-start; \/* Alineado a la izquierda (o 'center' si prefieres) *\/\r\n    gap: 20px; \/* Espacio elegante entre botones *\/\r\n  }\r\n\r\n  .trm-btn {\r\n    width: auto !important; \/* ANULA el 100% de ancho *\/\r\n    min-width: 180px; \/* Un ancho m\u00ednimo para que tenga presencia *\/\r\n    padding: 12px 35px; \/* M\u00e1s aire a los lados (Padding horizontal) *\/\r\n    display: inline-flex;\r\n    \r\n    \/* Efecto de elevaci\u00f3n sutil en desktop *\/\r\n    transform: translateY(0);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* Hover m\u00e1s notorio en PC (donde s\u00ed hay mouse) *\/\r\n  .trm-btn:hover {\r\n    transform: translateY(-4px); \/* Sube un poco m\u00e1s *\/\r\n    box-shadow: 0 10px 25px rgba(255, 222, 89, 0.4); \/* Sombra difusa *\/\r\n  }\r\n\r\n  \/* 2. Ajuste espec\u00edfico para el bot\u00f3n de Registro (Hero y Footer) *\/\r\n  \/* Si quieres que el bot\u00f3n de registro sea un poco m\u00e1s grande que el resto *\/\r\n  .trm-btn--gold {\r\n    font-size: 15px; \/* Un poco m\u00e1s grande la letra *\/\r\n    letter-spacing: 0.1em; \/* M\u00e1s espacio entre letras = M\u00e1s elegancia *\/\r\n  }\r\n}\r\n\r\n\/* ======================================================\r\n   CORRECCI\u00d3N FINAL - ESCRITORIO (Laptops y PC > 992px)\r\n   Esto aplastar\u00e1 cualquier regla de 100% ancho anterior\r\n   ====================================================== *\/\r\n@media (min-width: 992px) {\r\n\r\n  \/* 1. CONTENEDOR: Forzamos alineaci\u00f3n a la izquierda (o centro) *\/\r\n  .trm-ctaRow {\r\n    display: flex !important;\r\n    flex-direction: row !important; \/* Fila horizontal estricta *\/\r\n    justify-content: flex-start !important; \/* Alineado a la IZQUIERDA *\/\r\n    align-items: center !important;\r\n    flex-wrap: nowrap !important; \/* Prohibido saltar de l\u00ednea *\/\r\n    width: auto !important; \/* El contenedor se ajusta al contenido *\/\r\n    gap: 20px !important; \/* Espacio elegante entre botones *\/\r\n  }\r\n\r\n  \/* 2. BOTONES: Reset total de tama\u00f1o *\/\r\n  .trm-btn, \r\n  .btn-full, \r\n  .trm-btn.span-2,\r\n  .trm-ctaRow > a {\r\n    \/* ANULA EL 100% DE ANCHO *\/\r\n    width: auto !important; \r\n    flex-basis: auto !important;\r\n    flex-grow: 0 !important; \/* Prohibido estirarse *\/\r\n    \r\n    \/* TAMA\u00d1O DE LUJO PARA DESKTOP *\/\r\n    min-width: 180px !important; \/* Ancho m\u00ednimo para presencia *\/\r\n    max-width: 320px !important; \/* Tope m\u00e1ximo para que no se vea gigante *\/\r\n    padding: 14px 40px !important; \/* M\u00e1s \"aire\" horizontal *\/\r\n    \r\n    \/* Reset de m\u00e1rgenes *\/\r\n    margin: 0 !important;\r\n    display: inline-flex !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n    \r\n \/\/ ===== PARCHE DE EMERGENCIA: SACAR EL SENTINEL DE LA JAULA =====\r\n  \/\/ Esto asegura que la p\u00e1gina tenga scroll real S\u00cd o S\u00cd.\r\n  setTimeout(function(){\r\n      var stage = document.getElementById(\"trStage\");\r\n      var existingSentinel = document.querySelector(\".tr-sentinel-global\");\r\n      \r\n      \/\/ Si ya existe uno global, no creamos otro\r\n      if(!existingSentinel){\r\n          var newSentinel = document.createElement(\"div\");\r\n          newSentinel.className = \"tr-sentinel-global\";\r\n          \/\/ Lo pegamos DIRECTAMENTE al body, fuera de Elementor\r\n          document.body.appendChild(newSentinel);\r\n          \r\n          \/\/ Estilos forzados por JS para asegurar la altura\r\n          newSentinel.style.position = \"absolute\";\r\n          newSentinel.style.top = \"0\";\r\n          newSentinel.style.left = \"0\";\r\n          newSentinel.style.width = \"1px\";\r\n          newSentinel.style.height = \"300vh\"; \/\/ Misma altura que en CSS\r\n          newSentinel.style.zIndex = \"-9999\";\r\n          newSentinel.style.pointerEvents = \"none\";\r\n      }\r\n      \r\n      \/\/ Ocultar el sentinel viejo que estaba dentro del widget para no duplicar\r\n      var oldSentinel = stage ? stage.querySelector(\".tr-sentinel\") : null;\r\n      if(oldSentinel) oldSentinel.style.display = \"none\";\r\n      \r\n  }, 500); \/\/ Esperamos medio segundo a que Elementor cargue    \r\n    \r\n  \/\/ ===== A) Fix Elementor wrap (Mantenemos tu fix original) =====\r\n  var root = document.getElementById(\"trHero\");\r\n  if (root) {\r\n    var p = root.parentElement, safety = 0;\r\n    while (p && p !== document.body && safety < 25) {\r\n      var isWrap = p.classList.contains(\"elementor-widget-container\") || p.classList.contains(\"elementor-widget\") || p.classList.contains(\"e-con\");\r\n      if (isWrap) {\r\n        p.style.padding=\"0\"; p.style.margin=\"0\"; p.style.border=\"0\";\r\n      }\r\n      if (p.classList.contains(\"elementor-section\") || p.classList.contains(\"e-con\")) {\r\n        p.style.minHeight=\"100vh\"; p.style.height=\"auto\"; \/\/ Ajuste para permitir scroll nativo\r\n        break;\r\n      }\r\n      p = p.parentElement;\r\n      safety++;\r\n    }\r\n  }\r\n\r\n  \/\/ ===== B) Preload (Omitido para ahorrar espacio, mant\u00e9n el tuyo si funciona bien) =====\r\n  \/\/ ... (Tu c\u00f3digo de loader est\u00e1 bien, no causa el error) ...\r\n  var loader = document.getElementById(\"trLoader\");\r\n  if(loader) setTimeout(function(){ loader.classList.add(\"is-hidden\"); }, 2000);\r\n\r\n\r\n  \/\/ ===== C) Referencias al DOM =====\r\n  var stage = document.getElementById(\"trStage\");\r\n  var layerHero = document.getElementById(\"trLayerHero\");\r\n  var layerBrands = document.getElementById(\"trLayerBrands\");\r\n  var layerDecade = document.getElementById(\"trLayerDecade\");\r\n  var layerObjectives = document.getElementById(\"trLayerObjectives\");\r\n  var progressBar = document.querySelector(\".tr-progress\");\r\n\r\n  \/\/ Elementos internos (Referencias)\r\n  var layer1Els = layerHero ? layerHero.querySelectorAll(\".tr-shrink, #trAdonaiHero\") : [];\r\n  var brandsTitle = document.querySelector(\".tr-brands__title\");\r\n  var brandsSubtitle = document.querySelector(\".tr-brands__subtitle\");\r\n  var presenceDesc = document.getElementById(\"trPresenceDesc\");\r\n  var brandsFrame = document.getElementById(\"trBrandsFrame\");\r\n  \r\n  var layer2Els = layerDecade ? layerDecade.querySelectorAll(\"#trAdonaiBig, #trDecadeBlurb, #trActions, #trTen, #trLine, #trGoObjectives\") : [];\r\n  var adonaiBig = document.getElementById(\"trAdonaiBig\");\r\n  var blurb = document.getElementById(\"trDecadeBlurb\");\r\n  var ten = document.getElementById(\"trTen\");\r\n  var line = document.getElementById(\"trLine\");\r\n  var actions = document.getElementById(\"trActions\");\r\n\r\n  var objHeader = document.getElementById(\"trObjHeader\");\r\n  var objTitle = layerObjectives ? layerObjectives.querySelector(\".tr-obj-title\") : null;\r\n  var objLead  = document.getElementById(\"trObjLead\");\r\n  var objCards = layerObjectives ? layerObjectives.querySelectorAll(\".tr-card\") : [];\r\n\r\n  \/\/ Botones\r\n  var goDown = document.getElementById(\"trGoDown\");\r\n  var goDecade = document.getElementById(\"trGoDecade\");\r\n  var goObjectives = document.getElementById(\"trGoObjectives\");\r\n  var goBack = document.getElementById(\"trGoBack\");\r\n  \r\n  \/\/ Helpers\r\n  function clamp01(v){ return Math.max(0, Math.min(1, v)); }\r\n  function lerp(a,b,t){ return a + (b-a)*t; }\r\n  function setOpacity(el, o){ if(el) el.style.opacity = String(o); }\r\n  function setLayerActive(layer, isActive){ if(layer) layer.classList.toggle(\"is-active\", !!isActive); }\r\n  function resetPanel(panel){ if(panel) panel.scrollTop = 0; }\r\n  \r\n  \/\/ Paneles internos para resetear scroll\r\n  var panelBrands = document.getElementById(\"trPanelBrands\");\r\n  var panelDecade = document.getElementById(\"trPanelDecade\");\r\n  var panelObjectives = document.getElementById(\"trPanelObjectives\");\r\n\r\n\r\n  \/\/ ===== RENDER PRINCIPAL (CORREGIDO) =====\r\n  \r\n  \/\/ ===== RENDER AJUSTADO (Transiciones R\u00e1pidas \/ Efecto \"Golpe\") =====\r\n  \r\n  \r\n  function render(){\r\n    \/\/ 1. Detecci\u00f3n de Scroll corregida (Variable renombrada a scrollTop)\r\n    var scrollTop = Math.max(\r\n      window.pageYOffset,\r\n      document.documentElement.scrollTop,\r\n      document.body.scrollTop,\r\n      0\r\n    );\r\n    \r\n    \/\/ 2. C\u00e1lculo de altura\r\n    var scrollHeight = Math.max(\r\n      document.body.scrollHeight, document.documentElement.scrollHeight,\r\n      document.body.offsetHeight, document.documentElement.offsetHeight\r\n    );\r\n    var winHeight = window.innerHeight;\r\n    var maxScroll = scrollHeight - winHeight;\r\n\r\n    \/\/ 3. Progreso (s)\r\n    var s = (maxScroll > 1) ? (scrollTop \/ maxScroll) : 0;\r\n    s = Math.max(0, Math.min(1, s)); \/\/ Clamp 0-1\r\n\r\n    \/\/ Barra de progreso\r\n    if(progressBar) progressBar.style.width = (s * 100).toFixed(2) + \"%\";\r\n\r\n    \/\/ --- L\u00d3GICA DE ANIMACI\u00d3N (Tu c\u00f3digo original restaurado) ---\r\n    var tDecade = clamp01((s - 0.45) \/ 0.25);\r\n    var tObj    = clamp01((s - 0.75) \/ 0.25);\r\n\r\n    \/* CAPA 1: HERO *\/\r\n    var heroOut = clamp01((s - 0.15) \/ 0.16);\r\n    var heroScale = lerp(1, 0.92, heroOut);\r\n    var heroY = lerp(0, -80, heroOut);\r\n    var heroO = 1 - heroOut;\r\n\r\n    layer1Els.forEach(function(el){\r\n      if(el) el.style.transform = \"translate3d(0,\" + heroY + \"px,0) scale(\" + heroScale + \")\";\r\n      setOpacity(el, heroO);\r\n    });\r\n    if(layerHero){\r\n      layerHero.style.opacity = String(heroO);\r\n      layerHero.style.transform = \"translate3d(0,\" + heroY + \"px,0)\";\r\n    }\r\n    \r\n    if(goDown){\r\n        var oDown = lerp(1, 0, clamp01(s \/ 0.18));\r\n        goDown.style.opacity = String(oDown);\r\n        goDown.style.pointerEvents = (s < 0.10) ? \"auto\" : \"none\";\r\n    }\r\n\r\n    \/* CAPA 2: MARCAS *\/\r\n    var bMix = 0;\r\n    if(layerBrands){ \r\n      var showB = clamp01((s - 0.18) \/ 0.12);\r\n      var hideB = clamp01((s - 0.42) \/ 0.08);\r\n      bMix = showB * (1 - hideB);\r\n\r\n      layerBrands.style.opacity = String(bMix);\r\n      layerBrands.style.transform = \"translate3d(0,\" + lerp(14, 0, showB) + \"px,0)\";\r\n      var interactionstate = (bMix > 0.9) ? \"auto\" : \"none\";\r\n      layerBrands.style.pointerEvents = interactionstate;\r\n      if(panelBrands) panelBrands.style.pointerEvents = interactionstate;\r\n\r\n      if(brandsTitle){\r\n        setOpacity(brandsTitle, lerp(0, 1, showB));\r\n        brandsTitle.style.transform = \"translate3d(0,\" + lerp(14, 0, showB) + \"px,0)\";\r\n      }\r\n      var s2 = clamp01((showB - 0.08) \/ 0.92);\r\n      if(brandsSubtitle){\r\n        setOpacity(brandsSubtitle, lerp(0, 1, s2));\r\n        brandsSubtitle.style.transform = \"translate3d(0,\" + lerp(14, 0, s2) + \"px,0)\";\r\n      }\r\n      var d = clamp01((showB - 0.12) \/ 0.88);\r\n      if(presenceDesc){\r\n        setOpacity(presenceDesc, lerp(0, 1, d));\r\n        presenceDesc.style.transform = \"translate3d(0,\" + lerp(14, 0, d) + \"px,0)\";\r\n      }\r\n      var f = clamp01((showB - 0.16) \/ 0.84);\r\n      if(brandsFrame){\r\n        setOpacity(brandsFrame, lerp(0, 1, f));\r\n        brandsFrame.style.transform = \"translate3d(0,\" + lerp(16, 0, f) + \"px,0) scale(\" + lerp(0.99, 1.0, f) + \")\";\r\n      }\r\n      \r\n      if(goDecade){\r\n        var btn = clamp01((showB - 0.25) \/ 0.35) * (1 - hideB);\r\n        goDecade.style.opacity = String(btn);\r\n        goDecade.style.pointerEvents = btn > 0.35 ? \"auto\" : \"none\";\r\n      }\r\n    }\r\n\r\n    \/* CAPA 3: D\u00c9CADA *\/\r\n    if(layerDecade){\r\n      \/\/ Calculamos el valor de opacidad en una variable\r\n      var decadeVal = lerp(0, 1, tDecade);\r\n      layerDecade.style.opacity = String(decadeVal);\r\n      layerDecade.style.transform = \"translate3d(0,\" + lerp(10, 0, tDecade) + \"px,0)\";\r\n      var interactionStateC3 = (decadeVal > 0.9 && tObj < 0.1) ? \"auto\" : \"none\";\r\n      layerDecade.style.pointerEvents = interactionStateC3;\r\n      if(panelDecade) panelDecade.style.pointerEvents = interactionStateC3;\r\n    }\r\n    var aIn = clamp01((tDecade - 0.08) \/ 0.22);\r\n    setOpacity(adonaiBig, lerp(0, 1, aIn));\r\n    if(adonaiBig) adonaiBig.style.transform = \"translate3d(0,\" + lerp(10, 0, aIn) + \"px,0) scale(\" + lerp(0.98, 1.02, aIn) + \")\";\r\n\r\n    var bIn = clamp01((tDecade - 0.18) \/ 0.28);\r\n    setOpacity(blurb, lerp(0, 1, bIn));\r\n    if(blurb) blurb.style.transform = \"translate3d(0,\" + lerp(12, 0, bIn) + \"px,0)\";\r\n    \r\n    var btnIn = clamp01((tDecade - 0.34) \/ 0.22);\r\n    setOpacity(actions, lerp(0, 1, btnIn));\r\n    if(actions) actions.style.transform = \"translate3d(0,\" + lerp(10, 0, btnIn) + \"px,0)\";\r\n\r\n    var tenIn = clamp01((tDecade - 0.24) \/ 0.25);\r\n    setOpacity(ten, lerp(0, 1, tenIn));\r\n    if(ten) ten.style.transform = \"translate3d(\" + lerp(18, 0, tenIn) + \"px,0,0)\";\r\n\r\n    var lineIn = clamp01((tDecade - 0.32) \/ 0.25);\r\n    setOpacity(line, lerp(0, 1, lineIn));\r\n    if(line) line.style.transform = \"translate3d(\" + lerp(18, 0, lineIn) + \"px,0,0)\";\r\n\r\n    if(goObjectives){\r\n        var showObj = clamp01((tDecade - 0.62) \/ 0.2) * (1 - clamp01(tObj*1.2));\r\n        goObjectives.style.opacity = String(showObj);\r\n        goObjectives.style.pointerEvents = showObj > 0.3 ? \"auto\" : \"none\";\r\n    }\r\n\r\n    \/\/ Salida d\u00e9cada hacia arriba\r\n    var outT2 = clamp01((tObj - 0.02) \/ 0.75);\r\n    var yUp = lerp(0, -220, outT2);\r\n    var oUp = lerp(1, 0, clamp01((tObj - 0.18) \/ 0.55));\r\n\r\n    if (tObj > 0.001){\r\n      layer2Els.forEach(function(el){\r\n        if(el) el.style.transform = \"translate3d(0,\" + yUp + \"px,0)\";\r\n        setOpacity(el, oUp);\r\n      });\r\n      if(layerDecade) {\r\n          layerDecade.style.opacity = String(lerp(1, 0, tObj));\r\n          if(tObj > 0.1) {\r\n             layerDecade.style.pointerEvents = \"none\"; \r\n             if(panelDecade) panelDecade.style.pointerEvents = \"none\"; \/\/ Asegurar bloqueo\r\n          }\r\n      }\r\n    }\r\n\r\n    \/* CAPA 4: OBJETIVOS *\/\r\n    if(layerObjectives){\r\n      \/\/ Calculamos la opacidad en variable\r\n      var objVal = lerp(0, 1, tObj);\r\n      layerObjectives.style.opacity = String(objVal);\r\n      layerObjectives.style.transform = \"translate3d(0,\" + lerp(10, 0, tObj) + \"px,0)\";\r\n      var interactionStateC4 = (objVal > 0.9) ? \"auto\" : \"none\";\r\n      layerObjectives.style.pointerEvents = interactionStateC4;\r\n      if(panelObjectives) panelObjectives.style.pointerEvents = interactionStateC4;\r\n    }\r\n\r\n    var h = clamp01((tObj - 0.04) \/ 0.22);\r\n    setOpacity(objHeader, lerp(0, 1, h));\r\n    if(objHeader) objHeader.style.transform = \"translate3d(0,\" + lerp(14, 0, h) + \"px,0) scale(\" + lerp(0.985, 1.0, h) + \")\";\r\n\r\n    var tt = clamp01((tObj - 0.10) \/ 0.22);\r\n    setOpacity(objTitle, lerp(0, 1, tt));\r\n    if(objTitle) objTitle.style.transform = \"translate3d(0,\" + lerp(12, 0, tt) + \"px,0)\";\r\n    \r\n    var tl = clamp01((tObj - 0.14) \/ 0.22);\r\n    setOpacity(objLead, lerp(0, 1, tl));\r\n    if(objLead) objLead.style.transform = \"translate3d(0,\" + lerp(12, 0, tl) + \"px,0)\";\r\n\r\n    objCards.forEach(function(card, i){\r\n      var start = 0.20 + i * 0.07;\r\n      var ct = clamp01((tObj - start) \/ 0.22);\r\n      setOpacity(card, lerp(0, 1, ct));\r\n      var y = lerp(16, 0, ct);\r\n      var sc = lerp(0.985, 1.0, ct);\r\n      var rot = lerp(0.6, 0, ct);\r\n      card.style.transform = \"translate3d(0,\" + y + \"px,0) scale(\" + sc + \") rotate(\" + rot + \"deg)\";\r\n    });\r\n\r\n    if(goBack){\r\n      var ob = clamp01((tObj - 0.18) \/ 0.25);\r\n      goBack.style.opacity = String(ob);\r\n      goBack.style.pointerEvents = tObj > 0.22 ? \"auto\" : \"none\";\r\n    }\r\n\r\n    \/* ACTIVACI\u00d3N DE CAPAS *\/\r\n    setLayerActive(layerBrands, bMix > 0.08);\r\n    setLayerActive(layerDecade, (tDecade > 0.08) && (tObj < 0.92));\r\n    setLayerActive(layerObjectives, tObj > 0.08);\r\n    setLayerActive(layerHero, false);\r\n  }\r\n\r\n\r\n  \/\/ ===== LISTENER FINAL (Optimizado para m\u00f3vil) =====\r\n  var ticking = false;\r\n  \r\n  \/\/ Usamos 'capture: true' para detectar scroll en capas profundas de elementor\r\n  window.addEventListener(\"scroll\", function(){\r\n    if(!ticking){\r\n      window.requestAnimationFrame(function(){\r\n        render();\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  }, {passive: true, capture: true});\r\n\r\n  \/\/ Listener redundante para touch en algunos m\u00f3viles\r\n  window.addEventListener(\"touchmove\", function(){\r\n      if(!ticking) render();\r\n  }, {passive: true});\r\n\r\n  window.addEventListener(\"resize\", render, {passive: true});\r\n  \r\n  \/\/ Inicializar\r\n  render();\r\n\r\n  \/\/ Funci\u00f3n de navegaci\u00f3n nativa\r\n  function scrollToT(progress01){\r\n    var scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);\r\n    var winHeight = window.innerHeight;\r\n    var target = progress01 * (scrollHeight - winHeight);\r\n    window.scrollTo({ top: target, behavior:\"smooth\" });\r\n  }\r\n\r\n  \/\/ Bind de botones\r\n  if(goDown) goDown.addEventListener(\"click\", function(){ resetPanel(panelBrands); scrollToT(0.36); }, {passive:true});\r\n  if(goDecade) goDecade.addEventListener(\"click\", function(){ resetPanel(panelDecade); scrollToT(0.55); }, {passive:true});\r\n  if(goObjectives) goObjectives.addEventListener(\"click\", function(){ resetPanel(panelObjectives); scrollToT(0.92); }, {passive:true});\r\n  if(goBack) goBack.addEventListener(\"click\", function(){ resetPanel(panelDecade); scrollToT(0.55); }, {passive:true});\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-becc186 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"becc186\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecd26f3 elementor-widget elementor-widget-html\" data-id=\"ecd26f3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTRASCENDER \u2022 FIXED BACKGROUND (Widget 1) \u2014 CORREGIDO\n\u2705 Sin l\u00ednea blanca lateral\n\u2705 Compatible m\u00f3vil iOS \/ Android\n\u2705 Mantiene animaci\u00f3n y est\u00e9tica original\n========================================================= -->\n\n<div id=\"trFixedBg\" class=\"tr-fullwidth\" aria-hidden=\"true\">\n  <div class=\"tr-bg tr-bg1\"><\/div>\n  <div class=\"tr-bg tr-bg2\"><\/div>\n<\/div>\n\n<style>\n\/* =========================================================\n   FULL WIDTH BASE (Elementor compatibility)\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\/* =========================================================\n   FIX CR\u00cdTICO \u2014 evita l\u00ednea blanca lateral\n   Neutraliza 100vw + margen negativo SOLO para background\n========================================================= *\/\n#trFixedBg.tr-fullwidth{\n  width:100% !important;\n  max-width:100% !important;\n  margin-left:0 !important;\n  margin-right:0 !important;\n  left:0 !important;\n  right:0 !important;\n}\n\n\/* Bloquea cualquier micro overflow horizontal *\/\nhtml, body{\n  overflow-x:hidden !important;\n}\n\n\/* =========================================================\n   CONTENEDOR FIJO\n========================================================= *\/\n#trFixedBg{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  overflow:hidden; \/* evita bleeding de animaciones *\/\n}\n\n\/* =========================================================\n   DEGRADADO BASE\n========================================================= *\/\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\/* =========================================================\n   CAPAS DE IMAGEN\n========================================================= *\/\n#trFixedBg .tr-bg{\n  position:absolute;\n  inset:-1px; \/* micro expand para cubrir gaps subpixel *\/\n  background-size:cover;\n  background-position:center;\n  opacity:.15;\n  z-index:1;\n\n  \/* FIX iOS render gap *\/\n  transform: translateZ(0);\n  will-change: transform, opacity;\n}\n\n#trFixedBg .tr-bg1{\n  background-image:url(\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/Fondo00.png\");\n  z-index:1;\n}\n\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  animation:trLatency 12s ease-in-out infinite;\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N SUAVE\n========================================================= *\/\n@keyframes trLatency{\n  0%,100%{\n    transform:scale(1);\n    opacity:.12;\n  }\n  50%{\n    transform:scale(1.02) translateY(-10px);\n    opacity:.18;\n  }\n}\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\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\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60d1a54 elementor-widget elementor-widget-html\" data-id=\"60d1a54\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTRASCENDER \u2022 MOBILE ONLY CONTENT (Elementor HTML Widget)\n\u2705 SOLO M\u00d3VIL (<=768px)\n\u2705 Usa tu background fijo existente (#trFixedBg) SIN duplicarlo\n\u2705 Scroll 100% nativo (sin fixed\/overflow raros)\n\u2705 Snap suave por secciones + entradas + \u201cSiguiente\u201d\n\u2705 FIX l\u00ednea blanca \/ overflow lateral (iOS\/Safari)\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=\"trm\" id=\"trmRoot\" aria-label=\"Trascender m\u00f3vil\">\n\n  <!-- Header sticky -->\n  <header class=\"trm-header\" aria-label=\"Navegaci\u00f3n\">\n    <div class=\"trm-header__brand\">\n      <span class=\"trm-header__dot\" aria-hidden=\"true\"><\/span>\n      <span class=\"trm-header__title\">TRASCENDER<\/span>\n    <\/div>\n\n    <nav class=\"trm-header__nav\" aria-label=\"Secciones\">\n      <a class=\"trm-chip\" data-trm-link href=\"#trmHero\">Inicio<\/a>\n      <a class=\"trm-chip\" data-trm-link href=\"#trmBrands\">Marcas<\/a>\n      <a class=\"trm-chip\" data-trm-link href=\"#trmDecade\">Evento<\/a>\n      <a class=\"trm-chip\" data-trm-link href=\"#trmObjectives\">Objetivos<\/a>\n    <\/nav>\n  <\/header>\n\n  <!-- CONTENIDO -->\n  <main class=\"trm-main\" id=\"trmMain\">\n\n    <!-- HERO -->\n    <section class=\"trm-sec trm-hero\" id=\"trmHero\" data-next=\"#trmBrands\" data-nextlabel=\"Marcas\">\n      <div class=\"trm-hero__grid\">\n        <div class=\"trm-hero__img trm-reveal\">\n          <img\n            src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/titlecalavera01.png\"\n            alt=\"Calavera\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n\n        <div class=\"trm-hero__copy\">\n          <div class=\"trm-reveal\" data-delay=\"60\">\n            <h1 class=\"trm-h1\">TRASCENDER<\/h1>\n            <p class=\"trm-sub\">M\u00c1S ALL\u00c1 DE LA D\u00c9CADA<\/p>\n            <p class=\"trm-lead\">El Arte de Preservar la Memoria.<\/p>\n          <\/div>\n\n          <div class=\"trm-hero__brand trm-reveal\" data-delay=\"120\">\n            <img\n              src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/porlogoadonai01.png\"\n              alt=\"Logo Adonai\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            \/>\n            <div class=\"trm-city\">CDMX<\/div>\n          <\/div>\n\n          <div class=\"trm-ctaRow trm-reveal\" data-delay=\"180\">\n            <a class=\"trm-btn trm-btn--gold btn-full\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\n                <a class=\"trm-btn trm-btn--primary\" href=\"#trmDecade\" data-trm-link>Ver evento<\/a>\n            <a class=\"trm-btn trm-btn--ghost\" href=\"#trmBrands\" data-trm-link>Ver marcas<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"trm-secEnd\" aria-hidden=\"true\"><\/div>\n    <\/section>\n\n    <!-- MARCAS -->\n    <section class=\"trm-sec trm-brands\" id=\"trmBrands\" aria-label=\"Marcas participantes\" data-next=\"#trmDecade\" data-nextlabel=\"D\u00e9cada\">\n      <div class=\"trm-secHead\">\n        <div class=\"trm-reveal\">\n          <h2 class=\"trm-h2\">Presencia empresarial<\/h2>\n          <p class=\"trm-kicker\">Expo de Innovaci\u00f3n Mortuoria<\/p>\n          <p class=\"trm-p\">\n            Las marcas se han sumado a esta celebraci\u00f3n con la finalidad de fortalecer la presencia y el enlace con nuestros asistentes a este gran evento.\n            Si est\u00e1s dentro de la Industria Funeraria y en espec\u00edfico en el \u00e1rea del Embalsamamiento, esta es una buena oportunidad de conocer nuevos proveedores\n            y hacer alianzas comerciales s\u00f3lidas con ellos.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"trm-brandFrame trm-reveal\" data-delay=\"90\" aria-label=\"Logos de marcas\">\n        <div class=\"trm-brandFrame__cap\">\n          <div class=\"trm-brandFrame__title\">Marcas participantes<\/div>\n        <\/div>\n\n        <div class=\"trm-brandGrid\" role=\"list\" aria-label=\"Listado de marcas\">\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-epm.png\" alt=\"EPM\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-seremne.png\" alt=\"Seremne\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-networkingfunerales.png\" alt=\"Networking Funerales\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-preservia.png\" alt=\"Preservia\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-inmortia.png\" alt=\"Inmortia\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-cedie.png\" alt=\"Cedie\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-cafri.png\" alt=\"Cafri\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-portal.png\" alt=\"Portal\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-othila.png\" alt=\"Othila\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-emba.png\" alt=\"Emba\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-tanato.png\" alt=\"Tanato\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-embalab.png\" alt=\"Embalab\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-universidad.png\" alt=\"Universidad\" loading=\"lazy\" decoding=\"async\" \/>\n          <img class=\"trm-brandLogo\" src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logo-nunez.png\" alt=\"N\u00fa\u00f1ez\" loading=\"lazy\" decoding=\"async\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"trm-nextInline trm-reveal\" data-delay=\"150\">\n        <a class=\"trm-btn trm-btn--primary\" href=\"#trmDecade\" data-trm-link>Continuar<\/a>\n      <\/div>\n\n      <div class=\"trm-secEnd\" aria-hidden=\"true\"><\/div>\n    <\/section>\n\n    <!-- D\u00c9CADA -->\n    <section class=\"trm-sec trm-decade\" id=\"trmDecade\" aria-label=\"10 a\u00f1os\" data-next=\"#trmObjectives\" data-nextlabel=\"Objetivos\">\n      <div class=\"trm-secHead trm-reveal\">\n        <img\n          class=\"trm-adonai\"\n          src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/logoadonai00.png\"\n          alt=\"Logo Adonai\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        \/>\n\n        <p class=\"trm-p\">\n          Conmemoramos 10 a\u00f1os de trayectoria, marcados por el compromiso con la profesionalizaci\u00f3n, la \u00e9tica y la formaci\u00f3n continua.\n        <\/p>\n        <p class=\"trm-p\">\n          A lo largo de esta d\u00e9cada, ADONAI ha sido parte del crecimiento de cientos de profesionales, impulsando el conocimiento, la actualizaci\u00f3n constante y el respeto por una labor que exige t\u00e9cnica, sensibilidad y vocaci\u00f3n.\n        <\/p>\n        <p class=\"trm-p\">\n          Como resultado de este camino, nace TRASCENDER, un evento creado para compartir, reconocer y proyectar el futuro de la profesi\u00f3n, celebrando no solo los a\u00f1os recorridos, sino el impacto que se ha construido junto a la comunidad.\n        <\/p>\n      <\/div>\n\n      <div class=\"trm-marks trm-reveal\" data-delay=\"110\">\n        <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/10-anos.png\" alt=\"10 a\u00f1os\" loading=\"lazy\" decoding=\"async\" \/>\n        <img src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/MAS-ALLA-DE-LA-DECADA.png\" alt=\"M\u00e1s all\u00e1 de la d\u00e9cada\" loading=\"lazy\" decoding=\"async\" \/>\n      <\/div>\n\n      <div class=\"trm-ctaRow trm-reveal\" data-delay=\"150\">\n        <a class=\"trm-btn trm-btn--gold btn-full\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/registro\/\">REGISTRO<\/a>\n        <a class=\"trm-btn trm-btn--primary\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-virtual\/\">Jornada Virtual<\/a>\n        <a class=\"trm-btn trm-btn--primary span-2\" href=\"https:\/\/trascender-embalsamar.com\/home\/index.php\/jornada-presencial\/\">Jornada Presencial<\/a>\n        \n      <\/div>\n      \n      <br><br>\n        <a class=\"trm-btn trm-btn--ghost span-2\" href=\"#trmObjectives\" data-trm-link>Objetivos<\/a>\n\n      <div class=\"trm-secEnd\" aria-hidden=\"true\"><\/div>\n    <\/section>\n\n    <!-- OBJETIVOS -->\n    <section class=\"trm-sec trm-objectives\" id=\"trmObjectives\" aria-label=\"Objetivos del evento\" data-next=\"#trmHero\" data-nextlabel=\"Inicio\">\n      <div class=\"trm-reveal\">\n        <img\n          class=\"trm-objHeader\"\n          src=\"https:\/\/trascender-embalsamar.com\/home\/wp-content\/uploads\/2026\/01\/MAS-ALLA-DE-LA-DECADA-02.png\"\n          alt=\"M\u00e1s all\u00e1 de la d\u00e9cada\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        \/>\n      <\/div>\n\n      <div class=\"trm-secHead trm-reveal\" data-delay=\"90\">\n        <h2 class=\"trm-h2\">Objetivos del evento<\/h2>\n        <p class=\"trm-p\">Tres pilares para fortalecer la profesi\u00f3n, conectar a la comunidad y proyectar el futuro del sector.<\/p>\n      <\/div>\n\n      <div class=\"trm-stack\">\n        <article class=\"trm-card trm-reveal\" data-delay=\"80\">\n          <div class=\"trm-badge\">01<\/div>\n          <h3 class=\"trm-h3\">Profesionalizaci\u00f3n y Excelencia T\u00e9cnica<\/h3>\n          <p class=\"trm-p\">\n            Elevar los est\u00e1ndares de calidad en el servicio de embalsamamiento mediante intercambio de conocimiento de alto nivel,\n            herramientas innovadoras y t\u00e9cnicas de vanguardia impartidas por referentes nacionales e internacionales.\n          <\/p>\n        <\/article>\n\n        <article class=\"trm-card trm-reveal\" data-delay=\"120\">\n          <div class=\"trm-badge\">02<\/div>\n          <h3 class=\"trm-h3\">Vinculaci\u00f3n de la Comunidad<\/h3>\n          <p class=\"trm-p\">\n            Crear un punto de encuentro estrat\u00e9gico donde profesionales, proveedores y marcas converjan para compartir experiencias,\n            fomentar networking, alianzas y una comunidad m\u00e1s unida ante los retos actuales.\n          <\/p>\n        <\/article>\n\n        <article class=\"trm-card trm-reveal\" data-delay=\"160\">\n          <div class=\"trm-badge\">03<\/div>\n          <h3 class=\"trm-h3\">D\u00e9cada de Trayectoria con Visi\u00f3n de Futuro<\/h3>\n          <p class=\"trm-p\">\n            Conmemorar los 10 a\u00f1os de ADONAI agradeciendo la confianza de clientes y socios, reafirmando el compromiso de seguir\n            construyendo historia con actualizaci\u00f3n constante e innovaci\u00f3n en el sector.\n          <\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"trm-nextInline trm-reveal\" data-delay=\"190\">\n        <a class=\"trm-btn trm-btn--ghost\" href=\"#trmHero\" data-trm-link>Volver arriba<\/a>\n      <\/div>\n\n      <div class=\"trm-secEnd\" aria-hidden=\"true\"><\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- Barra \u201cFin de secci\u00f3n \u2192 Siguiente\u201d -->\n  <div class=\"trm-nextBar\" id=\"trmNextBar\" role=\"region\" aria-label=\"Siguiente secci\u00f3n\">\n    <div class=\"trm-nextBar__pill\">\n      <span class=\"trm-nextBar__label\" id=\"trmNextLabel\">Siguiente<\/span>\n      <button class=\"trm-nextBar__btn\" id=\"trmNextBtn\" type=\"button\" aria-label=\"Ir a la siguiente secci\u00f3n\">\n        <span class=\"trm-nextBar__txt\" id=\"trmNextTxt\">Continuar<\/span>\n        <span class=\"trm-nextBar__arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- FAB subir -->\n  <button class=\"trm-fab\" id=\"trmFab\" type=\"button\" aria-label=\"Subir\">\u2191<\/button>\n<\/div>\n\n<style>\n\/* =========================\n   MOBILE ONLY + FIX OVERFLOW\n========================= *\/\n.trm{ display:none; }\n@media (max-width: 768px){\n  .trm{ display:block; position:relative; z-index:10; }\n  html, body{\n    background: transparent !important;\n    overflow-x:hidden !important; \/* \u2705 evita l\u00ednea blanca\/scroll lateral *\/\n  }\n  \/* \u2705 iOS: evita \u201cgaps\u201d por subpixel *\/\n  body{ width:100%; }\n}\n\n\/* \u2705 Si tu BG (#trFixedBg) trae .tr-fullwidth (100vw + m\u00e1rgenes), neutral\u00edzalo SOLO para el BG *\/\n@media (max-width:768px){\n  #trFixedBg.tr-fullwidth{\n    width:100% !important;\n    max-width:100% !important;\n    margin-left:0 !important;\n    margin-right:0 !important;\n    left:0 !important;\n    right:0 !important;\n  }\n  #trFixedBg, #trFixedBg::before, #trFixedBg .tr-bg{\n    transform:translateZ(0);\n    will-change:transform;\n  }\n}\n\n\/* =========================\n   BASE\n========================= *\/\n.trm{\n  --title:#ffde59;\n  --subtitle:#D7B6FF;\n  --text:rgba(255,255,255,.86);\n  --muted:rgba(255,255,255,.72);\n  --card:rgba(255,255,255,.08);\n  --cardBorder:rgba(255,255,255,.14);\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.trm, .trm *{ box-sizing:border-box; }\n.trm img{ max-width:100%; height:auto; display:block; }\n\n\/* =========================\n   HEADER STICKY\n========================= *\/\n.trm-header{\n  position:sticky;\n  top:0;\n  z-index:80;\n  padding:10px 12px;\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.trm-header__brand{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:8px;\n}\n.trm-header__dot{\n  width:10px; height:10px;\n  border-radius:999px;\n  background: rgba(255,222,89,.95);\n  box-shadow: 0 10px 24px rgba(0,0,0,.22);\n}\n.trm-header__title{\n  font-family:var(--font-h);\n  letter-spacing:.10em;\n  font-weight:700;\n  color: rgba(255,222,89,.98);\n  font-size:14px;\n  text-transform:uppercase;\n}\n.trm-header__nav{\n  display:flex;\n  gap:8px;\n  overflow:auto;\n  -webkit-overflow-scrolling:touch;\n  padding-bottom:2px;\n}\n.trm-header__nav::-webkit-scrollbar{ display:none; }\n.trm-chip{\n  flex:0 0 auto;\n  text-decoration:none;\n  color: rgba(255,255,255,.88);\n  font-size:12px;\n  letter-spacing:.06em;\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  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  white-space:nowrap;\n}\n.trm-chip.is-active{\n  border-color: rgba(255,222,89,.45);\n  background: rgba(255,222,89,.10);\n  color: rgba(255,255,255,.92);\n}\n\n\/* =========================\n   MAIN + SCROLL SNAP (NATIVO)\n========================= *\/\n.trm-main{\n  scroll-snap-type: y proximity;\n}\n.trm-sec{\n  padding: 18px 16px 28px;\n  scroll-snap-align: start;\n  position:relative;\n}\n.trm-sec + .trm-sec{ border-top:1px solid rgba(255,255,255,.08); }\n\n\/* =========================\n   TYPO\n========================= *\/\n.trm-secHead{ display:flex; flex-direction:column; gap:8px; }\n.trm-h1{\n  font-family:var(--font-h);\n  color:var(--title);\n  text-transform:uppercase;\n  letter-spacing:.06em;\n  margin:0;\n  font-size:34px;\n  line-height:1.05;\n}\n.trm-h2{\n  font-family:var(--font-h);\n  color:var(--title);\n  text-transform:uppercase;\n  letter-spacing:.06em;\n  margin:0;\n  font-size:24px;\n  line-height:1.1;\n}\n.trm-h3{\n  font-family:var(--font-h);\n  margin:8px 0 6px;\n  font-size:16px;\n  color: var(--subtitle);\n  letter-spacing:.02em;\n}\n.trm-sub{\n  margin:0;\n  color: var(--subtitle);\n  font-weight:700;\n  letter-spacing:.12em;\n  font-size:12px;\n}\n.trm-kicker{\n  margin:0;\n  color: rgba(215,182,255,.92);\n  font-weight:700;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n  font-size:12px;\n}\n.trm-lead{\n  margin:0;\n  color: rgba(255,255,255,.78);\n  line-height:1.6;\n  font-size:14px;\n}\n.trm-p{\n  margin:0;\n  color: var(--text);\n  line-height:1.65;\n  font-size:14px;\n}\n.trm-p + .trm-p{ margin-top:10px; }\n\n\/* =========================\n   HERO\n========================= *\/\n.trm-hero__grid{ display:grid; gap:14px; }\n.trm-hero__img img{\n  width:min(320px, 82vw);\n  margin: 0 auto;\n  filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));\n}\n.trm-hero__copy{ text-align:center; }\n.trm-hero__brand{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:10px;\n  margin-top:10px;\n}\n.trm-hero__brand img{ width:200px; max-width:70vw; }\n.trm-city{\n  font-size:12px;\n  letter-spacing:.18em;\n  color: rgba(255,255,255,.70);\n}\n\n\/* =========================\n   BUTTONS\n========================= *\/\n.trm-ctaRow{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:10px;\n  margin-top:14px;\n}\n.trm-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:11px 14px;\n  border-radius:999px;\n  text-decoration:none;\n  font-weight:700;\n  font-size:14px;\n  letter-spacing:.02em;\n  border:1px solid rgba(255,255,255,.18);\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  user-select:none;\n}\n.trm-btn--primary{ background: rgba(255,255,255,.82); color:#230449; }\n.trm-btn--ghost{ background: rgba(255,255,255,.06); color: rgba(255,255,255,.90); }\n.trm-nextInline{ margin-top:16px; display:flex; justify-content:center; }\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   DESKTOP RESET (> 992px)\n   Aqu\u00ed desactivamos el Grid y usamos Flex normal\n========================= *\/\n@media (min-width: 992px) {\n  .trm-ctaRow {\n    display: flex;\n    justify-content: flex-start; \/* Alineados a la izquierda *\/\n    gap: 15px;\n  }\n  \n  .trm-btn {\n    width: auto; \/* El bot\u00f3n se encoge al tama\u00f1o del texto *\/\n    padding: 12px 30px;\n  }\n  \n  \/* Anulamos la clase full en PC *\/\n  .btn-full { width: auto; }\n}\n\n\/* =========================\n   CARDS\n========================= *\/\n.trm-card{\n  background: var(--card);\n  border:1px solid var(--cardBorder);\n  border-radius:18px;\n  padding:14px;\n  box-shadow: 0 14px 32px rgba(0,0,0,.18);\n}\n\n\/* =========================\n   MARCAS (FRAME + GRID LIMPIO)\n========================= *\/\n.trm-brandFrame{\n  margin-top:14px;\n  border-radius:20px;\n  padding:16px 14px 14px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: 0 18px 44px rgba(0,0,0,.18);\n  position:relative;\n  overflow:hidden;\n}\n.trm-brandFrame::before{\n  content:\"\";\n  position:absolute;\n  inset:-2px;\n  background:\n    radial-gradient(600px 240px at 20% 0%, rgba(255,222,89,.16), transparent 60%),\n    radial-gradient(520px 240px at 90% 20%, rgba(215,182,255,.16), transparent 60%);\n  opacity:.9;\n  pointer-events:none;\n}\n.trm-brandFrame__cap{\n  position:relative;\n  z-index:1;\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:12px;\n  margin-bottom:12px;\n}\n.trm-brandFrame__title{\n  font-family:var(--font-h);\n  color: rgba(255,222,89,.98);\n  text-transform:uppercase;\n  letter-spacing:.06em;\n  font-size:14px;\n}\n\n.trm-brandGrid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap:12px;\n  align-items:center;\n}\n@media (max-width: 380px){\n  .trm-brandGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n.trm-brandLogo{\n  width:100%;\n  height:44px;\n  object-fit:contain;\n  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));\n  opacity:.95;\n  transition: transform .22s ease, opacity .22s ease;\n  will-change: transform;\n}\n.trm-brandLogo:active{ transform: translateY(-1px) scale(1.06); opacity:1; }\n\n\/* =========================\n   D\u00c9CADA \/ MARKS\n========================= *\/\n.trm-adonai{ width:220px; max-width:72vw; margin:0 auto 10px; }\n.trm-marks{ display:grid; gap:10px; justify-items:center; margin-top:14px; }\n.trm-marks img{ width:min(320px, 86vw); }\n\n\/* =========================\n   OBJ HEADER + STACK\n========================= *\/\n.trm-objHeader{\n  width:100%;\n  border-radius:18px;\n  box-shadow: 0 18px 36px rgba(0,0,0,.22);\n  margin-bottom:10px;\n}\n.trm-stack{ display:grid; gap:14px; margin-top:14px; }\n.trm-badge{\n  width:38px; height:38px;\n  border-radius:12px;\n  display:grid;\n  place-items:center;\n  font-weight:800;\n  letter-spacing:.06em;\n  background: rgba(255,222,89,.12);\n  border:1px solid rgba(255,222,89,.22);\n  color: rgba(255,255,255,.92);\n}\n\n\/* =========================\n   REVEAL\n========================= *\/\n.trm-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.trm-reveal.is-in{ opacity:1; transform: translate3d(0,0,0); }\n\n\/* Entrada secci\u00f3n *\/\n.trm-sec.is-entering::before{\n  content:\"\";\n  position:absolute;\n  left:16px; right:16px;\n  top: 10px;\n  height: 2px;\n  border-radius:999px;\n  background: rgba(255,222,89,.55);\n  opacity:0;\n  transform: scaleX(.9);\n  animation: trmSectionLine .55s ease forwards;\n}\n@keyframes trmSectionLine{\n  0%{ opacity:0; transform:scaleX(.9); }\n  100%{ opacity:.95; transform:scaleX(1); }\n}\n\n\/* Next bar *\/\n.trm-nextBar{\n  position:fixed;\n  left:12px;\n  right:12px;\n  bottom:12px;\n  z-index:90;\n  pointer-events:none;\n  opacity:0;\n  transform: translate3d(0,10px,0);\n  transition: opacity .25s ease, transform .25s ease;\n}\n.trm-nextBar.is-on{ opacity:1; transform: translate3d(0,0,0); }\n.trm-nextBar__pill{\n  pointer-events:auto;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:10px;\n  padding:10px 10px 10px 12px;\n  border-radius:18px;\n  background: rgba(10,6,20,.55);\n  border:1px solid rgba(255,255,255,.16);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  box-shadow: 0 18px 40px rgba(0,0,0,.26);\n}\n.trm-nextBar__label{\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color: rgba(255,255,255,.78);\n  white-space:nowrap;\n}\n.trm-nextBar__btn{\n  border:0;\n  border-radius:14px;\n  padding:10px 12px;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  background: rgba(255,255,255,.86);\n  color:#230449;\n  font-weight:800;\n  cursor:pointer;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  box-shadow: 0 14px 28px rgba(0,0,0,.18);\n}\n.trm-nextBar__arrow{\n  font-weight:900;\n  animation: trmNudge 1.4s ease-in-out infinite;\n}\n@keyframes trmNudge{\n  0%,100%{ transform: translateX(0); }\n  50%{ transform: translateX(3px); }\n}\n\n.trm-secEnd{ height: 8px; }\n\n\/* FAB *\/\n.trm-fab{\n  position:fixed;\n  right:14px;\n  bottom:72px;\n  z-index:95;\n  width:44px;\n  height:44px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.18);\n  background: rgba(255,255,255,.82);\n  color:#230449;\n  font-weight:900;\n  box-shadow: 0 16px 34px rgba(0,0,0,.22);\n  display:none;\n  place-items:center;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce){\n  .trm-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }\n  .trm-nextBar__arrow{ animation:none !important; }\n  .trm-sec.is-entering::before{ animation:none !important; opacity:.95 !important; transform:none !important; }\n}\n\n\n\n<\/style>\n\n<script>\n(function(){\n  if (!window.matchMedia || !window.matchMedia(\"(max-width: 768px)\").matches) return;\n\n  var root = document.getElementById(\"trmRoot\");\n  if(!root) return;\n\n  function qsa(sel, el){ return Array.prototype.slice.call((el||document).querySelectorAll(sel)); }\n\n  function scrollToId(id){\n    var el = document.getElementById(id);\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  \/\/ Links chips\/CTAs internos\n  root.addEventListener(\"click\", function(e){\n    var a = e.target.closest && e.target.closest('[data-trm-link][href^=\"#\"]');\n    if(!a) return;\n    var href = a.getAttribute(\"href\");\n    if(!href || href.length < 2) return;\n    e.preventDefault();\n    scrollToId(href.slice(1));\n  }, {passive:false});\n\n  \/\/ Reveal\n  var revealEls = qsa(\".trm-reveal\", root);\n  function reveal(el){\n    var d = parseInt(el.getAttribute(\"data-delay\") || \"0\", 10);\n    if(d > 0) el.style.transitionDelay = (d\/1000).toFixed(2) + \"s\";\n    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    revealEls.forEach(function(el){ io.observe(el); });\n  }else{\n    revealEls.forEach(reveal);\n  }\n\n  \/\/ Sections + chips active + next bar\n  var sections = qsa(\".trm-sec\", root);\n  var chips = qsa(\".trm-chip\", root);\n\n  function setActiveChip(id){\n    chips.forEach(function(c){\n      var href = c.getAttribute(\"href\") || \"\";\n      c.classList.toggle(\"is-active\", href === (\"#\" + id));\n    });\n  }\n\n  var nextBar = document.getElementById(\"trmNextBar\");\n  var nextBtn = document.getElementById(\"trmNextBtn\");\n  var nextLabel = document.getElementById(\"trmNextLabel\");\n  var nextTxt = document.getElementById(\"trmNextTxt\");\n  var currentSection = sections[0] || null;\n  var nextTarget = null;\n\n  function updateNextFromSection(sec){\n    var n = sec.getAttribute(\"data-next\");\n    var nl = sec.getAttribute(\"data-nextlabel\") || \"Siguiente\";\n    nextTarget = n ? n.replace(\"#\",\"\") : null;\n    nextLabel.textContent = \"Siguiente: \" + nl;\n    nextTxt.textContent = nl;\n  }\n\n  if(\"IntersectionObserver\" in window){\n    var secIO = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){\n          var sec = en.target;\n\n          sec.classList.add(\"is-entering\");\n          setTimeout(function(){ sec.classList.remove(\"is-entering\"); }, 650);\n\n          if(sec.id) setActiveChip(sec.id);\n          currentSection = sec;\n          updateNextFromSection(sec);\n        }\n      });\n    }, { threshold: 0.55 });\n    sections.forEach(function(sec){ secIO.observe(sec); });\n\n    \/\/ \u201cFin de secci\u00f3n\u201d => muestra NextBar\n    var endIO = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        var sec = en.target.closest(\".trm-sec\");\n        if(!sec) return;\n        var isCurrent = currentSection && sec.id === currentSection.id;\n        if(en.isIntersecting && isCurrent) nextBar.classList.add(\"is-on\");\n        else if(isCurrent) nextBar.classList.remove(\"is-on\");\n      });\n    }, { threshold: 1.0 });\n    qsa(\".trm-secEnd\", root).forEach(function(end){ endIO.observe(end); });\n  }\n\n  if(nextBtn){\n    nextBtn.addEventListener(\"click\", function(){\n      if(nextTarget) scrollToId(nextTarget);\n      else window.scrollTo({ top: 0, behavior:\"smooth\" });\n    }, {passive:true});\n  }\n\n  \/\/ FAB\n  var fab = document.getElementById(\"trmFab\");\n  function onScroll(){\n    var y = window.pageYOffset || document.documentElement.scrollTop || 0;\n    if(fab) fab.style.display = (y > 600) ? \"grid\" : \"none\";\n  }\n  window.addEventListener(\"scroll\", onScroll, {passive:true});\n  onScroll();\n\n  if(fab){\n    fab.addEventListener(\"click\", function(){\n      try{ window.scrollTo({ top: 0, behavior:\"smooth\" }); }\n      catch(e){ window.scrollTo(0,0); }\n    }, {passive:true});\n  }\n\n  if(sections[0]) updateNextFromSection(sections[0]);\n})();\n<\/script>\n\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>Cargando\u2026 TRASCENDER M\u00c1S ALL\u00c1 DE LA D\u00c9CADA El Arte de Preservar la Memoria. CDMX REGISTRO Presencia empresarial Expo de Innovaci\u00f3n Mortuoria Las marcas se han sumado a esta celebraci\u00f3n con la finalidad de fortalecer la presencia y el enlace con nuestros asistentes a este gran evento. Si est\u00e1s dentro de la Industria Funeraria y en [&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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":159,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/trascender-embalsamar.com\/home\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}