{"id":77,"date":"2026-08-28T20:11:23","date_gmt":"2026-08-28T20:11:23","guid":{"rendered":"https:\/\/moriahcompany.com.co\/?page_id=77"},"modified":"2026-09-28T17:58:49","modified_gmt":"2026-09-28T17:58:49","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/moriahcompany.com.co\/?page_id=77","title":{"rendered":"Nosotros"},"content":{"rendered":"\nNosotros\n\n\n\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.experience-intro {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 70px;\n    align-items: center;\n    padding: 100px 60px;\n    box-sizing: border-box;\n    background: #000000;\n    color: #ffffff;\n}\n\n.experience-intro-image {\n    width: 100%;\n    height: 520px;\n    overflow: hidden;\n    position: relative;\n}\n\n.experience-intro-image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.experience-intro-image:hover img {\n    transform: scale(1.04);\n}\n\n.experience-intro-text {\n    width: 100%;\n    max-width: 650px;\n}\n\n.experience-intro-text h1 {\n    margin: 0 0 30px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(42px, 5vw, 82px);\n    line-height: 0.95;\n    font-weight: 400;\n    letter-spacing: -3px;\n    color: #ffffff;\n}\n\n.experience-intro-text h1 span {\n    color: #ffd75a;\n}\n\n.experience-intro-text p {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(17px, 1.5vw, 23px);\n    line-height: 1.6;\n    font-weight: 400;\n    color: rgba(255,255,255,0.78);\n text-align: justify;\n}\n\n@media (max-width: 900px) {\n    .experience-intro {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 80px 35px;\n    }\n\n    .experience-intro-image {\n        height: 420px;\n    }\n\n    .experience-intro-text {\n        max-width: 100%;\n    }\n}\n\n@media (max-width: 600px) {\n    .experience-intro {\n        padding: 60px 25px;\n        gap: 35px;\n    }\n\n    .experience-intro-image {\n        height: 300px;\n    }\n\n    .experience-intro-text h1 {\n        font-size: 42px;\n        letter-spacing: -2px;\n        margin-bottom: 25px;\n    }\n\n    .experience-intro-text p {\n        font-size: 17px;\n        line-height: 1.55;\n    }\n}\n<\/style>\n\n<section class=\"experience-intro\">\n\n    <div class=\"experience-intro-image\">\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/1-BACKING-DE-FOTOS-TRINEO-Y-SANTA-scaled.jpg\"Experiencia Moriah Company\">\n    <\/div>\n\n    <div class=\"experience-intro-text\">\n\n        <h1>\n            LA EXPERIENCIA\n            <span><br>\u00a1SE DEMUESTRA!<\/span>\n        <\/h1>\n\n        <p>\n            Hemos trabajado junto a diferentes alcald\u00edas y entidades\n            territoriales, desarrollando proyectos que integran\n            iluminaci\u00f3n, tecnolog\u00eda, creatividad y entretenimiento\n            para transformar espacios p\u00fablicos en experiencias que\n            conectan con las comunidades. Cada proyecto nace de\n            comprender el territorio, sus necesidades y su identidad,\n            para crear propuestas que no solo sorprenden, sino que\n            generan momentos memorables y fortalecen la relaci\u00f3n\n            entre las ciudades y quienes las habitan.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-nosotros-fila-1 {\n    width: 100%;\n    min-height: 650px;\n    background: #000;\n    color: #fff;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-1 * {\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-1-texto {\n    padding: 80px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-right: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-1-etiqueta {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin-bottom: 35px;\n}\n\n.moriah-nosotros-fila-1-titulo {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(48px, 6vw, 95px);\n    line-height: 0.9;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-nosotros-fila-1-titulo span {\n    display: block;\n}\n\n.moriah-nosotros-fila-1-descripcion {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.65);\n text-align: justify;\n}\n\n.moriah-nosotros-fila-1-galeria {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    min-height: 650px;\n}\n\n.moriah-nosotros-fila-1-imagen {\n    position: relative;\n    overflow: hidden;\n    border-right: 1px solid rgba(255,255,255,0.15);\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-1-imagen:nth-child(2),\n.moriah-nosotros-fila-1-imagen:nth-child(4) {\n    border-right: none;\n}\n\n.moriah-nosotros-fila-1-imagen:nth-child(3),\n.moriah-nosotros-fila-1-imagen:nth-child(4) {\n    border-bottom: none;\n}\n\n.moriah-nosotros-fila-1-imagen img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.65;\n    transform: scale(1);\n    transition:\n        transform 0.7s cubic-bezier(.2,.7,.2,1),\n        filter 0.7s ease,\n        opacity 0.7s ease;\n}\n\n.moriah-nosotros-fila-1-imagen:hover img {\n    transform: scale(1.08);\n    filter: grayscale(0%);\n    opacity: 1;\n}\n\n.moriah-nosotros-fila-1-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,0.15);\n    transition: background 0.5s ease;\n    pointer-events: none;\n}\n\n.moriah-nosotros-fila-1-imagen:hover .moriah-nosotros-fila-1-overlay {\n    background: rgba(0,0,0,0);\n}\n\n.moriah-nosotros-fila-1-numero {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    color: rgba(255,255,255,0.7);\n    z-index: 2;\n}\n\n@media (max-width: 900px) {\n\n    .moriah-nosotros-fila-1 {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-nosotros-fila-1-texto {\n        min-height: 500px;\n        padding: 70px 35px;\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .moriah-nosotros-fila-1-galeria {\n        min-height: 600px;\n    }\n\n    .moriah-nosotros-fila-1-titulo {\n        font-size: clamp(50px, 12vw, 80px);\n    }\n}\n\n@media (max-width: 600px) {\n\n    .moriah-nosotros-fila-1-texto {\n        min-height: 430px;\n        padding: 55px 25px;\n    }\n\n    .moriah-nosotros-fila-1-galeria {\n        grid-template-columns: 1fr 1fr;\n        min-height: 450px;\n    }\n\n    .moriah-nosotros-fila-1-titulo {\n        font-size: 48px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-nosotros-fila-1-descripcion {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-nosotros-fila-1\">\n\n    <div class=\"moriah-nosotros-fila-1-texto\">\n\n\n        <h1 class=\"moriah-nosotros-fila-1-titulo\">\n            <span>CONTRUYE<\/span>\n            <span>LAS IDEAS<\/span>\n        <\/h1>\n\n        <p class=\"moriah-nosotros-fila-1-descripcion\">\n            Somos una compa\u00f1\u00eda que transforma ideas en experiencias.\n            Integramos creatividad, tecnolog\u00eda y producci\u00f3n para crear\n            proyectos que conectan con las personas.\n        <\/p>\n\n        <div class=\"moriah-nosotros-fila-2-linea\"><\/div>\n    <\/div>\n\n    <div class=\"moriah-nosotros-fila-1-galeria\">\n\n        <div class=\"moriah-nosotros-fila-1-imagen\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/3-MANTO-LUMINOSO-CON-LLUVIA-DE-LUCES-LED-scaled.jpg\" experiencia=\"\" creativa\"=\"\">\n            <div class=\"moriah-nosotros-fila-1-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-1-imagen\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/1-ESCENA-CHRISTMAS-TRUCK-scaled.jpg\" producci\u00f3n=\"\" audiovisual\"=\"\">\n            <div class=\"moriah-nosotros-fila-1-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-1-imagen\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/1-ESCENA-MONO-CON-CINTA-HACIA-ABAJO-2D-Y-MUNECOS-ZANQUEROS-scaled.jpg\" tecnolog\u00eda=\"\" y=\"\" eventos\"=\"\">\n            <div class=\"moriah-nosotros-fila-1-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-1-imagen\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/ESCENA-CON-ARBOLES-DE-CONOS-CON-4-ANILLOS-PINGUINO-SANTA-OSO-BASTONES-Y-HONGOS-scaled.jpg\" experiencias=\"\" inmersivas\"=\"\">\n            <div class=\"moriah-nosotros-fila-1-overlay\"><\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-nosotros-fila-2 {\n    width: 100%;\n    min-height: 620px;\n    background: #000000;\n    color: #ffffff;\n    display: grid;\n    grid-template-columns: 58% 42%;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-2 * {\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-2-galeria {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    min-height: 620px;\n    order: 1;\n}\n\n.moriah-nosotros-fila-2-imagen {\n    position: relative;\n    overflow: hidden;\n    border-right: 1px solid rgba(255,255,255,0.15);\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-2-imagen:nth-child(2),\n.moriah-nosotros-fila-2-imagen:nth-child(4) {\n    border-right: none;\n}\n\n.moriah-nosotros-fila-2-imagen:nth-child(3),\n.moriah-nosotros-fila-2-imagen:nth-child(4) {\n    border-bottom: none;\n}\n\n.moriah-nosotros-fila-2-imagen img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.65;\n    transform: scale(1);\n    transition:\n        transform 0.7s cubic-bezier(.2,.7,.2,1),\n        filter 0.7s ease,\n        opacity 0.7s ease;\n}\n\n.moriah-nosotros-fila-2-imagen:hover img {\n    transform: scale(1.08);\n    filter: grayscale(0%);\n    opacity: 1;\n}\n\n.moriah-nosotros-fila-2-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,0.18);\n    transition: background 0.5s ease;\n    pointer-events: none;\n}\n\n.moriah-nosotros-fila-2-imagen:hover .moriah-nosotros-fila-2-overlay {\n    background: rgba(0,0,0,0);\n}\n\n.moriah-nosotros-fila-2-numero {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 2px;\n    color: rgba(255,255,255,0.7);\n    z-index: 2;\n}\n\n.moriah-nosotros-fila-2-contenido {\n    order: 2;\n    padding: 80px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-left: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-2-etiqueta {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin-bottom: 35px;\n}\n\n.moriah-nosotros-fila-2-titulo {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(45px, 5.5vw, 82px);\n    line-height: 0.92;\n    font-weight: 400;\n    letter-spacing: -3px;\n    text-transform: uppercase;\n}\n\n.moriah-nosotros-fila-2-titulo span {\n    display: block;\n}\n\n.moriah-nosotros-fila-2-texto {\n    max-width: 480px;\n    margin: 40px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.75;\n    color: rgba(255,255,255,0.65);\n text-align: justify;\n}\n\n.moriah-nosotros-fila-2-linea {\n    width: 70px;\n    height: 2px;\n    background: #ffd75a;\n    margin-top: 40px;\n}\n\n@media (max-width: 900px) {\n\n    .moriah-nosotros-fila-2 {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-nosotros-fila-2-contenido {\n        order: 1;\n        min-height: 500px;\n        padding: 70px 35px;\n        border-left: none;\n        border-bottom: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .moriah-nosotros-fila-2-galeria {\n        order: 2;\n        min-height: 600px;\n    }\n\n    .moriah-nosotros-fila-2-titulo {\n        font-size: clamp(50px, 11vw, 80px);\n    }\n}\n\n@media (max-width: 600px) {\n\n    .moriah-nosotros-fila-2-contenido {\n        min-height: 450px;\n        padding: 55px 25px;\n    }\n\n    .moriah-nosotros-fila-2-galeria {\n        min-height: 450px;\n    }\n\n    .moriah-nosotros-fila-2-titulo {\n        font-size: 48px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-nosotros-fila-2-texto {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-nosotros-fila-2\">\n\n    <div class=\"moriah-nosotros-fila-2-galeria\">\n\n        <div class=\"moriah-nosotros-fila-2-imagen\">\n\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/2-FIGURA-VOLUMETRICA-BACKING-DE-FOTOS-CORAZON-CON-MONO-3D-scaled.jpg\" producci\u00f3n=\"\" de=\"\" eventos\"=\"\">\n            <div class=\"moriah-nosotros-fila-2-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-2-imagen\">\n\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/2-ESCENA-ANIMATRONICA-FABRICA-DE-JUGUETES-DE-SANTA-DE-8-MTS-DE-LONGITUD-X-5-MTS-DE-ANCHO-APROXIMADAMENTE-CON-ARBOLES-DE-CONOS-CON-2-Y-4-ANILLOS.png\" experiencias\"=\"\">\n            <div class=\"moriah-nosotros-fila-2-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-2-imagen\">\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/CAMPANA-COLUMPIO-BACKING-DE-FOTOS.jpeg\" tecnolog\u00eda=\"\" audiovisual\"=\"\">\n            <div class=\"moriah-nosotros-fila-2-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-2-imagen\">\n\n            <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/MUNECO-DE-NIEVE-GUITARRISTA.png\" montaje=\"\" audiovisual\"=\"\">\n            <div class=\"moriah-nosotros-fila-2-overlay\"><\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"moriah-nosotros-fila-2-contenido\">\n\n        <h2 class=\"moriah-nosotros-fila-2-titulo\">\n            <span>Dise\u00f1amos<\/span>\n            <span>EMOCIONES<\/span>\n        <\/h2>\n\n        <p class=\"moriah-nosotros-fila-2-texto\">\n            Combinamos dise\u00f1o, tecnolog\u00eda, producci\u00f3n y entretenimiento\n            para construir experiencias capaces de sorprender, conectar\n            y permanecer en la memoria.\n        <\/p>\n\n        <div class=\"moriah-nosotros-fila-2-linea\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-nosotros-fila-3 {\n    width: 100%;\n    min-height: 650px;\n    background: #000000;\n    color: #ffffff;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    overflow: hidden;\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-3 * {\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-3-contenido {\n    padding: 80px 70px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-right: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-3-etiqueta {\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin-bottom: 35px;\n}\n\n.moriah-nosotros-fila-3-titulo {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(48px, 6vw, 90px);\n    line-height: 0.9;\n    font-weight: 400;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n}\n\n.moriah-nosotros-fila-3-titulo span {\n    display: block;\n}\n\n.moriah-nosotros-fila-3-texto {\n    max-width: 500px;\n    margin: 45px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.75;\n    color: rgba(255,255,255,0.65);\n text-align: justify;\n}\n\n.moriah-nosotros-fila-3-lista {\n    margin-top: 40px;\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-nosotros-fila-3-item {\n    padding: 18px 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.7);\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-3-item:nth-child(odd) {\n    margin-right: 20px;\n}\n\n.moriah-nosotros-fila-3-item:nth-child(even) {\n    padding-left: 20px;\n    border-left: 1px solid rgba(255,255,255,0.15);\n}\n\n.moriah-nosotros-fila-3-visual {\n    position: relative;\n    min-height: 650px;\n    overflow: hidden;\n}\n\n.moriah-nosotros-fila-3-visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    filter: grayscale(100%);\n    opacity: 0.72;\n    transition:\n        transform 0.8s cubic-bezier(.2,.7,.2,1),\n        filter 0.8s ease,\n        opacity 0.8s ease;\n}\n\n.moriah-nosotros-fila-3-visual:hover img {\n    transform: scale(1.06);\n    filter: grayscale(0%);\n    opacity: 1;\n}\n\n.moriah-nosotros-fila-3-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        90deg,\n        rgba(0,0,0,0.45),\n        transparent 50%\n    );\n    pointer-events: none;\n}\n\n.moriah-nosotros-fila-3-frase {\n    position: absolute;\n    left: 45px;\n    bottom: 40px;\n    max-width: 500px;\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: #ffffff;\n}\n\n.moriah-nosotros-fila-3-numero {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 10px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.65);\n    z-index: 2;\n}\n\n.moriah-nosotros-fila-3-linea {\n    width: 70px;\n    height: 2px;\n    background: #ffd75a;\n    margin-top: 35px;\n}\n\n@media (max-width: 900px) {\n\n    .moriah-nosotros-fila-3 {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-nosotros-fila-3-contenido {\n        min-height: 600px;\n        padding: 70px 35px;\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.15);\n    }\n\n    .moriah-nosotros-fila-3-visual {\n        min-height: 550px;\n    }\n}\n\n@media (max-width: 600px) {\n\n    .moriah-nosotros-fila-3-contenido {\n        min-height: 560px;\n        padding: 55px 25px;\n    }\n\n    .moriah-nosotros-fila-3-titulo {\n        font-size: 50px;\n        letter-spacing: -2px;\n    }\n\n    .moriah-nosotros-fila-3-texto {\n        font-size: 14px;\n        margin-top: 30px;\n    }\n\n    .moriah-nosotros-fila-3-lista {\n        grid-template-columns: 1fr;\n    }\n\n    .moriah-nosotros-fila-3-item:nth-child(odd) {\n        margin-right: 0;\n    }\n\n    .moriah-nosotros-fila-3-item:nth-child(even) {\n        padding-left: 0;\n        border-left: none;\n    }\n\n    .moriah-nosotros-fila-3-visual {\n        min-height: 450px;\n    }\n\n    .moriah-nosotros-fila-3-frase {\n        left: 25px;\n        right: 25px;\n        bottom: 30px;\n        font-size: 32px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-nosotros-fila-3\">\n\n    <div class=\"moriah-nosotros-fila-3-contenido\">\n\n        <h2 class=\"moriah-nosotros-fila-3-titulo\">\n            <span>CREAMOS<\/span>\n            <span>PROYECTOS.<\/span>\n        <\/h2>\n\n        <p class=\"moriah-nosotros-fila-3-texto\">\n            Cada proyecto nace de una idea y se convierte en una experiencia\n            dise\u00f1ada para generar emociones, interacci\u00f3n y recordaci\u00f3n.\n        <\/p>\n\n        <div class=\"moriah-nosotros-fila-3-lista\">\n\n            <div class=\"moriah-nosotros-fila-3-item\">\n                Creatividad\n            <\/div>\n\n            <div class=\"moriah-nosotros-fila-3-item\">\n                Innovaci\u00f3n\n            <\/div>\n\n            <div class=\"moriah-nosotros-fila-3-item\">\n                Tecnolog\u00eda\n            <\/div>\n\n            <div class=\"moriah-nosotros-fila-3-item\">\n                Experiencia\n            <\/div>\n\n        <\/div>\n\n        <div class=\"moriah-nosotros-fila-3-linea\"><\/div>\n\n    <\/div>\n\n    <div class=\"moriah-nosotros-fila-3-visual\">\n\n\n        <img decoding=\"async\" src=\"https:\/\/moriahcompany.com.co\/wp-content\/uploads\/2026\/09\/2-ARCO-POLIGONAL-CON-FIGURA-2D-ESFERA-FREWORKS-Y-CAJA-DE-REGALO-SORPRESA-SOMBRERO-ARLEQUIN-scaled.jpg\"Experiencia Moriah\">\n\n        <div class=\"moriah-nosotros-fila-3-overlay\"><\/div>\n\n        <div class=\"moriah-nosotros-fila-3-frase\">\n            Ideas que se convierten en experiencias.\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n.moriah-nosotros-fila-4 {\n    width: 100%;\n    min-height: 720px;\n    position: relative;\n    overflow: hidden;\n    background: #000000;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-4 *,\n.moriah-nosotros-fila-4 *::before,\n.moriah-nosotros-fila-4 *::after {\n    box-sizing: border-box;\n}\n\n.moriah-nosotros-fila-4-canvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n}\n\n.moriah-nosotros-fila-4-grid {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 80px 80px;\n    mask-image: radial-gradient(circle at center, black 0%, transparent 75%);\n    -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 75%);\n}\n\n.moriah-nosotros-fila-4-contenido {\n    position: relative;\n    z-index: 5;\n    width: min(1250px, calc(100% - 60px));\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.moriah-nosotros-fila-4-etiqueta {\n    margin-bottom: 42px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.48);\n}\n\n.moriah-nosotros-fila-4-titulo {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(58px, 9vw, 145px);\n    line-height: 0.84;\n    font-weight: 400;\n    letter-spacing: -7px;\n    text-transform: uppercase;\n}\n\n.moriah-nosotros-fila-4-palabra {\n    display: block;\n    color: #ffffff;\n    transition:\n        color 0.35s ease,\n        text-shadow 0.35s ease,\n        transform 0.35s ease;\n}\n\n.moriah-nosotros-fila-4-palabra:hover {\n    color: #ffd75a;\n    text-shadow:\n        0 0 10px rgba(255,215,90,0.7),\n        0 0 35px rgba(255,215,90,0.35),\n        0 0 70px rgba(255,215,90,0.15);\n    transform: translateY(-3px);\n}\n\n.moriah-nosotros-fila-4-texto {\n    max-width: 650px;\n    margin: 48px 0 0;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.8;\n    font-weight: 400;\n    color: rgba(255,255,255,0.62);\n}\n\n.moriah-nosotros-fila-4-boton {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    margin-top: 48px;\n    padding: 17px 28px;\n    color: #050505;\n    background: #ffd75a;\n    border: 1px solid #ffd75a;\n    text-decoration: none !important;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    overflow: hidden;\n    transition:\n        color 0.35s ease,\n        background 0.35s ease,\n        transform 0.35s ease;\n}\n\n.moriah-nosotros-fila-4-boton::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-nosotros-fila-4-boton span {\n    position: relative;\n    z-index: 2;\n}\n\n.moriah-nosotros-fila-4-boton:hover {\n    color: #000000;\n    background: #ffffff;\n    transform: translateY(-4px);\n}\n\n.moriah-nosotros-fila-4-boton:hover::before {\n    transform: translateX(0);\n}\n\n.moriah-nosotros-fila-4-flecha {\n    font-size: 17px;\n    line-height: 1;\n    transition: transform 0.35s ease;\n}\n\n.moriah-nosotros-fila-4-boton:hover .moriah-nosotros-fila-4-flecha {\n    transform: translateX(5px);\n}\n\n.moriah-nosotros-fila-4-linea {\n    position: absolute;\n    bottom: 50px;\n    left: 50%;\n    width: 1px;\n    height: 55px;\n    background: linear-gradient(\n        to bottom,\n        rgba(255,215,90,0),\n        #ffd75a\n    );\n    transform: translateX(-50%);\n    z-index: 5;\n}\n\n.moriah-nosotros-fila-4-coordenadas {\n    position: absolute;\n    left: 30px;\n    bottom: 30px;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    letter-spacing: 2px;\n    color: rgba(255,255,255,0.28);\n    z-index: 5;\n}\n\n.moriah-nosotros-fila-4-numero {\n    position: absolute;\n    right: 30px;\n    top: 30px;\n    font-family: \"IBM Plex Mono\", monospace;\n    font-size: 9px;\n    letter-spacing: 3px;\n    color: rgba(255,255,255,0.28);\n    z-index: 5;\n}\n\n.moriah-nosotros-fila-4-orbita {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: min(700px, 80vw);\n    height: min(700px, 80vw);\n    border: 1px solid rgba(255,215,90,0.06);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    pointer-events: none;\n}\n\n.moriah-nosotros-fila-4-orbita::before {\n    content: \"\";\n    position: absolute;\n    inset: 14%;\n    border: 1px solid rgba(255,255,255,0.035);\n    border-radius: 50%;\n}\n\n.moriah-nosotros-fila-4-orbita::after {\n    content: \"\";\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    top: 8%;\n    left: 50%;\n    border-radius: 50%;\n    background: #ffd75a;\n    box-shadow:\n        0 0 10px rgba(255,215,90,0.8),\n        0 0 25px rgba(255,215,90,0.4);\n    animation: moriahOrbit 9s linear infinite;\n    transform-origin: 0 305px;\n}\n\n@keyframes moriahOrbit {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (max-width: 900px) {\n    .moriah-nosotros-fila-4 {\n        min-height: 650px;\n    }\n\n    .moriah-nosotros-fila-4-titulo {\n        font-size: clamp(52px, 12vw, 95px);\n        letter-spacing: -4px;\n    }\n\n    .moriah-nosotros-fila-4-texto {\n        font-size: 15px;\n        max-width: 560px;\n    }\n}\n\n@media (max-width: 600px) {\n    .moriah-nosotros-fila-4 {\n        min-height: 620px;\n    }\n\n    .moriah-nosotros-fila-4-contenido {\n        width: calc(100% - 40px);\n    }\n\n    .moriah-nosotros-fila-4-etiqueta {\n        font-size: 9px;\n        letter-spacing: 3px;\n        margin-bottom: 30px;\n    }\n\n    .moriah-nosotros-fila-4-titulo {\n        font-size: 50px;\n        line-height: 0.88;\n        letter-spacing: -2px;\n    }\n\n    .moriah-nosotros-fila-4-texto {\n        margin-top: 35px;\n        font-size: 14px;\n        line-height: 1.65;\n    }\n\n    .moriah-nosotros-fila-4-boton {\n        margin-top: 35px;\n        padding: 15px 22px;\n        font-size: 10px;\n    }\n\n    .moriah-nosotros-fila-4-coordenadas {\n        left: 15px;\n        bottom: 18px;\n        font-size: 8px;\n    }\n\n    .moriah-nosotros-fila-4-numero {\n        right: 15px;\n        top: 18px;\n        font-size: 8px;\n    }\n\n    .moriah-nosotros-fila-4-linea {\n        bottom: 20px;\n        height: 35px;\n    }\n\n    .moriah-nosotros-fila-4-orbita {\n        width: 500px;\n        height: 500px;\n    }\n\n    .moriah-nosotros-fila-4-orbita::after {\n        transform-origin: 0 215px;\n    }\n}\n<\/style>\n\n<section class=\"moriah-nosotros-fila-4\">\n\n    <canvas class=\"moriah-nosotros-fila-4-canvas\"><\/canvas>\n\n    <div class=\"moriah-nosotros-fila-4-grid\"><\/div>\n\n    <div class=\"moriah-nosotros-fila-4-orbita\"><\/div>\n\n    <div class=\"moriah-nosotros-fila-4-contenido\">\n\n        <h2 class=\"moriah-nosotros-fila-4-titulo\">\n            <span class=\"moriah-nosotros-fila-4-palabra\">Hagamos<\/span>\n            <span class=\"moriah-nosotros-fila-4-palabra\">Algo que<\/span>\n            <span class=\"moriah-nosotros-fila-4-palabra\">Trascienda<\/span>\n        <\/h2>\n\n        <p class=\"moriah-nosotros-fila-4-texto\">\n            Una idea puede convertirse en una experiencia capaz de transformar\n            un espacio, conectar con las personas y permanecer en la memoria.\n            Cu\u00e9ntanos qu\u00e9 imaginas y construyamos juntos algo extraordinario.\n        <\/p>\n\n        <a href=\"https:\/\/moriahcompany.com.co\/#contacto\" class=\"moriah-nosotros-fila-4-boton\">\n            <span>Creemos una experiencia<\/span>\n            <span class=\"moriah-nosotros-fila-4-flecha\">\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"moriah-nosotros-fila-4-linea\"><\/div>\n\n<\/section>\n\n<script>\n(function () {\n    const section = document.querySelector(\".moriah-nosotros-fila-4\");\n    const canvas = section.querySelector(\".moriah-nosotros-fila-4-canvas\");\n    const ctx = canvas.getContext(\"2d\");\n\n    let particles = [];\n    let width = 0;\n    let height = 0;\n    let mouseX = 0;\n    let mouseY = 0;\n    let targetMouseX = 0;\n    let targetMouseY = 0;\n\n    function resize() {\n        const rect = section.getBoundingClientRect();\n        width = rect.width;\n        height = rect.height;\n\n        const ratio = Math.min(window.devicePixelRatio || 1, 2);\n\n        canvas.width = width * ratio;\n        canvas.height = height * ratio;\n        canvas.style.width = width + \"px\";\n        canvas.style.height = height + \"px\";\n\n        ctx.setTransform(ratio, 0, 0, ratio, 0, 0);\n\n        createParticles();\n    }\n\n    function createParticles() {\n        const amount = Math.min(\n            130,\n            Math.max(55, Math.floor((width * height) \/ 10500))\n        );\n\n        particles = [];\n\n        for (let i = 0; i < amount; i++) {\n            particles.push({\n                x: Math.random() * width,\n                y: Math.random() * height,\n                size: Math.random() * 1.5 + 0.4,\n                speedX: (Math.random() - 0.5) * 0.18,\n                speedY: (Math.random() - 0.5) * 0.18,\n                alpha: Math.random() * 0.45 + 0.08,\n                phase: Math.random() * Math.PI * 2\n            });\n        }\n    }\n\n    function draw() {\n        ctx.clearRect(0, 0, width, height);\n\n        mouseX += (targetMouseX - mouseX) * 0.04;\n        mouseY += (targetMouseY - mouseY) * 0.04;\n\n        particles.forEach(function (particle) {\n\n            particle.x += particle.speedX;\n            particle.y += particle.speedY;\n\n            if (particle.x < -10) particle.x = width + 10;\n            if (particle.x > width + 10) particle.x = -10;\n            if (particle.y < -10) particle.y = height + 10;\n            if (particle.y > height + 10) particle.y = -10;\n\n            const dx = mouseX - particle.x;\n            const dy = mouseY - particle.y;\n            const distance = Math.sqrt(dx * dx + dy * dy);\n\n            let influence = 0;\n\n            if (distance < 180) {\n                influence = (1 - distance \/ 180) * 20;\n            }\n\n            const px = particle.x + (dx \/ Math.max(distance, 1)) * influence;\n            const py = particle.y + (dy \/ Math.max(distance, 1)) * influence;\n\n            const pulse =\n                particle.alpha +\n                Math.sin(Date.now() * 0.0015 + particle.phase) * 0.06;\n\n            ctx.beginPath();\n            ctx.arc(px, py, particle.size, 0, Math.PI * 2);\n            ctx.fillStyle = \"rgba(255,215,90,\" + Math.max(0.03, pulse) + \")\";\n            ctx.fill();\n\n            if (distance < 135) {\n                ctx.beginPath();\n                ctx.moveTo(px, py);\n                ctx.lineTo(mouseX, mouseY);\n\n                ctx.strokeStyle =\n                    \"rgba(255,215,90,\" +\n                    ((1 - distance \/ 135) * 0.08) +\n                    \")\";\n\n                ctx.lineWidth = 0.5;\n                ctx.stroke();\n            }\n        });\n\n        requestAnimationFrame(draw);\n    }\n\n    section.addEventListener(\"mousemove\", function (event) {\n        const rect = section.getBoundingClientRect();\n\n        targetMouseX = event.clientX - rect.left;\n        targetMouseY = event.clientY - rect.top;\n    });\n\n    section.addEventListener(\"mouseleave\", function () {\n        targetMouseX = width \/ 2;\n        targetMouseY = height \/ 2;\n    });\n\n    window.addEventListener(\"resize\", resize);\n\n    resize();\n\n    targetMouseX = width \/ 2;\n    targetMouseY = height \/ 2;\n\n    draw();\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\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nosotros Nosotros Experiencias Servicios Video Mapping Experiencias Interactivas Experiencias Inmersivas Alquiler de equipos Pirotecnia Portafolio Creemos una experiencia \u2192 Ideas que se convierten en experiencias. Hagamos Algo que Trascienda Una idea puede convertirse en una experiencia capaz de transformar un espacio, conectar con las personas y permanecer en la memoria. Cu\u00e9ntanos qu\u00e9 imaginas y construyamos [&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-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":39,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/moriahcompany.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}