{"id":112,"date":"2026-08-28T21:22:49","date_gmt":"2026-08-28T21:22:49","guid":{"rendered":"https:\/\/moriahcompany.com.co\/?page_id=112"},"modified":"2026-09-28T17:59:09","modified_gmt":"2026-09-28T17:59:09","slug":"servicios","status":"publish","type":"page","link":"https:\/\/moriahcompany.com.co\/?page_id=112","title":{"rendered":"Servicios"},"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:\/\/moriahcompany.com.co\/?page_id=196\">\n    Alquiler de equipos\n<\/a>\n                    <a href=\"https:\/\/colombiapirotecnia.com\/\">\n                        Pirotecnia\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <a href=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/MoriahCompany_Portfolio_Corporativo.pdf\">\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>\n\/* ELIMINAR CUALQUIER RECUADRO DETR\u00c1S DEL T\u00cdTULO *\/\n.moriah-pirotecnia-titulo,\n.moriah-pirotecnia-titulo span,\n.moriah-pirotecnia-contenido {\n    background: transparent !important;\n    background-color: transparent !important;\n    box-shadow: none !important;\n}\n.moriah-pirotecnia {\n    width: 100%;\n    min-height: 780px;\n    position: relative;\n    overflow: hidden;\n    background: #000;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n.moriah-pirotecnia * {\n    box-sizing: border-box;\n}\n\n.moriah-pirotecnia-fondo {\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.88) 0%,\n            rgba(0,0,0,.55) 45%,\n            rgba(0,0,0,.25) 100%\n        ),\n        url(\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/designecologist-5mj5jLhYWpY-unsplash-scaled.jpg\");\n    background-size: cover;\n    background-position: center;\n    transform: scale(1.04);\n    transition: transform 2s ease;\n}\n\n.moriah-pirotecnia:hover .moriah-pirotecnia-fondo {\n    transform: scale(1);\n}\n\n.moriah-pirotecnia-capa {\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at 70% 35%,\n            rgba(255,215,90,.12),\n            transparent 22%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,.1),\n            rgba(0,0,0,.65)\n        );\n}\n\n.moriah-pirotecnia-contenido {\n    width: min(1500px, calc(100% - 120px));\n    position: relative;\n    z-index: 3;\n    padding: 110px 0;\n}\n\n.moriah-pirotecnia-numero {\n    position: absolute;\n    top: 45px;\n    right: 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 4px;\n    color: rgba(255,255,255,.5);\n}\n\n.moriah-pirotecnia-etiqueta {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: #ffd75a;\n    margin-bottom: 35px;\n}\n\n.moriah-pirotecnia-titulo {\n    margin: 0;\n    max-width: 1000px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(65px, 10vw, 155px);\n    line-height: .78;\n    font-weight: 400;\n    letter-spacing: -7px;\n    text-transform: uppercase;\n}\n\n.moriah-pirotecnia-titulo span {\n    display: block;\n}\n\n.moriah-pirotecnia-titulo .amarillo {\n    color: #ffd75a;\n}\n\n.moriah-pirotecnia-descripcion {\n    max-width: 650px;\n    margin-top: 55px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.8;\n    color: rgba(255,255,255,.75);\n}\n\n.moriah-pirotecnia-info {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 35px;\n    margin-top: 45px;\n}\n\n.moriah-pirotecnia-item {\n    min-width: 130px;\n    padding-top: 15px;\n    border-top: 1px solid rgba(255,255,255,.3);\n}\n\n.moriah-pirotecnia-item strong {\n    display: block;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 25px;\n    font-weight: 400;\n    color: #fff;\n    margin-bottom: 5px;\n}\n\n.moriah-pirotecnia-item small {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 9px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.5);\n}\n\n.moriah-pirotecnia-linea {\n    width: 100px;\n    height: 2px;\n    background: #ffd75a;\n    margin-top: 50px;\n}\n\n.moriah-pirotecnia-destello {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow:\n        0 0 10px #ffd75a,\n        0 0 25px rgba(255,215,90,.9),\n        0 0 50px rgba(255,215,90,.5);\n    opacity: 0;\n    animation: moriahDestello 3s infinite ease-out;\n}\n\n.moriah-destello-1 {\n    top: 28%;\n    right: 24%;\n    animation-delay: .3s;\n}\n\n.moriah-destello-2 {\n    top: 42%;\n    right: 13%;\n    animation-delay: 1.2s;\n}\n\n.moriah-destello-3 {\n    top: 20%;\n    right: 42%;\n    animation-delay: 2s;\n}\n\n.moriah-destello-4 {\n    top: 60%;\n    right: 30%;\n    animation-delay: 2.5s;\n}\n\n@keyframes moriahDestello {\n    0% {\n        opacity: 0;\n        transform: scale(.2);\n    }\n\n    15% {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    50% {\n        opacity: .8;\n        transform: scale(2);\n    }\n\n    100% {\n        opacity: 0;\n        transform: scale(8);\n    }\n}\n\n.moriah-pirotecnia-rastro {\n    position: absolute;\n    width: 1px;\n    height: 140px;\n    background: linear-gradient(\n        to top,\n        transparent,\n        rgba(255,215,90,.7)\n    );\n    transform: rotate(35deg);\n    opacity: .25;\n}\n\n.moriah-rastro-1 {\n    right: 30%;\n    top: 20%;\n}\n\n.moriah-rastro-2 {\n    right: 17%;\n    top: 35%;\n    transform: rotate(-25deg);\n}\n\n.moriah-pirotecnia-esquina {\n    position: absolute;\n    width: 45px;\n    height: 45px;\n    border-color: rgba(255,215,90,.5);\n    z-index: 4;\n}\n\n.moriah-esquina-1 {\n    top: 30px;\n    left: 30px;\n    border-top: 1px solid;\n    border-left: 1px solid;\n}\n\n.moriah-esquina-2 {\n    top: 30px;\n    right: 30px;\n    border-top: 1px solid;\n    border-right: 1px solid;\n}\n\n.moriah-esquina-3 {\n    bottom: 30px;\n    left: 30px;\n    border-bottom: 1px solid;\n    border-left: 1px solid;\n}\n\n.moriah-esquina-4 {\n    bottom: 30px;\n    right: 30px;\n    border-bottom: 1px solid;\n    border-right: 1px solid;\n}\n\n@media (max-width: 900px) {\n    .moriah-pirotecnia {\n        min-height: 700px;\n    }\n\n    .moriah-pirotecnia-contenido {\n        width: calc(100% - 70px);\n        padding: 100px 0;\n    }\n\n    .moriah-pirotecnia-titulo {\n        font-size: clamp(60px, 13vw, 100px);\n        letter-spacing: -4px;\n    }\n\n    .moriah-pirotecnia-descripcion {\n        max-width: 560px;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-pirotecnia {\n        min-height: 680px;\n    }\n\n    .moriah-pirotecnia-fondo {\n        background-position: 65% center;\n    }\n\n    .moriah-pirotecnia-contenido {\n        width: calc(100% - 45px);\n        padding: 85px 0;\n    }\n\n    .moriah-pirotecnia-numero {\n        top: 30px;\n        right: 0;\n    }\n\n    .moriah-pirotecnia-titulo {\n        font-size: 58px;\n        letter-spacing: -3px;\n    }\n\n    .moriah-pirotecnia-descripcion {\n        font-size: 14px;\n        line-height: 1.7;\n        margin-top: 40px;\n    }\n\n    .moriah-pirotecnia-info {\n        gap: 20px;\n        margin-top: 35px;\n    }\n\n    .moriah-pirotecnia-item {\n        min-width: 105px;\n    }\n\n    .moriah-pirotecnia-item strong {\n        font-size: 21px;\n    }\n\n    .moriah-pirotecnia-linea {\n        margin-top: 35px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-pirotecnia\">\n\n    <div class=\"moriah-pirotecnia-fondo\"><\/div>\n\n    <div class=\"moriah-pirotecnia-capa\"><\/div>\n\n    <div class=\"moriah-pirotecnia-destello moriah-destello-1\"><\/div>\n    <div class=\"moriah-pirotecnia-destello moriah-destello-2\"><\/div>\n    <div class=\"moriah-pirotecnia-destello moriah-destello-3\"><\/div>\n    <div class=\"moriah-pirotecnia-destello moriah-destello-4\"><\/div>\n\n    <div class=\"moriah-pirotecnia-rastro moriah-rastro-1\"><\/div>\n    <div class=\"moriah-pirotecnia-rastro moriah-rastro-2\"><\/div>\n\n    <div class=\"moriah-pirotecnia-esquina moriah-esquina-1\"><\/div>\n    <div class=\"moriah-pirotecnia-esquina moriah-esquina-2\"><\/div>\n    <div class=\"moriah-pirotecnia-esquina moriah-esquina-3\"><\/div>\n    <div class=\"moriah-pirotecnia-esquina moriah-esquina-4\"><\/div>\n\n    <div class=\"moriah-pirotecnia-contenido\">\n\n        <h2 class=\"moriah-pirotecnia-titulo\">\n            <span>El cielo<\/span>\n            <span class=\"amarillo\">es nuestro<\/span>\n            <span>escenario<\/span>\n        <\/h2>\n\n        <p class=\"moriah-pirotecnia-descripcion\">\n            Dise\u00f1amos y producimos espect\u00e1culos pirot\u00e9cnicos capaces de\n            transformar una celebraci\u00f3n en un momento extraordinario.\n            Integramos dise\u00f1o, sincronizaci\u00f3n, m\u00fasica, iluminaci\u00f3n y\n            efectos especiales para crear espect\u00e1culos que convierten\n            el cielo en parte de la experiencia.\n        <\/p>\n\n        <div class=\"moriah-pirotecnia-info\">\n\n            <div class=\"moriah-pirotecnia-item\">\n                <strong>Dise\u00f1o<\/strong>\n                <small>Conceptual<\/small>\n            <\/div>\n\n            <div class=\"moriah-pirotecnia-item\">\n                <strong>Show<\/strong>\n                <small>Pirot\u00e9cnico<\/small>\n            <\/div>\n\n            <div class=\"moriah-pirotecnia-item\">\n                <strong>Sincron\u00eda<\/strong>\n                <small>Multimedia<\/small>\n            <\/div>\n\n            <div class=\"moriah-pirotecnia-item\">\n                <strong>Impacto<\/strong>\n                <small>Visual<\/small>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"moriah-pirotecnia-linea\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-vm {\n    width: 100%;\n    min-height: 760px;\n    background: #000;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 58% 42%;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-vm * {\n    box-sizing: border-box;\n}\n\n.moriah-vm-visual {\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n    border-right: 1px solid rgba(255,255,255,0.12);\n}\n\n.moriah-vm-visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.62;\n    transform: scale(1);\n    transition:\n        transform 1.2s cubic-bezier(.2,.7,.2,1),\n        filter 1s ease,\n        opacity 1s ease;\n}\n\n.moriah-vm:hover .moriah-vm-visual img {\n    transform: scale(1.06);\n    filter: grayscale(0%);\n    opacity: 0.9;\n}\n\n.moriah-vm-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(0,0,0,0.05),\n        rgba(0,0,0,0.15)\n    );\n    pointer-events: none;\n    transition: background 0.8s ease;\n}\n\n.moriah-vm:hover .moriah-vm-overlay {\n    background: linear-gradient(\n        90deg,\n        rgba(0,0,0,0),\n        rgba(0,0,0,0.05)\n    );\n}\n\n.moriah-vm-projection {\n    position: absolute;\n    width: 55%;\n    height: 55%;\n    left: 22%;\n    top: 25%;\n    background: radial-gradient(\n        ellipse,\n        rgba(255,215,90,0.16),\n        rgba(255,215,90,0.04) 40%,\n        transparent 72%\n    );\n    filter: blur(15px);\n    opacity: 0;\n    transform: scale(0.75) rotate(-8deg);\n    transition:\n        opacity 0.8s ease,\n        transform 1.2s cubic-bezier(.2,.7,.2,1);\n    pointer-events: none;\n}\n\n.moriah-vm:hover .moriah-vm-projection {\n    opacity: 1;\n    transform: scale(1) rotate(-8deg);\n}\n\n.moriah-vm-lines {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.8s ease;\n}\n\n.moriah-vm:hover .moriah-vm-lines {\n    opacity: 1;\n}\n\n.moriah-vm-lines span {\n    position: absolute;\n    width: 1px;\n    height: 120%;\n    top: -10%;\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        rgba(255,215,90,0.35),\n        transparent\n    );\n    transform-origin: center;\n    animation: moriahProjectionMove 4s linear infinite;\n}\n\n.moriah-vm-lines span:nth-child(1) {\n    left: 20%;\n    transform: rotate(12deg);\n}\n\n.moriah-vm-lines span:nth-child(2) {\n    left: 35%;\n    transform: rotate(8deg);\n    animation-delay: -1s;\n}\n\n.moriah-vm-lines span:nth-child(3) {\n    left: 50%;\n    transform: rotate(4deg);\n    animation-delay: -2s;\n}\n\n.moriah-vm-lines span:nth-child(4) {\n    left: 65%;\n    transform: rotate(-3deg);\n    animation-delay: -3s;\n}\n\n@keyframes moriahProjectionMove {\n    0% {\n        opacity: 0;\n        transform: translateY(-20px) rotate(5deg);\n    }\n\n    30% {\n        opacity: 1;\n    }\n\n    70% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        transform: translateY(20px) rotate(5deg);\n    }\n}\n\n.moriah-vm-index {\n    position: absolute;\n    top: 30px;\n    left: 30px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.75);\n    z-index: 5;\n}\n\n.moriah-vm-frase {\n    position: absolute;\n    left: 40px;\n    bottom: 35px;\n    z-index: 7;\n    max-width: 500px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(25px, 3vw, 45px);\n    line-height: 1;\n    letter-spacing: -1px;\n    color: #fff;\n    opacity: 0;\n    transform: translateY(15px);\n    transition:\n        opacity 0.6s ease,\n        transform 0.6s ease;\n    pointer-events: none;\n}\n\n.moriah-vm:hover .moriah-vm-frase {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.moriah-vm-content {\n    padding: 90px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    background: #000;\n}\n\n.moriah-vm-content::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 12%;\n    bottom: 12%;\n    width: 1px;\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        rgba(255,255,255,0.15),\n        transparent\n    );\n}\n\n.moriah-vm-label {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ffd75a;\n    margin-bottom: 35px;\n}\n\n.moriah-vm-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(48px, 6vw, 90px);\n    line-height: 0.88;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-vm-title span {\n    display: block;\n}\n\n.moriah-vm-title .highlight {\n    color: #ffd75a;\n}\n\n.moriah-vm-description {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.65);\n}\n\n.moriah-vm-data {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    max-width: 500px;\n    margin-top: 50px;\n    border-top: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-vm-data-item {\n    padding: 18px 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.55);\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-vm-data-item:nth-child(even) {\n    padding-left: 20px;\n    border-left: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-vm-interaction {\n    margin-top: 45px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.45);\n}\n\n.moriah-vm-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow: 0 0 0 rgba(255,215,90,0);\n    animation: moriahPulse 2s infinite;\n}\n\n@keyframes moriahPulse {\n    0% {\n        box-shadow: 0 0 0 rgba(255,215,90,0);\n    }\n\n    50% {\n        box-shadow: 0 0 18px rgba(255,215,90,0.5);\n    }\n\n    100% {\n        box-shadow: 0 0 0 rgba(255,215,90,0);\n    }\n}\n\n@media (max-width: 900px) {\n    .moriah-vm {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-vm-visual {\n        min-height: 500px;\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.12);\n    }\n\n    .moriah-vm-content {\n        min-height: 600px;\n        padding: 70px 35px;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-vm-visual {\n        min-height: 380px;\n    }\n\n    .moriah-vm-content {\n        min-height: 560px;\n        padding: 60px 25px;\n    }\n\n    .moriah-vm-title {\n        font-size: 50px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-vm-description {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n\n    .moriah-vm-data {\n        grid-template-columns: 1fr;\n        margin-top: 35px;\n    }\n\n    .moriah-vm-data-item:nth-child(even) {\n        padding-left: 0;\n        border-left: none;\n    }\n\n    .moriah-vm-frase {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n        font-size: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-vm\">\n\n    <div class=\"moriah-vm-visual\">\n\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/IMG-20251206-WA0130-scaled-e1788438314166.jpg\" video=\"\" mapping=\"\" moriah=\"\" company\"=\"\">\n\n        <div class=\"moriah-vm-overlay\"><\/div>\n\n        <div class=\"moriah-vm-projection\"><\/div>\n\n        <div class=\"moriah-vm-lines\">\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n        <\/div>\n\n        <div class=\"moriah-vm-frase\">\n            Transformamos espacios en experiencias visuales.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"moriah-vm-content\">\n\n        <h2 class=\"moriah-vm-title\">\n            <span>Video<\/span>\n            <span class=\"highlight\">Mapping<\/span>\n        <\/h2>\n\n        <p class=\"moriah-vm-description\">\n            Transformamos fachadas, monumentos, escenarios y superficies arquitect\u00f3nicas mediante proyecci\u00f3n audiovisual.\n\n            <br><br>\n\n            Dise\u00f1amos contenidos espec\u00edficos para cada espacio, combinando narrativa, iluminaci\u00f3n, sonido y tecnolog\u00eda para convertir una superficie est\u00e1tica en un escenario din\u00e1mico.\n        <\/p>\n\n        <div class=\"moriah-vm-data\">\n\n            <div class=\"moriah-vm-data-item\">\n                Proyecci\u00f3n audiovisual\n            <\/div>\n\n            <div class=\"moriah-vm-data-item\">\n                Arquitectura\n            <\/div>\n\n            <div class=\"moriah-vm-data-item\">\n                Contenido digital\n            <\/div>\n\n            <div class=\"moriah-vm-data-item\">\n                Dise\u00f1o de experiencia\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-interactivas {\n    width: 100%;\n    min-height: 760px;\n    background: #000;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-interactivas * {\n    box-sizing: border-box;\n}\n\n.moriah-interactivas-content {\n    padding: 90px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    order: 1;\n}\n\n.moriah-interactivas-content::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 12%;\n    bottom: 12%;\n    width: 1px;\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        rgba(255,255,255,0.15),\n        transparent\n    );\n}\n\n.moriah-interactivas-label {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ffd75a;\n    margin-bottom: 35px;\n}\n\n.moriah-interactivas-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\nfont-size: clamp(40px, 4.5vw, 68px);\n    line-height: 0.9;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-interactivas-title span {\n    display: block;\n}\n\n.moriah-interactivas-title .highlight {\n    color: #ffd75a;\n}\n\n.moriah-interactivas-description {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.65);\n}\n\n.moriah-interactivas-lista {\n    max-width: 500px;\n    margin-top: 45px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    border-top: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-interactivas-item {\n    padding: 17px 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n    transition: color 0.3s ease;\n}\n\n.moriah-interactivas-item:hover {\n    color: #ffd75a;\n}\n\n.moriah-interactivas-item:nth-child(even) {\n    padding-left: 20px;\n    border-left: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-interactivas-visual {\n    order: 2;\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n}\n\n.moriah-interactivas-visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.62;\n    transform: scale(1);\n    transition:\n        transform 1.2s cubic-bezier(.2,.7,.2,1),\n        filter 1s ease,\n        opacity 1s ease;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-visual img {\n    transform: scale(1.06);\n    filter: grayscale(0%);\n    opacity: 0.9;\n}\n\n.moriah-interactivas-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,0.45),\n            transparent 60%\n        );\n    pointer-events: none;\n    transition: opacity 0.7s ease;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-overlay {\n    opacity: 0.35;\n}\n\n.moriah-interactivas-grid {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.8s ease;\n    background-image:\n        linear-gradient(\n            rgba(255,215,90,0.12) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,215,90,0.12) 1px,\n            transparent 1px\n        );\n    background-size: 70px 70px;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-grid {\n    opacity: 1;\n}\n\n.moriah-interactivas-pulse {\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%) scale(0.5);\n    border: 1px solid rgba(255,215,90,0.5);\n    box-shadow:\n        0 0 30px rgba(255,215,90,0.15),\n        inset 0 0 30px rgba(255,215,90,0.08);\n    opacity: 0;\n    pointer-events: none;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-pulse {\n    animation: moriahInteractivePulse 2.5s ease-out infinite;\n}\n\n@keyframes moriahInteractivePulse {\n    0% {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(0.5);\n    }\n\n    25% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(2.4);\n    }\n}\n\n.moriah-interactivas-points {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.5s ease;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-points {\n    opacity: 1;\n}\n\n.moriah-interactivas-point {\n    position: absolute;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow: 0 0 18px rgba(255,215,90,0.8);\n    animation: moriahPoint 2s ease-in-out infinite;\n}\n\n.moriah-interactivas-point:nth-child(1) {\n    left: 18%;\n    top: 28%;\n}\n\n.moriah-interactivas-point:nth-child(2) {\n    left: 74%;\n    top: 22%;\n    animation-delay: .4s;\n}\n\n.moriah-interactivas-point:nth-child(3) {\n    left: 62%;\n    top: 67%;\n    animation-delay: .8s;\n}\n\n.moriah-interactivas-point:nth-child(4) {\n    left: 30%;\n    top: 72%;\n    animation-delay: 1.2s;\n}\n\n.moriah-interactivas-point:nth-child(5) {\n    left: 82%;\n    top: 52%;\n    animation-delay: 1.6s;\n}\n\n@keyframes moriahPoint {\n    0%,100% {\n        transform: scale(.7);\n        opacity: .5;\n    }\n\n    50% {\n        transform: scale(1.5);\n        opacity: 1;\n    }\n}\n\n.moriah-interactivas-index {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    z-index: 5;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.7);\n}\n\n.moriah-interactivas-frase {\n    position: absolute;\n    left: 40px;\n    bottom: 35px;\n    z-index: 5;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(25px, 3vw, 45px);\n    line-height: 1;\n    letter-spacing: -1px;\n    color: #fff;\n    max-width: 500px;\n    opacity: 0;\n    transform: translateY(15px);\n    transition:\n        opacity .6s ease,\n        transform .6s ease;\n}\n\n.moriah-interactivas:hover .moriah-interactivas-frase {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n@media (max-width: 900px) {\n    .moriah-interactivas {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-interactivas-content {\n        order: 1;\n        min-height: 600px;\n        padding: 70px 35px;\n    }\n\n    .moriah-interactivas-content::before {\n        display: none;\n    }\n\n    .moriah-interactivas-visual {\n        order: 2;\n        min-height: 550px;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-interactivas-content {\n        min-height: 570px;\n        padding: 55px 25px;\n    }\n\n    .moriah-interactivas-title {\n        font-size: 48px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-interactivas-description {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n\n    .moriah-interactivas-lista {\n        grid-template-columns: 1fr;\n        margin-top: 35px;\n    }\n\n    .moriah-interactivas-item:nth-child(even) {\n        padding-left: 0;\n        border-left: none;\n    }\n\n    .moriah-interactivas-visual {\n        min-height: 420px;\n    }\n\n    .moriah-interactivas-frase {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n        font-size: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-interactivas\">\n\n    <div class=\"moriah-interactivas-content\">\n\n        <h2 class=\"moriah-interactivas-title\">\n            <span>Experiencias<\/span>\n            <span class=\"highlight\">Interactivas<\/span>\n        <\/h2>\n\n        <p class=\"moriah-interactivas-description\">\n            Dise\u00f1amos experiencias donde las personas dejan de ser\n            espectadores para convertirse en parte activa de la\n            experiencia.\n\n            <br><br>\n\n            Integramos sensores, c\u00e1maras, iluminaci\u00f3n, sonido,\n            contenido digital y diferentes tecnolog\u00edas para crear\n            instalaciones capaces de responder al movimiento,\n            presencia y comportamiento de las personas.\n        <\/p>\n\n        <div class=\"moriah-interactivas-lista\">\n\n            <div class=\"moriah-interactivas-item\">\n                Sensores\n            <\/div>\n\n            <div class=\"moriah-interactivas-item\">\n                Interacci\u00f3n\n            <\/div>\n\n            <div class=\"moriah-interactivas-item\">\n                Tecnolog\u00eda\n            <\/div>\n\n            <div class=\"moriah-interactivas-item\">\n                Instalaciones\n            <\/div>\n\n            <div class=\"moriah-interactivas-item\">\n                Movimiento\n            <\/div>\n\n            <div class=\"moriah-interactivas-item\">\n                Experiencia digital\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"moriah-interactivas-visual\">\n\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/ESCENA-CONJUNTA-ARBOL-PLANETARIO-DE-GRINCH-DE-12-MTS-CON-CAJA-DE-REGALO-3D-DE-3.5-X-3.5-MTS-CON-EXPERIENCIA-INMERSIVA-AL-INTERIOR-Y-ESCENA-VILLA-GRINCH.jpeg\"Experiencias interactivas Moriah Company\">\n\n        <div class=\"moriah-interactivas-overlay\"><\/div>\n\n        <div class=\"moriah-interactivas-grid\"><\/div>\n\n        <div class=\"moriah-interactivas-pulse\"><\/div>\n\n        <div class=\"moriah-interactivas-points\">\n            <span class=\"moriah-interactivas-point\"><\/span>\n            <span class=\"moriah-interactivas-point\"><\/span>\n            <span class=\"moriah-interactivas-point\"><\/span>\n            <span class=\"moriah-interactivas-point\"><\/span>\n            <span class=\"moriah-interactivas-point\"><\/span>\n        <\/div>\n\n        <div class=\"moriah-interactivas-frase\">\n            El p\u00fablico tambi\u00e9n crea la experiencia.\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-inmersivas {\n    width: 100%;\n    min-height: 760px;\n    background: #000;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 58% 42%;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-inmersivas * {\n    box-sizing: border-box;\n}\n\n.moriah-inmersivas-visual {\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n    border-right: 1px solid rgba(255,255,255,0.12);\n}\n\n.moriah-inmersivas-visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.58;\n    transform: scale(1);\n    transition:\n        transform 1.2s cubic-bezier(.2,.7,.2,1),\n        filter 1s ease,\n        opacity 1s ease;\n}\n\n.moriah-inmersivas:hover .moriah-inmersivas-visual img {\n    transform: scale(1.07);\n    filter: grayscale(0%);\n    opacity: 0.88;\n}\n\n.moriah-inmersivas-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at 50% 50%,\n            rgba(255,215,90,0.04),\n            rgba(0,0,0,0.5) 75%\n        );\n    pointer-events: none;\n}\n\n.moriah-inmersivas-glow {\n    position: absolute;\n    width: 320px;\n    height: 320px;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    border-radius: 50%;\n    background: radial-gradient(\n        circle,\n        rgba(255,215,90,0.16),\n        rgba(255,215,90,0.05) 35%,\n        transparent 70%\n    );\n    filter: blur(25px);\n    opacity: 0;\n    transition: opacity 1s ease;\n    pointer-events: none;\n}\n\n.moriah-inmersivas:hover .moriah-inmersivas-glow {\n    opacity: 1;\n}\n\n.moriah-inmersivas-rings {\n    position: absolute;\n    width: 430px;\n    height: 430px;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 1s ease;\n}\n\n.moriah-inmersivas:hover .moriah-inmersivas-rings {\n    opacity: 1;\n}\n\n.moriah-inmersivas-ring {\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(255,215,90,0.2);\n    border-radius: 50%;\n    animation: moriahImmersiveRing 5s linear infinite;\n}\n\n.moriah-inmersivas-ring:nth-child(2) {\n    inset: 45px;\n    animation-delay: -1.2s;\n}\n\n.moriah-inmersivas-ring:nth-child(3) {\n    inset: 90px;\n    animation-delay: -2.4s;\n}\n\n.moriah-inmersivas-ring:nth-child(4) {\n    inset: 135px;\n    animation-delay: -3.6s;\n}\n\n@keyframes moriahImmersiveRing {\n    0% {\n        transform: scale(.92) rotate(0deg);\n        opacity: .2;\n    }\n\n    50% {\n        transform: scale(1.05) rotate(180deg);\n        opacity: .7;\n    }\n\n    100% {\n        transform: scale(.92) rotate(360deg);\n        opacity: .2;\n    }\n}\n\n.moriah-inmersivas-particles {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .8s ease;\n}\n\n.moriah-inmersivas:hover .moriah-inmersivas-particles {\n    opacity: 1;\n}\n\n.moriah-inmersivas-particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow: 0 0 12px rgba(255,215,90,.8);\n    animation: moriahParticleFloat 4s ease-in-out infinite;\n}\n\n.moriah-inmersivas-particle:nth-child(1) {\n    left: 18%;\n    top: 30%;\n}\n\n.moriah-inmersivas-particle:nth-child(2) {\n    left: 30%;\n    top: 62%;\n    animation-delay: -.7s;\n}\n\n.moriah-inmersivas-particle:nth-child(3) {\n    left: 52%;\n    top: 25%;\n    animation-delay: -1.4s;\n}\n\n.moriah-inmersivas-particle:nth-child(4) {\n    left: 70%;\n    top: 38%;\n    animation-delay: -2.1s;\n}\n\n.moriah-inmersivas-particle:nth-child(5) {\n    left: 80%;\n    top: 68%;\n    animation-delay: -2.8s;\n}\n\n.moriah-inmersivas-particle:nth-child(6) {\n    left: 45%;\n    top: 78%;\n    animation-delay: -3.5s;\n}\n\n@keyframes moriahParticleFloat {\n    0%,100% {\n        transform: translateY(10px) scale(.6);\n        opacity: .3;\n    }\n\n    50% {\n        transform: translateY(-20px) scale(1.4);\n        opacity: 1;\n    }\n}\n\n.moriah-inmersivas-index {\n    position: absolute;\n    top: 30px;\n    left: 30px;\n    z-index: 5;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.72);\n}\n\n.moriah-inmersivas-frase {\n    position: absolute;\n    left: 40px;\n    bottom: 35px;\n    z-index: 5;\n    max-width: 520px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 3vw, 48px);\n    line-height: 1;\n    letter-spacing: -1px;\n    color: #fff;\n    opacity: 0;\n    transform: translateY(20px);\n    transition:\n        opacity .7s ease,\n        transform .7s ease;\n}\n\n.moriah-inmersivas:hover .moriah-inmersivas-frase {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.moriah-inmersivas-content {\n    padding: 90px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    background: #000;\n}\n\n.moriah-inmersivas-content::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 12%;\n    bottom: 12%;\n    width: 1px;\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        rgba(255,255,255,0.15),\n        transparent\n    );\n}\n\n.moriah-inmersivas-label {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ffd75a;\n    margin-bottom: 35px;\n}\n\n.moriah-inmersivas-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(40px, 4.5vw, 68px);\n    line-height: .9;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-inmersivas-title span {\n    display: block;\n}\n\n.moriah-inmersivas-title .highlight {\n    color: #ffd75a;\n}\n\n.moriah-inmersivas-description {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n    color: rgba(255,255,255,.65);\n}\n\n.moriah-inmersivas-levels {\n    max-width: 500px;\n    margin-top: 45px;\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    border-top: 1px solid rgba(255,255,255,.15);\n}\n\n.moriah-inmersivas-level {\n    padding: 18px 0;\n    border-bottom: 1px solid rgba(255,255,255,.15);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.6);\n    transition: color .3s ease;\n}\n\n.moriah-inmersivas-level:hover {\n    color: #ffd75a;\n}\n\n.moriah-inmersivas-level:nth-child(even) {\n    padding-left: 20px;\n    border-left: 1px solid rgba(255,255,255,.15);\n}\n\n.moriah-inmersivas-level-number {\n    display: inline-block;\n    margin-right: 10px;\n    color: #ffd75a;\n}\n\n.moriah-inmersivas-interaction {\n    margin-top: 45px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.4);\n}\n\n.moriah-inmersivas-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ffd75a;\n    animation: moriahImmersivePulse 2s infinite;\n}\n\n@keyframes moriahImmersivePulse {\n    0%,100% {\n        box-shadow: 0 0 0 rgba(255,215,90,0);\n    }\n\n    50% {\n        box-shadow: 0 0 20px rgba(255,215,90,.7);\n    }\n}\n\n@media (max-width: 900px) {\n    .moriah-inmersivas {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-inmersivas-visual {\n        min-height: 520px;\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,.12);\n    }\n\n    .moriah-inmersivas-content {\n        min-height: 620px;\n        padding: 70px 35px;\n    }\n\n    .moriah-inmersivas-content::before {\n        display: none;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-inmersivas-visual {\n        min-height: 420px;\n    }\n\n    .moriah-inmersivas-content {\n        min-height: 590px;\n        padding: 55px 25px;\n    }\n\n    .moriah-inmersivas-title {\n        font-size: 48px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-inmersivas-description {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n\n    .moriah-inmersivas-levels {\n        grid-template-columns: 1fr;\n        margin-top: 35px;\n    }\n\n    .moriah-inmersivas-level:nth-child(even) {\n        padding-left: 0;\n        border-left: none;\n    }\n\n    .moriah-inmersivas-frase {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n        font-size: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-inmersivas\">\n\n    <div class=\"moriah-inmersivas-visual\">\n\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/3-BACKING-GLOBO-FESTIVAL--scaled.jpg\" experiencias=\"\" inmersivas=\"\" moriah=\"\" company\"=\"\">\n\n        <div class=\"moriah-inmersivas-overlay\"><\/div>\n\n        <div class=\"moriah-inmersivas-glow\"><\/div>\n\n        <div class=\"moriah-inmersivas-rings\">\n            <span class=\"moriah-inmersivas-ring\"><\/span>\n            <span class=\"moriah-inmersivas-ring\"><\/span>\n            <span class=\"moriah-inmersivas-ring\"><\/span>\n            <span class=\"moriah-inmersivas-ring\"><\/span>\n        <\/div>\n\n        <div class=\"moriah-inmersivas-particles\">\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n            <span class=\"moriah-inmersivas-particle\"><\/span>\n        <\/div>\n\n        <div class=\"moriah-inmersivas-frase\">\n            Entrar en la experiencia es convertirse en parte de ella.\n        <\/div>\n\n    <\/div>\n\n    <div class=\"moriah-inmersivas-content\">\n\n        <h2 class=\"moriah-inmersivas-title\">\n            <span>Experiencias<\/span>\n            <span class=\"highlight\">Inmersivas<\/span>\n        <\/h2>\n\n        <p class=\"moriah-inmersivas-description\">\n            Creamos espacios que envuelven al p\u00fablico mediante una\n            combinaci\u00f3n de imagen, sonido, iluminaci\u00f3n, movimiento\n            y tecnolog\u00eda.\n\n            <br><br>\n\n            Dise\u00f1amos experiencias donde el espacio deja de ser\n            simplemente un lugar y se convierte en una narrativa\n            que puede explorarse, recorrer y sentir.\n        <\/p>\n\n        <div class=\"moriah-inmersivas-levels\">\n\n            <div class=\"moriah-inmersivas-level\">\n\n                Imagen\n            <\/div>\n\n            <div class=\"moriah-inmersivas-level\">\n\n                Sonido\n            <\/div>\n\n            <div class=\"moriah-inmersivas-level\">\n\n                Iluminaci\u00f3n\n            <\/div>\n\n            <div class=\"moriah-inmersivas-level\">\n\n                Interacci\u00f3n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-alquiler {\n    width: 100%;\n    min-height: 760px;\n    background: #000;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-alquiler * {\n    box-sizing: border-box;\n}\n\n.moriah-alquiler-content {\n    padding: 90px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    order: 1;\n}\n\n.moriah-alquiler-content::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 12%;\n    bottom: 12%;\n    width: 1px;\n    background: linear-gradient(\n        to bottom,\n        transparent,\n        rgba(255,255,255,0.15),\n        transparent\n    );\n}\n\n.moriah-alquiler-label {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ffd75a;\n    margin-bottom: 35px;\n}\n\n.moriah-alquiler-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 4.2vw, 64px);\n    line-height: 0.9;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-alquiler-title span {\n    display: block;\n}\n\n.moriah-alquiler-title .highlight {\n    color: #ffd75a;\n}\n\n.moriah-alquiler-description {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.65);\n}\n\n.moriah-alquiler-lista {\n    max-width: 500px;\n    margin-top: 45px;\n    display: grid;\n    grid-template-columns: repeat(2,1fr);\n    border-top: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-alquiler-item {\n    padding: 18px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    transition: color .3s ease;\n}\n\n.moriah-alquiler-item:hover {\n    color: #ffd75a;\n}\n\n.moriah-alquiler-item:nth-child(even) {\n    padding-left: 20px;\n    border-left: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-alquiler-visual {\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n    order: 2;\n}\n\n.moriah-alquiler-visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: .62;\n    transform: scale(1);\n    transition:\n        transform 1.2s cubic-bezier(.2,.7,.2,1),\n        filter 1s ease,\n        opacity 1s ease;\n}\n\n.moriah-alquiler:hover .moriah-alquiler-visual img {\n    transform: scale(1.06);\n    filter: grayscale(0%);\n    opacity: .9;\n}\n\n.moriah-alquiler-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.45),\n            transparent 65%\n        );\n    pointer-events: none;\n    transition: opacity .7s ease;\n}\n\n.moriah-alquiler:hover .moriah-alquiler-overlay {\n    opacity: .45;\n}\n\n.moriah-alquiler-grid {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .8s ease;\n    background-image:\n        linear-gradient(\n            rgba(255,215,90,.12) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,215,90,.12) 1px,\n            transparent 1px\n        );\n    background-size: 80px 80px;\n}\n\n.moriah-alquiler:hover .moriah-alquiler-grid {\n    opacity: 1;\n}\n\n.moriah-alquiler-equipment {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 280px;\n    height: 190px;\n    transform: translate(-50%,-50%) scale(.75);\n    border: 1px solid rgba(255,215,90,.35);\n    background: rgba(0,0,0,.18);\n    backdrop-filter: blur(3px);\n    opacity: 0;\n    transition:\n        opacity .7s ease,\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.moriah-alquiler:hover .moriah-alquiler-equipment {\n    opacity: 1;\n    transform: translate(-50%,-50%) scale(1);\n}\n\n.moriah-alquiler-equipment::before,\n.moriah-alquiler-equipment::after {\n    content: \"\";\n    position: absolute;\n    background: #ffd75a;\n    opacity: .8;\n}\n\n.moriah-alquiler-equipment::before {\n    width: 70%;\n    height: 1px;\n    left: 15%;\n    top: 50%;\n}\n\n.moriah-alquiler-equipment::after {\n    width: 1px;\n    height: 70%;\n    left: 50%;\n    top: 15%;\n}\n\n.moriah-alquiler-corner {\n    position: absolute;\n    width: 35px;\n    height: 35px;\n    border-color: #ffd75a;\n    opacity: 0;\n    transition: opacity .5s ease;\n}\n\n.moriah-alquiler:hover .moriah-alquiler-corner {\n    opacity: 1;\n}\n\n.moriah-alquiler-corner-1 {\n    top: 30px;\n    left: 30px;\n    border-top: 1px solid;\n    border-left: 1px solid;\n}\n\n.moriah-alquiler-corner-2 {\n    top: 30px;\n    right: 30px;\n    border-top: 1px solid;\n    border-right: 1px solid;\n}\n\n.moriah-alquiler-corner-3 {\n    bottom: 30px;\n    left: 30px;\n    border-bottom: 1px solid;\n    border-left: 1px solid;\n}\n\n.moriah-alquiler-corner-4 {\n    bottom: 30px;\n    right: 30px;\n    border-bottom: 1px solid;\n    border-right: 1px solid;\n}\n\n.moriah-alquiler-index {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    z-index: 5;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,.7);\n}\n\n.moriah-alquiler-frase {\n    position: absolute;\n    left: 40px;\n    bottom: 35px;\n    z-index: 5;\n    max-width: 520px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(27px,3vw,46px);\n    line-height: 1;\n    letter-spacing: -1px;\n    color: #fff;\n    opacity: 0;\n    transform: translateY(18px);\n    transition:\n        opacity .7s ease,\n        transform .7s ease;\n}\n\n.moriah-alquiler:hover .moriah-alquiler-frase {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.moriah-alquiler-interaction {\n    margin-top: 45px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.4);\n}\n\n.moriah-alquiler-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ffd75a;\n    animation: moriahAlquilerPulse 2s infinite;\n}\n\n@keyframes moriahAlquilerPulse {\n    0%,100% {\n        box-shadow: 0 0 0 rgba(255,215,90,0);\n    }\n\n    50% {\n        box-shadow: 0 0 20px rgba(255,215,90,.65);\n    }\n}\n\n@media (max-width: 900px) {\n    .moriah-alquiler {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-alquiler-content {\n        order: 1;\n        min-height: 620px;\n        padding: 70px 35px;\n    }\n\n    .moriah-alquiler-content::before {\n        display: none;\n    }\n\n    .moriah-alquiler-visual {\n        order: 2;\n        min-height: 520px;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-alquiler-content {\n        min-height: 590px;\n        padding: 55px 25px;\n    }\n\n    .moriah-alquiler-title {\n        font-size: 48px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-alquiler-description {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n\n    .moriah-alquiler-lista {\n        grid-template-columns: 1fr;\n        margin-top: 35px;\n    }\n\n    .moriah-alquiler-item:nth-child(even) {\n        padding-left: 0;\n        border-left: none;\n    }\n\n    .moriah-alquiler-visual {\n        min-height: 420px;\n    }\n\n    .moriah-alquiler-equipment {\n        width: 220px;\n        height: 150px;\n    }\n\n    .moriah-alquiler-frase {\n        left: 25px;\n        right: 25px;\n        bottom: 25px;\n        font-size: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-alquiler\">\n\n    <div class=\"moriah-alquiler-content\">\n\n        <h2 class=\"moriah-alquiler-title\">\n            <span>Alquiler de<\/span>\n            <span class=\"highlight\">Equipos<\/span>\n        <\/h2>\n\n        <p class=\"moriah-alquiler-description\">\n            Ponemos a disposici\u00f3n equipos profesionales para la\n            producci\u00f3n de eventos, instalaciones audiovisuales,\n            experiencias interactivas y proyectos de entretenimiento.\n\n            <br><br>\n\n            Contamos con soluciones que permiten complementar\n            producciones de diferentes escalas, desde sistemas de\n            proyecci\u00f3n e iluminaci\u00f3n hasta equipos audiovisuales\n            especializados.\n        <\/p>\n\n        <div class=\"moriah-alquiler-lista\">\n\n            <div class=\"moriah-alquiler-item\">\n                Proyectores\n            <\/div>\n\n            <div class=\"moriah-alquiler-item\">\n                Iluminaci\u00f3n\n            <\/div>\n\n            <div class=\"moriah-alquiler-item\">\n                Audio\n            <\/div>\n\n            <div class=\"moriah-alquiler-item\">\n                Equipos audiovisuales\n            <\/div>\n\n            <div class=\"moriah-alquiler-item\">\n                Tecnolog\u00eda interactiva\n            <\/div>\n\n            <div class=\"moriah-alquiler-item\">\n                Equipos para eventos\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"moriah-alquiler-visual\">\n\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/8.jpeg\" alquiler=\"\" de=\"\" equipos=\"\" audiovisuales=\"\" moriah=\"\" company\"=\"\">\n\n        <div class=\"moriah-alquiler-overlay\"><\/div>\n\n        <div class=\"moriah-alquiler-grid\"><\/div>\n\n        <div class=\"moriah-alquiler-equipment\"><\/div>\n\n        <div class=\"moriah-alquiler-corner moriah-alquiler-corner-1\"><\/div>\n        <div class=\"moriah-alquiler-corner moriah-alquiler-corner-2\"><\/div>\n        <div class=\"moriah-alquiler-corner moriah-alquiler-corner-3\"><\/div>\n        <div class=\"moriah-alquiler-corner moriah-alquiler-corner-4\"><\/div>\n\n        <div class=\"moriah-alquiler-frase\">\n            La tecnolog\u00eda tambi\u00e9n hace posible la experiencia.\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-servicios-cierre {\n    width: 100%;\n    min-height: 650px;\n    position: relative;\n    overflow: hidden;\n    background: #000;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n}\n\n.moriah-servicios-cierre * {\n    box-sizing: border-box;\n}\n\n.moriah-servicios-cierre-canvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    opacity: 0.7;\n}\n\n.moriah-servicios-cierre-contenido {\n    position: relative;\n    z-index: 5;\n    width: min(1100px, calc(100% - 50px));\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.moriah-servicios-cierre-etiqueta {\n    margin-bottom: 35px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n}\n\n.moriah-servicios-cierre-titulo {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(55px, 9vw, 135px);\n    line-height: 0.86;\n    font-weight: 400;\n    letter-spacing: -6px;\n    text-transform: uppercase;\n    color: #fff;\n}\n\n.moriah-servicios-cierre-titulo span {\n    display: block;\n    transition:\n        color 0.4s ease,\n        text-shadow 0.4s ease,\n        transform 0.4s ease;\n}\n\n.moriah-servicios-cierre-titulo span:hover {\n    color: #ffd75a;\n    text-shadow:\n        0 0 15px rgba(255,215,90,0.45),\n        0 0 45px rgba(255,215,90,0.2);\n    transform: translateX(8px);\n}\n\n.moriah-servicios-cierre-descripcion {\n    max-width: 650px;\n    margin: 45px auto 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.62);\n}\n\n.moriah-servicios-cierre-boton {\n    margin-top: 45px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    padding: 17px 28px;\n    border: 1px solid rgba(255,215,90,0.7);\n    color: #ffd75a;\n    background: transparent;\n    text-decoration: none;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    transition:\n        background 0.35s ease,\n        color 0.35s ease,\n        box-shadow 0.35s ease,\n        transform 0.35s ease;\n}\n\n.moriah-servicios-cierre-boton span {\n    font-size: 18px;\n    line-height: 1;\n    transition: transform 0.35s ease;\n}\n\n.moriah-servicios-cierre-boton:hover {\n    background: #ffd75a;\n    color: #000;\n    box-shadow: 0 0 35px rgba(255,215,90,0.2);\n    transform: translateY(-3px);\n}\n\n.moriah-servicios-cierre-boton:hover span {\n    transform: translateX(6px);\n}\n\n.moriah-servicios-cierre-linea {\n    width: 90px;\n    height: 1px;\n    margin-top: 55px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        #ffd75a,\n        transparent\n    );\n    opacity: 0.7;\n}\n\n.moriah-servicios-cierre-brillo {\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    background: radial-gradient(\n        circle,\n        rgba(255,215,90,0.08),\n        rgba(255,215,90,0.025) 35%,\n        transparent 70%\n    );\n    filter: blur(20px);\n    pointer-events: none;\n}\n\n@media (max-width: 700px) {\n\n    .moriah-servicios-cierre {\n        min-height: 600px;\n    }\n\n    .moriah-servicios-cierre-titulo {\n        font-size: clamp(48px, 15vw, 80px);\n        letter-spacing: -3px;\n    }\n\n    .moriah-servicios-cierre-descripcion {\n        font-size: 14px;\n        line-height: 1.65;\n        margin-top: 35px;\n    }\n\n    .moriah-servicios-cierre-boton {\n        margin-top: 35px;\n        padding: 15px 22px;\n    }\n\n    .moriah-servicios-cierre-brillo {\n        width: 350px;\n        height: 350px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-servicios-cierre\">\n\n    <canvas class=\"moriah-servicios-cierre-canvas\"><\/canvas>\n\n    <div class=\"moriah-servicios-cierre-brillo\"><\/div>\n\n    <div class=\"moriah-servicios-cierre-contenido\">\n\n        <h2 class=\"moriah-servicios-cierre-titulo\">\n            <span>TODO<\/span>\n            <span>COMIENZA<\/span>\n            <span>CON UNA IDEA<\/span>\n        <\/h2>\n\n        <p class=\"moriah-servicios-cierre-descripcion\">\n            Cada proyecto es una oportunidad para transformar una idea\n            en algo que pueda verse, sentirse y recordarse. Dise\u00f1amos\n            experiencias conectando creatividad, tecnolog\u00eda y producci\u00f3n\n            para hacer posible lo extraordinario.\n        <\/p>\n\n        <a href=\"https:\/\/moriahcompany.com.co\/#contacto\" class=\"moriah-servicios-cierre-boton\">\n            Creemos una experiencia\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    const section = document.querySelector(\".moriah-servicios-cierre\");\n    const canvas = section.querySelector(\".moriah-servicios-cierre-canvas\");\n    const ctx = canvas.getContext(\"2d\");\n\n    let particles = [];\n    let width = 0;\n    let height = 0;\n    let animationFrame;\n\n    function resize() {\n\n        const rect = section.getBoundingClientRect();\n\n        width = canvas.width = rect.width * window.devicePixelRatio;\n        height = canvas.height = rect.height * window.devicePixelRatio;\n\n        canvas.style.width = rect.width + \"px\";\n        canvas.style.height = rect.height + \"px\";\n\n        ctx.setTransform(\n            window.devicePixelRatio,\n            0,\n            0,\n            window.devicePixelRatio,\n            0,\n            0\n        );\n\n        createParticles(rect.width, rect.height);\n    }\n\n    function createParticles(w, h) {\n\n        particles = [];\n\n        const total = Math.min(\n            110,\n            Math.max(45, Math.floor(w \/ 14))\n        );\n\n        for (let i = 0; i < total; i++) {\n\n            particles.push({\n                x: Math.random() * w,\n                y: Math.random() * h,\n                size: Math.random() * 1.5 + 0.3,\n                speedX: (Math.random() - 0.5) * 0.15,\n                speedY: (Math.random() - 0.5) * 0.15,\n                opacity: Math.random() * 0.45 + 0.1,\n                pulse: Math.random() * Math.PI * 2\n            });\n        }\n    }\n\n    function draw() {\n\n        const w = canvas.clientWidth;\n        const h = canvas.clientHeight;\n\n        ctx.clearRect(0, 0, w, h);\n\n        particles.forEach(function (particle) {\n\n            particle.x += particle.speedX;\n            particle.y += particle.speedY;\n            particle.pulse += 0.01;\n\n            if (particle.x < 0) particle.x = w;\n            if (particle.x > w) particle.x = 0;\n\n            if (particle.y < 0) particle.y = h;\n            if (particle.y > h) particle.y = 0;\n\n            const opacity =\n                particle.opacity +\n                Math.sin(particle.pulse) * 0.12;\n\n            ctx.beginPath();\n\n            ctx.arc(\n                particle.x,\n                particle.y,\n                particle.size,\n                0,\n                Math.PI * 2\n            );\n\n            ctx.fillStyle =\n                \"rgba(255,215,90,\" +\n                Math.max(0.05, opacity) +\n                \")\";\n\n            ctx.fill();\n        });\n\n        animationFrame = requestAnimationFrame(draw);\n    }\n\n    window.addEventListener(\"resize\", resize);\n\n    resize();\n    draw();\n\n})();\n<\/script>\n\n\n\n<style>\n\n\/* =========================================================\n   FOOTER MORIAH COMPANY\n   ========================================================= *\/\n\n.moriah-footer {\n    width: 100%;\n    background: #000000;\n    color: #ffffff;\n    position: relative;\n    overflow: hidden;\n    border-top: 1px solid rgba(255,255,255,0.14);\n    box-sizing: border-box;\n}\n\n.moriah-footer *,\n.moriah-footer *::before,\n.moriah-footer *::after {\n    box-sizing: border-box;\n}\n\n\/* L\u00ednea decorativa superior *\/\n\n.moriah-footer-top-line {\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,215,90,0.7),\n        transparent\n    );\n}\n\n\/* Contenedor *\/\n\n.moriah-footer-inner {\n    width: min(1500px, calc(100% - 100px));\n    margin: 0 auto;\n    padding: 100px 0 35px;\n}\n\n\/* =========================================================\n   BLOQUE PRINCIPAL\n   ========================================================= *\/\n\n.moriah-footer-main {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\n    gap: 70px;\n    padding-bottom: 85px;\n}\n\n\/* =========================================================\n   MARCA\n   ========================================================= *\/\n\n.moriah-footer-brand {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n}\n\n.moriah-footer-logo {\n    display: inline-flex;\n    width: fit-content;\n    margin-bottom: 35px;\n}\n\n.moriah-footer-logo img {\n    display: block;\n    width: 190px;\n    height: auto;\n}\n\n.moriah-footer-brand-title {\n    margin: 0;\n    max-width: 500px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 4vw, 64px);\n    line-height: 0.95;\n    font-weight: 400;\n    letter-spacing: -3px;\n}\n\n.moriah-footer-brand-title span {\n    color: #ffd75a;\n}\n\n.moriah-footer-description {\n    max-width: 470px;\n    margin: 30px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.55);\n}\n\n\/* =========================================================\n   COLUMNAS\n   ========================================================= *\/\n\n.moriah-footer-column {\n    display: flex;\n    flex-direction: column;\n}\n\n.moriah-footer-column-title {\n    margin: 0 0 28px;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #ffd75a;\n}\n\n.moriah-footer-column a {\n    position: relative;\n    width: fit-content;\n    margin-bottom: 15px;\n    color: rgba(255,255,255,0.68);\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 13px;\n    line-height: 1.4;\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.moriah-footer-column a::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -4px;\n    width: 100%;\n    height: 1px;\n    background: #ffd75a;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.3s ease;\n}\n\n.moriah-footer-column a:hover {\n    color: #ffffff;\n    transform: translateX(5px);\n}\n\n.moriah-footer-column a:hover::before {\n    transform: scaleX(1);\n}\n\n\/* =========================================================\n   CONTACTO\n   ========================================================= *\/\n\n.moriah-footer-contact {\n    display: flex;\n    flex-direction: column;\n}\n\n.moriah-footer-contact-label {\n    margin: 0 0 12px;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n}\n\n.moriah-footer-contact-value {\n    margin: 0 0 25px;\n    color: #ffffff;\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    transition: color 0.3s ease;\n}\n\n.moriah-footer-contact-value:hover {\n    color: #ffd75a;\n}\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.moriah-footer-cta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n    padding: 35px 0;\n    border-top: 1px solid rgba(255,255,255,0.12);\n    border-bottom: 1px solid rgba(255,255,255,0.12);\n}\n\n.moriah-footer-cta-text {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 3vw, 48px);\n    line-height: 1;\n    font-weight: 400;\n    letter-spacing: -2px;\n}\n\n.moriah-footer-cta-text span {\n    color: #ffd75a;\n}\n\n.moriah-footer-cta-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    flex-shrink: 0;\n    padding: 16px 24px;\n    color: #050505 !important;\n    background: #ffd75a;\n    border: 1px solid #ffd75a;\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    overflow: hidden;\n    transition:\n        color 0.3s ease,\n        background 0.3s ease,\n        transform 0.3s ease;\n}\n\n.moriah-footer-cta-button::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: #ffffff;\n    transform: translateX(-101%);\n    transition: transform 0.4s cubic-bezier(.2,.7,.2,1);\n}\n\n.moriah-footer-cta-button span {\n    position: relative;\n    z-index: 2;\n}\n\n.moriah-footer-cta-button:hover {\n    color: #000000 !important;\n    background: #ffffff;\n    transform: translateY(-3px);\n}\n\n.moriah-footer-cta-button:hover::before {\n    transform: translateX(0);\n}\n\n.moriah-footer-arrow {\n    font-size: 17px;\n    line-height: 1;\n    transition: transform 0.3s ease;\n}\n\n.moriah-footer-cta-button:hover .moriah-footer-arrow {\n    transform: translateX(5px);\n}\n\n\/* =========================================================\n   BARRA INFERIOR\n   ========================================================= *\/\n\n.moriah-footer-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    padding-top: 28px;\n}\n\n.moriah-footer-copy {\n    margin: 0;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    letter-spacing: 1.5px;\n    color: rgba(255,255,255,0.3);\n    text-transform: uppercase;\n}\n\n.moriah-footer-bottom-links {\n    display: flex;\n    align-items: center;\n    gap: 25px;\n}\n\n.moriah-footer-bottom-links a {\n    color: rgba(255,255,255,0.35);\n    text-decoration: none !important;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    transition: color 0.3s ease;\n}\n\n.moriah-footer-bottom-links a:hover {\n    color: #ffd75a;\n}\n\n\/* =========================================================\n   DETALLE DECORATIVO\n   ========================================================= *\/\n\n.moriah-footer-mark {\n    position: absolute;\n    right: -100px;\n    bottom: -180px;\n    width: 450px;\n    height: 450px;\n    border: 1px solid rgba(255,215,90,0.06);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.moriah-footer-mark::before {\n    content: \"\";\n    position: absolute;\n    inset: 70px;\n    border: 1px solid rgba(255,255,255,0.035);\n    border-radius: 50%;\n}\n\n.moriah-footer-mark::after {\n    content: \"\";\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    top: 50%;\n    left: 50%;\n    background: #ffd75a;\n    border-radius: 50%;\n    box-shadow:\n        0 0 12px rgba(255,215,90,0.8),\n        0 0 30px rgba(255,215,90,0.35);\n}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .moriah-footer-inner {\n        width: calc(100% - 70px);\n    }\n\n    .moriah-footer-main {\n        grid-template-columns: 1.5fr 1fr 1fr;\n        gap: 50px;\n    }\n\n    .moriah-footer-brand {\n        grid-column: 1 \/ -1;\n        padding-bottom: 20px;\n    }\n\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .moriah-footer-inner {\n        width: calc(100% - 40px);\n        padding-top: 70px;\n    }\n\n    .moriah-footer-main {\n        grid-template-columns: 1fr 1fr;\n        gap: 45px 30px;\n        padding-bottom: 60px;\n    }\n\n    .moriah-footer-brand {\n        grid-column: 1 \/ -1;\n    }\n\n    .moriah-footer-logo img {\n        width: 155px;\n    }\n\n    .moriah-footer-brand-title {\n        font-size: 42px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-footer-description {\n        font-size: 13px;\n    }\n\n    .moriah-footer-cta {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 35px 0;\n    }\n\n    .moriah-footer-cta-text {\n        font-size: 34px;\n    }\n\n    .moriah-footer-bottom {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 20px;\n        padding-bottom: 20px;\n    }\n\n    .moriah-footer-bottom-links {\n        flex-wrap: wrap;\n        gap: 15px 20px;\n    }\n\n    .moriah-footer-mark {\n        width: 300px;\n        height: 300px;\n        right: -130px;\n        bottom: -100px;\n    }\n\n}\n\n<\/style>\n\n\n<footer class=\"moriah-footer\">\n\n    <div class=\"moriah-footer-top-line\"><\/div>\n\n    <div class=\"moriah-footer-inner\">\n\n        <!-- =========================================\n             CONTENIDO PRINCIPAL\n             ========================================= -->\n\n        <div class=\"moriah-footer-main\">\n\n\n            <!-- MARCA -->\n\n            <div class=\"moriah-footer-brand\">\n\n                <a href=\"\/\" class=\"moriah-footer-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/08\/logo.png\" alt=\"Moriah Company\">\n                <\/a>\n\n                <h2 class=\"moriah-footer-brand-title\">\n                    Creamos\n                    <span>experiencias.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <!-- NAVEGACI\u00d3N -->\n\n            <div class=\"moriah-footer-column\">\n\n                <h3 class=\"moriah-footer-column-title\">\n                    Navegaci\u00f3n\n                <\/h3>\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                <a href=\"https:\/\/moriahcompany.com.co\/?page_id=112\">\n                    Servicios\n                <\/a>\n\n                <a href=\"\/\">\n                    Portafolio\n                <\/a>\n\n                <a href=\"https:\/\/moriahcompany.com.co\/#contacto\">\n                    Contacto\n                <\/a>\n\n            <\/div>\n\n\n            <!-- SERVICIOS -->\n\n            <div class=\"moriah-footer-column\">\n\n                <h3 class=\"moriah-footer-column-title\">\n                    Servicios\n                <\/h3>\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:\/\/moriahcompany.com.co\/?page_id=196\">\n                    Alquiler de equipos\n                <\/a>\n\n                <a href=\"https:\/\/colombiapirotecnia.com\/\">\n                    Pirotecnia\n                <\/a>\n\n            <\/div>\n\n\n            <!-- CONTACTO -->\n\n            <div class=\"moriah-footer-contact\">\n\n                <h3 class=\"moriah-footer-column-title\">\n                    Hablemos\n                <\/h3>\n\n                <p class=\"moriah-footer-contact-label\">\n                    Proyectos\n                <\/p>\n\n                <a href=\"https:\/\/moriahcompany.com.co\/#contacto\" class=\"moriah-footer-contact-value\">\n                    Cu\u00e9ntanos qu\u00e9 imaginas \u2192\n                <\/a>\n\n                <p class=\"moriah-footer-contact-label\">\n                    Moriah Company\n                <\/p>\n\n                <p class=\"moriah-footer-contact-value\">\n                    Colombia\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================================\n             CTA\n             ========================================= -->\n\n        <div class=\"moriah-footer-cta\">\n\n            <p class=\"moriah-footer-cta-text\">\n                \u00bfTienes una idea?\n                <span>Hag\u00e1mosla realidad.<\/span>\n            <\/p>\n\n            <a href=\"https:\/\/moriahcompany.com.co\/#contacto\" class=\"moriah-footer-cta-button\">\n                <span>Creemos una experiencia<\/span>\n                <span class=\"moriah-footer-arrow\">\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =========================================\n             BARRA INFERIOR\n             ========================================= -->\n\n        <div class=\"moriah-footer-bottom\">\n\n            <p class=\"moriah-footer-copy\">\n                \u00a9 2026 Moriah Company \u2014 Todos los derechos reservados\n            <\/p>\n\n            <div class=\"moriah-footer-bottom-links\">\n\n                <a href=\"https:\/\/www.instagram.com\/moriahcompany\/\">\n                    Instagram\n                <\/a>\n\n                <a href=\"https:\/\/web.facebook.com\/pirotecniamoriahcompany\/?_rdc=1&amp;_rdr#\">\n                    Facebook\n                <\/a>\n\n                <a href=\"https:\/\/www.youtube.com\/@MORIAHCOMPANY\">\n                    Youtube\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n\n\n<\/footer>\n\n\n\n<a href=\"https:\/\/wa.me\/573176433556?text=Hola%2C%20quiero%20m\u00e1s%20informaci\u00f3n\" target=\"_blank\" style=\"\n      position:fixed;\n      right:20px;\n      bottom:20px;\n      width:55px;\n      height:55px;\n      background:#25D366;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      z-index:99999;\n      box-shadow:0 4px 12px rgba(0,0,0,.3);\n      text-decoration:none;\n   \">\n\n   <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"white\">\n      <path d=\"M16 3C8.8 3 3 8.8 3 16c0 2.3.6 4.5 1.8 6.5L3 29l6.7-1.8C11.6 28.4 13.8 29 16 29c7.2 0 13-5.8 13-13S23.2 3 16 3zm0 23.5c-2 0-4-.5-5.7-1.5l-.4-.2-4 1.1 1.1-3.9-.3-.4A10.5 10.5 0 1 1 16 26.5zm5.8-7.8c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-1 1.2-.2.2-.4.2-.7.1-.3-.2-1.3-.5-2.4-1.5-.9-.8-1.5-1.7-1.7-2-.2-.3 0-.5.1-.6.1-.1.3-.4.5-.6.2-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.1-.7-1.7-.9-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1.1 1.1-1.1 2.7s1.1 3.1 1.2 3.3c.2.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.8.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z\"><\/path>\n   <\/svg>\n\n<\/a>\n\n\n\n<style data-wp-block-html=\"css\">\n.wp-block-template-part {\n    display: none !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Nosotros Experiencias Servicios Video Mapping Experiencias Interactivas Experiencias Inmersivas Alquiler de equipos Pirotecnia Portafolio Creemos una experiencia \u2192 El cielo es nuestro escenario Dise\u00f1amos y producimos espect\u00e1culos pirot\u00e9cnicos capaces de transformar una celebraci\u00f3n en un momento extraordinario. Integramos dise\u00f1o, sincronizaci\u00f3n, m\u00fasica, iluminaci\u00f3n y efectos especiales para crear espect\u00e1culos que convierten el cielo en parte de [&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-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/112","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=112"}],"version-history":[{"count":38,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}