{"id":118,"date":"2026-08-28T21:26:34","date_gmt":"2026-08-28T21:26:34","guid":{"rendered":"https:\/\/moriahcompany.com.co\/?page_id=118"},"modified":"2026-08-28T22:44:44","modified_gmt":"2026-08-28T22:44:44","slug":"experiencias","status":"publish","type":"page","link":"https:\/\/moriahcompany.com.co\/?page_id=118","title":{"rendered":"Experiencias"},"content":{"rendered":"\n<style>\n.wp-block-post-title {\n    display: none !important;\n}\n.wp-block-group.alignwide.has-base-color.has-black-background-color.has-text-color.has-background.has-medium-font-size.is-horizontal.is-content-justification-center.is-layout-flex.wp-block-group-is-layout-flex {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\nbody {\n    margin-top: 0 !important;\n}\n\n.moriah-header {\n    margin-top: -40px !important;\n    width: 100%;\n    background: rgba(0, 0, 0, 0.92);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    position: relative;\n    z-index: 9999;\n    top: 0 !important;\n}\n\n.moriah-header-inner {\n    width: min(1600px, calc(100% - 80px));\n    height: 70px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 60px;\n    transform: translateY(-8px);\n}\n\n.moriah-logo {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    flex-shrink: 0;\n}\n\n.moriah-logo img {\n    display: block;\n    width: 170px;\n    height: auto;\n}\n\n.moriah-nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.moriah-nav a {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px 18px;\n    color: rgba(255, 255, 255, 0.78);\n    text-decoration: none;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.8px;\n    line-height: 1;\n    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;\n    border-radius: 0;\n    white-space: nowrap;\n    text-transform: uppercase;\n}\n\n.moriah-nav a::after {\n    content: \"\";\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    bottom: 4px;\n    height: 2px;\n    background: #ffd75a;\n    transform: scaleX(0);\n    transform-origin: center;\n    transition: transform 0.3s ease;\n}\n\n.moriah-nav a:hover {\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.07);\n    transform: translateY(-2px);\n}\n\n.moriah-nav a:hover::after {\n    transform: scaleX(1);\n}\n\n.moriah-services {\n    position: relative;\n}\n\n.moriah-services > a {\n    cursor: pointer;\n    gap: 9px;\n}\n\n.moriah-services > a::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    border-right: 1px solid currentColor;\n    border-bottom: 1px solid currentColor;\n    transform: rotate(45deg);\n    margin-top: -3px;\n    transition: transform 0.3s ease;\n    order: 2;\n}\n\n.moriah-services:hover > a::before {\n    transform: rotate(225deg);\n    margin-top: 3px;\n}\n\n.moriah-submenu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    min-width: 240px;\n    padding: 8px 0;\n    background: rgba(5, 5, 5, 0.98);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(8px);\n    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;\n}\n\n.moriah-services:hover .moriah-submenu {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n\n.moriah-submenu a {\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: flex-start;\n    padding: 12px 18px;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.8px;\n    color: rgba(255, 255, 255, 0.75);\n    background: transparent;\n    transform: none !important;\n}\n\n.moriah-submenu a::after {\n    display: none;\n}\n\n.moriah-submenu a:hover {\n    color: #ffffff;\n    background: rgba(255, 215, 90, 0.10);\n}\n\n.moriah-nav .moriah-nav-contact {\n    margin-left: 10px;\n    padding: 10px 22px;\n    color: #050505;\n    background: #ffd75a;\n    border-radius: 0;\n    letter-spacing: 0.8px;\n}\n\n.moriah-nav .moriah-nav-contact:hover {\n    color: #050505;\n    background: #ffe58a;\n    transform: translateY(-3px);\n}\n\n.moriah-nav .moriah-nav-contact::after {\n    display: none;\n}\n\n.moriah-menu-button {\n    display: none;\n    width: 46px;\n    height: 46px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 0;\n    background: rgba(255, 255, 255, 0.05);\n    cursor: pointer;\n}\n\n.moriah-menu-button span {\n    display: block;\n    width: 18px;\n    height: 2px;\n    margin: 5px auto;\n    background: #ffffff;\n    transition: transform 0.3s ease;\n}\n\n@media (max-width: 1100px) {\n    .moriah-header-inner {\n        width: calc(100% - 50px);\n        height: 68px;\n        gap: 35px;\n    }\n\n    .moriah-logo img {\n        width: 155px;\n    }\n\n    .moriah-nav {\n        gap: 4px;\n    }\n\n    .moriah-nav a {\n        padding: 9px 14px;\n        font-size: 12px;\n        letter-spacing: 0.7px;\n    }\n\n    .moriah-nav .moriah-nav-contact {\n        padding: 9px 18px;\n    }\n\n    .moriah-submenu {\n        min-width: 210px;\n    }\n}\n\n@media (max-width: 800px) {\n    .moriah-header {\n        margin-top: -40px !important;\n    }\n\n    .moriah-header-inner {\n        width: calc(100% - 30px);\n        height: 65px;\n        justify-content: space-between;\n        gap: 0;\n    }\n\n    .moriah-logo img {\n        width: 145px;\n    }\n\n    .moriah-menu-button {\n        display: block;\n    }\n\n    .moriah-nav {\n        position: absolute;\n        top: 65px;\n        left: 15px;\n        right: 15px;\n        display: none;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 4px;\n        padding: 14px;\n        background: rgba(5, 5, 5, 0.98);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 0;\n        backdrop-filter: blur(15px);\n    }\n\n    .moriah-nav.active {\n        display: flex;\n    }\n\n    .moriah-nav a {\n        justify-content: flex-start;\n        padding: 15px 18px;\n        font-size: 13px;\n        letter-spacing: 0.7px;\n        border-radius: 0;\n    }\n\n    .moriah-services > a {\n        justify-content: space-between;\n    }\n\n    .moriah-submenu {\n        position: static;\n        width: 100%;\n        min-width: 0;\n        padding: 0;\n        border: 0;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        display: none;\n        background: rgba(255, 255, 255, 0.03);\n    }\n\n    .moriah-services:hover .moriah-submenu {\n        display: flex;\n    }\n\n    .moriah-submenu a {\n        padding: 12px 28px;\n        font-size: 11px;\n        letter-spacing: 0.6px;\n    }\n\n    .moriah-nav .moriah-nav-contact {\n        margin: 6px 0 0;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<header class=\"moriah-header\">\n    <div class=\"moriah-header-inner\">\n\n        <a href=\"\/\" class=\"moriah-logo\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/08\/logo.png\" alt=\"Moriah Company\">\n        <\/a>\n\n        <nav class=\"moriah-nav\" id=\"moriahNav\">\n\n            <a href=\"https:\/\/moriahcompany.com.co\/?page_id=77\">\n                Nosotros\n            <\/a>\n\n            <a href=\"https:\/\/moriahcompany.com.co\/?page_id=118\">\n                Experiencias\n            <\/a>\n\n            <div class=\"moriah-services\">\n\n                <a href=\"https:\/\/moriahcompany.com.co\/?page_id=112\">\n                    Servicios\n                <\/a>\n\n                <div class=\"moriah-submenu\">\n\n                    <a href=\"https:\/\/moriahcompany.com.co\/?page_id=112\">\n                        Video Mapping\n                    <\/a>\n\n                    <a href=\"https:\/\/moriahcompany.com.co\/?page_id=112\">\n                        Experiencias Interactivas\n                    <\/a>\n\n                    <a href=\"https:\/\/moriahcompany.com.co\/?page_id=112\">\n                        Experiencias Inmersivas\n                    <\/a>\n\n                    <a href=\"https:\/\/colombiapirotecnia.com\/\">\n                        Pirotecnia\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <a href=\"\/\">\n                Portafolio\n            <\/a>\n\n            <a href=\"https:\/\/moriahcompany.com.co\/#contacto\" class=\"moriah-nav-contact\">\n                Creemos una experiencia \u2192\n            <\/a>\n\n        <\/nav>\n\n        <button class=\"moriah-menu-button\" id=\"moriahMenuButton\" aria-label=\"Abrir men\u00fa\">\n            <span><\/span>\n            <span><\/span>\n        <\/button>\n\n    <\/div>\n<\/header>\n\n<script>\n(function () {\n    const button = document.getElementById(\"moriahMenuButton\");\n    const nav = document.getElementById(\"moriahNav\");\n\n    if (!button || !nav) return;\n\n    button.addEventListener(\"click\", function () {\n        nav.classList.toggle(\"active\");\n    });\n\n    nav.querySelectorAll(\"a\").forEach(function (link) {\n        link.addEventListener(\"click\", function () {\n            nav.classList.remove(\"active\");\n        });\n    });\n})();\n<\/script>\n\n\n\n<style>\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    background: transparent !important;\n    box-shadow: none !important;\n}\n\n.moriah-experience {\n    position: relative;\n    width: 100%;\n    min-height: 900px;\n    overflow: hidden;\n    background: #020306;\n    color: #ffffff;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.moriah-experience::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(circle at 50% 30%, rgba(35, 62, 100, 0.28), transparent 45%),\n        linear-gradient(to bottom, #02050b 0%, #06101d 55%, #020306 100%);\n    pointer-events: none;\n}\n\n.moriah-experience-header {\n    position: relative;\n    z-index: 10;\n    width: min(1400px, calc(100% - 50px));\n    margin: 0 auto;\n    padding: 80px 0 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 50px;\n}\n\n.moriah-experience-kicker {\n    margin: 0 0 15px;\n    color: #ffd75a;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n}\n\n.moriah-experience-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(55px, 8vw, 125px);\n    line-height: .82;\n    font-weight: 400;\n    letter-spacing: -5px;\n}\n\n.moriah-experience-description {\n    max-width: 430px;\n    margin: 0;\n    color: rgba(255,255,255,.58);\n    font-size: 14px;\n    line-height: 1.8;\n}\n\n.moriah-village-stage {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    height: 570px;\n    margin-top: 10px;\n}\n\n.moriah-village {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    width: min(1500px, 100%);\n    height: 100%;\n    transform: translateX(-50%);\n}\n\n.moriah-village svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.moriah-sky-stars circle {\n    fill: #ffffff;\n    opacity: .55;\n}\n\n.moriah-moon {\n    fill: #dce8f4;\n    opacity: .85;\n    filter: drop-shadow(0 0 20px rgba(210,230,255,.25));\n}\n\n.moriah-mountain {\n    fill: #07101c;\n}\n\n.moriah-mountain-back {\n    fill: #0b1826;\n}\n\n.moriah-ground {\n    fill: #030507;\n}\n\n.moriah-road {\n    fill: #070b10;\n}\n\n.moriah-house {\n    fill: #111923;\n    stroke: #263444;\n    stroke-width: 2;\n}\n\n.moriah-roof {\n    fill: #090d13;\n    stroke: #273444;\n    stroke-width: 2;\n}\n\n.moriah-window {\n    fill: #11151b;\n    stroke: #384554;\n    stroke-width: 2;\n    transition: fill .5s ease, filter .5s ease;\n}\n\n.moriah-door {\n    fill: #080b0f;\n    stroke: #2c3948;\n    stroke-width: 2;\n}\n\n.moriah-tree {\n    fill: #07120f;\n    stroke: #1d342c;\n    stroke-width: 2;\n}\n\n.moriah-tree-trunk {\n    fill: #16100b;\n}\n\n.moriah-lights {\n    opacity: 0;\n    transition: opacity 1s ease;\n}\n\n.moriah-light {\n    fill: #ffd75a;\n    opacity: .9;\n    filter: drop-shadow(0 0 5px #ffd75a);\n}\n\n.moriah-light:nth-child(2n) {\n    fill: #fff2a8;\n}\n\n.moriah-light:nth-child(3n) {\n    fill: #f8a84b;\n}\n\n.moriah-christmas .moriah-lights {\n    opacity: 1;\n}\n\n.moriah-christmas .moriah-window {\n    fill: #ffd76a;\n    filter: drop-shadow(0 0 7px rgba(255,215,90,.6));\n}\n\n.moriah-christmas .moriah-tree {\n    fill: #0a2118;\n}\n\n.moriah-snow {\n    fill: #eaf2f7;\n    opacity: .7;\n}\n\n.moriah-church {\n    fill: #151c25;\n    stroke: #354252;\n    stroke-width: 2;\n}\n\n.moriah-church-roof {\n    fill: #090e14;\n}\n\n.moriah-church-window {\n    fill: #10151b;\n    stroke: #526173;\n    stroke-width: 2;\n}\n\n.moriah-christmas .moriah-church-window {\n    fill: #ffd75a;\n    filter: drop-shadow(0 0 10px rgba(255,215,90,.8));\n}\n\n.moriah-controls {\n    position: relative;\n    z-index: 20;\n    width: min(1400px, calc(100% - 50px));\n    margin: -5px auto 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.moriah-control {\n    appearance: none;\n    border: 1px solid rgba(255,255,255,.2);\n    background: rgba(5,8,12,.82);\n    color: #ffffff;\n    padding: 16px 25px;\n    min-width: 190px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: .3s ease;\n    backdrop-filter: blur(12px);\n}\n\n.moriah-control:hover {\n    border-color: #ffd75a;\n    color: #ffd75a;\n    transform: translateY(-3px);\n}\n\n.moriah-control.active {\n    background: #ffd75a;\n    color: #050505;\n    border-color: #ffd75a;\n}\n\n.moriah-control.music-active {\n    background: #ffffff;\n    color: #050505;\n}\n\n.moriah-fireworks {\n    position: absolute;\n    inset: 0;\n    z-index: 15;\n    pointer-events: none;\n}\n\n.moriah-firework {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow: 0 0 10px #ffd75a, 0 0 20px #ffd75a;\n    animation: moriah-firework-burst 1.6s ease-out forwards;\n}\n\n.moriah-firework::before,\n.moriah-firework::after {\n    content: \"\";\n    position: absolute;\n    width: 3px;\n    height: 3px;\n    border-radius: 50%;\n    background: #ffffff;\n    box-shadow:\n        0 -45px 0 #ffd75a,\n        0 45px 0 #ffd75a,\n        45px 0 0 #ffffff,\n        -45px 0 0 #ffffff,\n        32px 32px 0 #ff9d45,\n        -32px -32px 0 #ff9d45,\n        32px -32px 0 #ffffff,\n        -32px 32px 0 #ffffff;\n}\n\n.moriah-firework::after {\n    transform: rotate(45deg);\n}\n\n@keyframes moriah-firework-burst {\n    0% {\n        transform: scale(.1);\n        opacity: 0;\n    }\n\n    15% {\n        opacity: 1;\n    }\n\n    70% {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    100% {\n        transform: scale(1.5);\n        opacity: 0;\n    }\n}\n\n.moriah-experience-footer {\n    position: relative;\n    z-index: 10;\n    width: min(1400px, calc(100% - 50px));\n    margin: 40px auto 0;\n    padding-bottom: 50px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: rgba(255,255,255,.4);\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n.moriah-status {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.moriah-status-dot {\n    width: 7px;\n    height: 7px;\n    background: #333;\n    display: inline-block;\n    transition: .4s ease;\n}\n\n.moriah-status-dot.active {\n    background: #ffd75a;\n    box-shadow: 0 0 10px #ffd75a;\n}\n\n.moriah-particles {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.moriah-particle {\n    position: absolute;\n    width: 2px;\n    height: 2px;\n    background: #ffffff;\n    opacity: .35;\n    animation: moriah-float 8s linear infinite;\n}\n\n@keyframes moriah-float {\n    0% {\n        transform: translateY(30px);\n        opacity: 0;\n    }\n\n    20% {\n        opacity: .5;\n    }\n\n    80% {\n        opacity: .4;\n    }\n\n    100% {\n        transform: translateY(-120px);\n        opacity: 0;\n    }\n}\n\n@media (max-width: 800px) {\n    .moriah-experience {\n        min-height: 800px;\n    }\n\n    .moriah-experience-header {\n        display: block;\n        padding-top: 60px;\n    }\n\n    .moriah-experience-title {\n        margin-bottom: 30px;\n    }\n\n    .moriah-village-stage {\n        height: 430px;\n    }\n\n    .moriah-controls {\n        margin-top: 15px;\n    }\n\n    .moriah-control {\n        min-width: 145px;\n        padding: 14px 15px;\n        font-size: 9px;\n    }\n\n    .moriah-experience-footer {\n        margin-top: 35px;\n        display: block;\n    }\n}\n<\/style>\n\n<section class=\"moriah-experience\" id=\"moriahExperience\">\n\n    <div class=\"moriah-particles\" id=\"moriahParticles\"><\/div>\n\n    <div class=\"moriah-experience-header\">\n        <div>\n           \n            <h2 class=\"moriah-experience-title\">Imagina<br>la experiencia.<\/h2>\n        <\/div>\n\n        <p class=\"moriah-experience-description\">\n            Un espacio donde la tecnolog\u00eda deja de ser invisible y se convierte\n            en parte del espect\u00e1culo. Explora una peque\u00f1a demostraci\u00f3n de lo que\n            podemos crear para transformar un espacio, una celebraci\u00f3n o una\n            historia completa.\n        <\/p>\n    <\/div>\n\n    <div class=\"moriah-village-stage\">\n\n        <div class=\"moriah-village\">\n\n            <svg viewBox=\"0 0 1500 570\" preserveAspectRatio=\"xMidYMax meet\">\n\n                <g class=\"moriah-sky-stars\">\n                    <circle cx=\"90\" cy=\"90\" r=\"1.5\"><\/circle>\n                    <circle cx=\"170\" cy=\"150\" r=\"1\"><\/circle>\n                    <circle cx=\"270\" cy=\"75\" r=\"1.5\"><\/circle>\n                    <circle cx=\"390\" cy=\"130\" r=\"1\"><\/circle>\n                    <circle cx=\"520\" cy=\"70\" r=\"1.2\"><\/circle>\n                    <circle cx=\"670\" cy=\"115\" r=\"1\"><\/circle>\n                    <circle cx=\"790\" cy=\"65\" r=\"1.4\"><\/circle>\n                    <circle cx=\"920\" cy=\"125\" r=\"1\"><\/circle>\n                    <circle cx=\"1060\" cy=\"80\" r=\"1.5\"><\/circle>\n                    <circle cx=\"1190\" cy=\"150\" r=\"1\"><\/circle>\n                    <circle cx=\"1310\" cy=\"75\" r=\"1.3\"><\/circle>\n                    <circle cx=\"1420\" cy=\"135\" r=\"1\"><\/circle>\n                    <circle cx=\"220\" cy=\"220\" r=\"1\"><\/circle>\n                    <circle cx=\"470\" cy=\"190\" r=\"1.2\"><\/circle>\n                    <circle cx=\"870\" cy=\"200\" r=\"1\"><\/circle>\n                    <circle cx=\"1240\" cy=\"220\" r=\"1.2\"><\/circle>\n                <\/g>\n\n                <circle class=\"moriah-moon\" cx=\"1270\" cy=\"105\" r=\"38\"><\/circle>\n\n                <path class=\"moriah-mountain-back\" d=\"M0 360 L180 190 L300 310 L470 160 L650 350 L850 170 L1050 340 L1210 180 L1500 360 L1500 570 L0 570Z\"><\/path>\n\n                <path class=\"moriah-mountain\" d=\"M0 400 L240 250 L390 350 L580 210 L770 370 L980 230 L1180 360 L1380 240 L1500 330 L1500 570 L0 570Z\"><\/path>\n\n                <path class=\"moriah-ground\" d=\"M0 390 Q400 350 750 390 Q1100 350 1500 395 L1500 570 L0 570Z\"><\/path>\n\n                <path class=\"moriah-road\" d=\"M690 570 Q730 500 750 420 Q770 500 810 570Z\"><\/path>\n\n                <g class=\"moriah-house\">\n                    <rect x=\"180\" y=\"345\" width=\"150\" height=\"130\" class=\"moriah-house\"><\/rect>\n                    <path d=\"M155 345 L255 270 L355 345Z\" class=\"moriah-roof\"><\/path>\n                    <rect x=\"210\" y=\"380\" width=\"38\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"265\" y=\"380\" width=\"38\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"242\" y=\"425\" width=\"28\" height=\"50\" class=\"moriah-door\"><\/rect>\n\n                    <g class=\"moriah-lights\">\n                        <circle class=\"moriah-light\" cx=\"180\" cy=\"340\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"205\" cy=\"321\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"230\" cy=\"302\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"255\" cy=\"282\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"280\" cy=\"301\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"305\" cy=\"320\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"330\" cy=\"340\" r=\"4\"><\/circle>\n                    <\/g>\n                <\/g>\n\n                <g>\n                    <rect x=\"390\" y=\"330\" width=\"180\" height=\"145\" class=\"moriah-house\"><\/rect>\n                    <path d=\"M365 330 L480 245 L595 330Z\" class=\"moriah-roof\"><\/path>\n                    <rect x=\"425\" y=\"365\" width=\"45\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"490\" y=\"365\" width=\"45\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"462\" y=\"420\" width=\"38\" height=\"55\" class=\"moriah-door\"><\/rect>\n\n                    <g class=\"moriah-lights\">\n                        <circle class=\"moriah-light\" cx=\"385\" cy=\"325\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"415\" cy=\"303\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"445\" cy=\"281\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"475\" cy=\"260\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"505\" cy=\"282\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"535\" cy=\"304\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"565\" cy=\"326\" r=\"4\"><\/circle>\n                    <\/g>\n                <\/g>\n\n                <g>\n                    <rect x=\"920\" y=\"330\" width=\"175\" height=\"145\" class=\"moriah-house\"><\/rect>\n                    <path d=\"M895 330 L1007 245 L1120 330Z\" class=\"moriah-roof\"><\/path>\n                    <rect x=\"950\" y=\"365\" width=\"42\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"1015\" y=\"365\" width=\"42\" height=\"50\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"985\" y=\"420\" width=\"38\" height=\"55\" class=\"moriah-door\"><\/rect>\n\n                    <g class=\"moriah-lights\">\n                        <circle class=\"moriah-light\" cx=\"915\" cy=\"325\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"945\" cy=\"302\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"975\" cy=\"280\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1005\" cy=\"258\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1035\" cy=\"280\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1065\" cy=\"302\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1095\" cy=\"325\" r=\"4\"><\/circle>\n                    <\/g>\n                <\/g>\n\n                <g>\n                    <rect x=\"1160\" y=\"350\" width=\"150\" height=\"125\" class=\"moriah-house\"><\/rect>\n                    <path d=\"M1135 350 L1235 275 L1335 350Z\" class=\"moriah-roof\"><\/path>\n                    <rect x=\"1190\" y=\"380\" width=\"35\" height=\"45\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"1245\" y=\"380\" width=\"35\" height=\"45\" class=\"moriah-window\"><\/rect>\n                    <rect x=\"1225\" y=\"425\" width=\"25\" height=\"50\" class=\"moriah-door\"><\/rect>\n\n                    <g class=\"moriah-lights\">\n                        <circle class=\"moriah-light\" cx=\"1150\" cy=\"345\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1175\" cy=\"326\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1200\" cy=\"307\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1225\" cy=\"288\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1250\" cy=\"307\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1275\" cy=\"326\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"1300\" cy=\"345\" r=\"4\"><\/circle>\n                    <\/g>\n                <\/g>\n\n                <g>\n                    <rect x=\"675\" y=\"285\" width=\"150\" height=\"190\" class=\"moriah-church\"><\/rect>\n                    <path d=\"M660 285 L750 215 L840 285Z\" class=\"moriah-church-roof\"><\/path>\n                    <rect x=\"720\" y=\"335\" width=\"60\" height=\"140\" class=\"moriah-church-window\"><\/rect>\n                    <circle cx=\"750\" cy=\"315\" r=\"18\" class=\"moriah-church-window\"><\/circle>\n                    <path d=\"M742 215 L742 170 L750 150 L758 170 L758 215Z\" class=\"moriah-church\"><\/path>\n                    <circle cx=\"750\" cy=\"195\" r=\"5\" class=\"moriah-church-window\"><\/circle>\n\n                    <g class=\"moriah-lights\">\n                        <circle class=\"moriah-light\" cx=\"675\" cy=\"280\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"700\" cy=\"260\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"725\" cy=\"240\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"750\" cy=\"220\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"775\" cy=\"240\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"800\" cy=\"260\" r=\"4\"><\/circle>\n                        <circle class=\"moriah-light\" cx=\"825\" cy=\"280\" r=\"4\"><\/circle>\n                    <\/g>\n                <\/g>\n\n                <g>\n                    <path d=\"M85 475 L110 400 L135 475Z\" class=\"moriah-tree\"><\/path>\n                    <path d=\"M75 455 L110 360 L145 455Z\" class=\"moriah-tree\"><\/path>\n                    <rect x=\"104\" y=\"450\" width=\"12\" height=\"35\" class=\"moriah-tree-trunk\"><\/rect>\n\n                    <path d=\"M350 475 L380 390 L410 475Z\" class=\"moriah-tree\"><\/path>\n                    <path d=\"M340 450 L380 355 L420 450Z\" class=\"moriah-tree\"><\/path>\n                    <rect x=\"374\" y=\"450\" width=\"12\" height=\"35\" class=\"moriah-tree-trunk\"><\/rect>\n\n                    <path d=\"M1120 475 L1150 390 L1180 475Z\" class=\"moriah-tree\"><\/path>\n                    <path d=\"M1110 450 L1150 355 L1190 450Z\" class=\"moriah-tree\"><\/path>\n                    <rect x=\"1144\" y=\"450\" width=\"12\" height=\"35\" class=\"moriah-tree-trunk\"><\/rect>\n\n                    <path d=\"M1360 475 L1390 390 L1420 475Z\" class=\"moriah-tree\"><\/path>\n                    <path d=\"M1350 450 L1390 355 L1430 450Z\" class=\"moriah-tree\"><\/path>\n                    <rect x=\"1384\" y=\"450\" width=\"12\" height=\"35\" class=\"moriah-tree-trunk\"><\/rect>\n                <\/g>\n\n                <g class=\"moriah-lights\">\n                    <circle class=\"moriah-light\" cx=\"90\" cy=\"455\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"110\" cy=\"430\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"130\" cy=\"455\" r=\"4\"><\/circle>\n\n                    <circle class=\"moriah-light\" cx=\"355\" cy=\"450\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"380\" cy=\"425\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"405\" cy=\"450\" r=\"4\"><\/circle>\n\n                    <circle class=\"moriah-light\" cx=\"1125\" cy=\"450\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"1150\" cy=\"425\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"1175\" cy=\"450\" r=\"4\"><\/circle>\n\n                    <circle class=\"moriah-light\" cx=\"1365\" cy=\"450\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"1390\" cy=\"425\" r=\"4\"><\/circle>\n                    <circle class=\"moriah-light\" cx=\"1415\" cy=\"450\" r=\"4\"><\/circle>\n                <\/g>\n\n                <g class=\"moriah-snow\">\n                    <circle cx=\"170\" cy=\"440\" r=\"2\"><\/circle>\n                    <circle cx=\"300\" cy=\"390\" r=\"2\"><\/circle>\n                    <circle cx=\"450\" cy=\"450\" r=\"2\"><\/circle>\n                    <circle cx=\"600\" cy=\"410\" r=\"2\"><\/circle>\n                    <circle cx=\"880\" cy=\"430\" r=\"2\"><\/circle>\n                    <circle cx=\"1080\" cy=\"400\" r=\"2\"><\/circle>\n                    <circle cx=\"1290\" cy=\"440\" r=\"2\"><\/circle>\n                <\/g>\n\n            <\/svg>\n\n        <\/div>\n\n        <div class=\"moriah-fireworks\" id=\"moriahFireworks\"><\/div>\n\n    <\/div>\n\n    <div class=\"moriah-controls\">\n\n        <button class=\"moriah-control\" id=\"moriahLights\">\n            Encender Navidad\n        <\/button>\n\n        <button class=\"moriah-control\" id=\"moriahFireworksButton\">\n            Lanzar Pirotecnia\n        <\/button>\n\n        <button class=\"moriah-control\" id=\"moriahMusic\">\n            Activar M\u00fasica\n        <\/button>\n\n    <\/div>\n\n    <div class=\"moriah-experience-footer\">\n\n        <div class=\"moriah-status\">\n            <span class=\"moriah-status-dot\" id=\"moriahStatusDot\"><\/span>\n            <span id=\"moriahStatus\">Experiencia en espera<\/span>\n        <\/div>\n\n        <span>Interactive Experience \/ Moriah Company<\/span>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    const experience = document.getElementById(\"moriahExperience\");\n    const lightsButton = document.getElementById(\"moriahLights\");\n    const fireworksButton = document.getElementById(\"moriahFireworksButton\");\n    const musicButton = document.getElementById(\"moriahMusic\");\n    const fireworksContainer = document.getElementById(\"moriahFireworks\");\n    const particlesContainer = document.getElementById(\"moriahParticles\");\n    const status = document.getElementById(\"moriahStatus\");\n    const statusDot = document.getElementById(\"moriahStatusDot\");\n\n    let lightsOn = false;\n    let musicOn = false;\n    let audioContext = null;\n    let masterGain = null;\n    let musicTimer = null;\n    let noteIndex = 0;\n\n    for (let i = 0; i < 35; i++) {\n        const particle = document.createElement(\"span\");\n        particle.className = \"moriah-particle\";\n        particle.style.left = Math.random() * 100 + \"%\";\n        particle.style.top = 35 + Math.random() * 65 + \"%\";\n        particle.style.animationDelay = Math.random() * 8 + \"s\";\n        particle.style.animationDuration = 5 + Math.random() * 7 + \"s\";\n        particlesContainer.appendChild(particle);\n    }\n\n    function updateStatus(text, active) {\n        status.textContent = text;\n        statusDot.classList.toggle(\"active\", active);\n    }\n\n    lightsButton.addEventListener(\"click\", function () {\n\n        lightsOn = !lightsOn;\n\n        experience.classList.toggle(\"moriah-christmas\", lightsOn);\n        lightsButton.classList.toggle(\"active\", lightsOn);\n\n        if (lightsOn) {\n            lightsButton.textContent = \"Apagar Navidad\";\n            updateStatus(\"Navidad encendida\", true);\n        } else {\n            lightsButton.textContent = \"Encender Navidad\";\n            updateStatus(\"Experiencia en espera\", false);\n        }\n    });\n\n    function launchFirework() {\n\n        const firework = document.createElement(\"div\");\n        firework.className = \"moriah-firework\";\n\n        firework.style.left = (25 + Math.random() * 50) + \"%\";\n        firework.style.top = (8 + Math.random() * 35) + \"%\";\n\n        const scale = .7 + Math.random() * .9;\n        firework.style.transform = \"scale(\" + scale + \")\";\n\n        fireworksContainer.appendChild(firework);\n\n        setTimeout(function () {\n            firework.remove();\n        }, 1700);\n    }\n\n    fireworksButton.addEventListener(\"click\", function () {\n\n        updateStatus(\"Espect\u00e1culo pirot\u00e9cnico activo\", true);\n        fireworksButton.classList.add(\"active\");\n\n        let count = 0;\n\n        const interval = setInterval(function () {\n\n            launchFirework();\n            count++;\n\n            if (count >= 9) {\n                clearInterval(interval);\n\n                setTimeout(function () {\n                    fireworksButton.classList.remove(\"active\");\n\n                    if (lightsOn) {\n                        updateStatus(\"Navidad encendida\", true);\n                    } else {\n                        updateStatus(\"Experiencia en espera\", false);\n                    }\n\n                }, 1800);\n            }\n\n        }, 420);\n    });\n\n    function startMusic() {\n\n        if (!audioContext) {\n            audioContext = new (window.AudioContext || window.webkitAudioContext)();\n\n            masterGain = audioContext.createGain();\n            masterGain.gain.value = 0.055;\n            masterGain.connect(audioContext.destination);\n        }\n\n        if (audioContext.state === \"suspended\") {\n            audioContext.resume();\n        }\n\n        const notes = [\n            261.63,\n            329.63,\n            392.00,\n            523.25,\n            392.00,\n            329.63,\n            293.66,\n            392.00\n        ];\n\n        function playNote() {\n\n            if (!musicOn) return;\n\n            const oscillator = audioContext.createOscillator();\n            const gain = audioContext.createGain();\n\n            oscillator.type = \"sine\";\n            oscillator.frequency.value = notes[noteIndex % notes.length];\n\n            gain.gain.setValueAtTime(0, audioContext.currentTime);\n            gain.gain.linearRampToValueAtTime(0.7, audioContext.currentTime + 0.04);\n            gain.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 1.2);\n\n            oscillator.connect(gain);\n            gain.connect(masterGain);\n\n            oscillator.start();\n            oscillator.stop(audioContext.currentTime + 1.3);\n\n            noteIndex++;\n\n            musicTimer = setTimeout(playNote, 600);\n        }\n\n        playNote();\n    }\n\n    function stopMusic() {\n\n        if (musicTimer) {\n            clearTimeout(musicTimer);\n            musicTimer = null;\n        }\n    }\n\n    musicButton.addEventListener(\"click\", function () {\n\n        musicOn = !musicOn;\n\n        if (musicOn) {\n\n            startMusic();\n\n            musicButton.classList.add(\"music-active\");\n            musicButton.textContent = \"Silenciar M\u00fasica\";\n\n            updateStatus(\"Experiencia sonora activa\", true);\n\n        } else {\n\n            stopMusic();\n\n            musicButton.classList.remove(\"music-active\");\n            musicButton.textContent = \"Activar M\u00fasica\";\n\n            if (lightsOn) {\n                updateStatus(\"Navidad encendida\", true);\n            } else {\n                updateStatus(\"Experiencia en espera\", false);\n            }\n        }\n    });\n\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nosotros Experiencias Servicios Video Mapping Experiencias Interactivas Experiencias Inmersivas Pirotecnia Portafolio Creemos una experiencia \u2192 Imaginala experiencia. Un espacio donde la tecnolog\u00eda deja de ser invisible y se convierte en parte del espect\u00e1culo. Explora una peque\u00f1a demostraci\u00f3n de lo que podemos crear para transformar un espacio, una celebraci\u00f3n o una historia completa. Encender Navidad Lanzar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=118"}],"version-history":[{"count":7,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}