{"id":17745,"date":"2026-02-11T16:55:34","date_gmt":"2026-02-11T16:55:34","guid":{"rendered":"https:\/\/www.malaidea.vip\/?page_id=17745"},"modified":"2026-02-11T18:01:08","modified_gmt":"2026-02-11T18:01:08","slug":"elementor-17745","status":"publish","type":"page","link":"https:\/\/www.malaidea.vip\/","title":{"rendered":"Hey"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17745\" class=\"elementor elementor-17745\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a60e53 e-con-full e-flex e-con e-parent\" data-id=\"8a60e53\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8eb91 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8f8eb91\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- FONTS --- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;600;800&display=swap');\n\n    \/* --- VARIABLES --- *\/\n    .mi-wrapper {\n        --bg-deep: #050505;\n        --bg-panel: rgba(20, 20, 20, 0.95); \n        --text-main: #FFFFFF;\n        --text-muted: #9CA3AF; \n        --text-dim: #52525B;   \n        --accent-purple: #C084FC; \n        --accent-blue: #60A5FA;\n        --accent-green: #4ADE80;\n        --border-light: rgba(255, 255, 255, 0.15);\n        --font-main: 'Inter', sans-serif;\n        --font-mono: 'JetBrains Mono', monospace;\n        \n        background-color: var(--bg-deep) !important;\n        background-image: radial-gradient(circle at 10% 20%, #1a0b2e 0%, transparent 40%), \n                          radial-gradient(circle at 90% 80%, #0f172a 0%, transparent 40%);\n        color: var(--text-main) !important;\n        font-family: var(--font-main);\n        line-height: 1.6;\n        width: 100%;\n        position: relative;\n        overflow-x: hidden;\n    }\n\n    .mi-wrapper * { \n        box-sizing: border-box; \n        -webkit-font-smoothing: antialiased;\n        transition: all 0.2s ease-out;\n    }\n    \n    .mi-wrapper a { text-decoration: none; color: inherit; }\n\n    \/* --- CONTENEDOR LIMITADO --- *\/\n    .mi-container {\n        max-width: 1200px; \n        margin: 0 auto; \n        padding: 0 24px; \n        position: relative; \n        z-index: 10;\n    }\n\n    \/* --- SECCIONES FULL WIDTH --- *\/\n    .mi-section-full {\n        width: 100%;\n        position: relative;\n        left: 0;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n    }\n\n    \/* --- NAVBAR --- *\/\n    .mi-nav {\n        padding: 30px 0; display: flex; justify-content: space-between; align-items: center;\n        border-bottom: 1px solid var(--border-light); margin-bottom: 80px;\n    }\n    .mi-logo { font-family: var(--font-mono); font-weight: 700; font-size: 1.2rem; color: #fff !important; letter-spacing: -0.5px; }\n    .mi-status { \n        font-family: var(--font-mono); font-size: 0.75rem; color: #fff; \n        background: rgba(255,255,255,0.05); padding: 6px 14px;\n        border-radius: 50px; border: 1px solid var(--border-light);\n        display: flex; align-items: center; gap: 8px;\n    }\n    .mi-dot { width: 6px; height: 6px; background: var(--accent-green); border-radius: 50%; animation: blink 2s infinite; }\n    @keyframes blink { 50% { opacity: 0.4; } }\n\n    \/* --- HERO --- *\/\n    .mi-hero { text-align: center; margin-bottom: 100px; padding-top: 40px; }\n    .mi-hero h1 {\n        font-size: clamp(3rem, 7vw, 6rem); font-weight: 800; line-height: 1.1; margin: 0 0 30px 0;\n        color: #fff !important; letter-spacing: -3px;\n    }\n    .mi-scribble {\n        position: relative; display: inline-block; color: var(--accent-purple);\n    }\n    .mi-scribble::after {\n        content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 4px;\n        background: repeating-linear-gradient(90deg, var(--accent-purple) 0, var(--accent-purple) 5px, transparent 5px, transparent 10px);\n    }\n    .mi-hero p { font-size: 1.3rem; color: var(--text-muted); max-width: 650px; margin: 0 auto 60px; }\n\n    \/* --- CODE WINDOW --- *\/\n    .mi-code-window {\n        background: #0a0a0c; border: 1px solid var(--border-light); border-radius: 12px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.6); \n        max-width: 900px; margin: 0 auto;\n        text-align: left; overflow: hidden; position: relative;\n        animation: float 6s ease-in-out infinite; transform: translate3d(0,0,0);\n    }\n    @keyframes float { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(-10px);} }\n\n    .mi-win-head {\n        background: #151517; padding: 14px 20px; display: flex; gap: 8px; border-bottom: 1px solid var(--border-light);\n    }\n    .mi-w-dot { width: 10px; height: 10px; border-radius: 50%; background: #333; }\n    .mi-w-dot.r { background: #FF5F56; } .mi-w-dot.y { background: #FFBD2E; } .mi-w-dot.g { background: #27C93F; }\n    .mi-win-body { padding: 30px; font-family: var(--font-mono); font-size: 0.95rem; color: #a1a1aa; line-height: 1.8; }\n    .k { color: #cc7832; font-weight: 700; } .s { color: #6a8759; } .f { color: #ffc66d; } .c { color: #666; font-style: italic; } .v { color: #9876aa; }\n\n    \/* --- MARQUEE --- *\/\n    .mi-marquee-wrapper {\n        border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light);\n        background: rgba(255,255,255,0.02); padding: 30px 0; overflow: hidden; margin: 100px 0;\n        width: 100%;\n    }\n    .mi-marquee-track { \n        display: flex; gap: 80px; width: max-content; \n        animation: scroll 25s linear infinite; will-change: transform;\n    }\n    .mi-tech-item { font-size: 1.2rem; font-weight: 700; color: #fff !important; text-transform: uppercase; display: flex; gap: 10px; }\n    .mi-tech-item span { color: var(--accent-purple); }\n    @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n    \/* --- TEXT BLOCK --- *\/\n    .mi-text-block { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 120px; }\n    .mi-text-block h2 { font-size: 3rem; color: #fff; line-height: 1; margin-bottom: 20px; letter-spacing: -1px; }\n    .mi-text-block p { color: var(--text-muted); font-size: 1.1rem; margin-bottom: 20px; }\n    .mi-stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; }\n    \n    .mi-stat { padding: 20px; border: 1px solid transparent; border-radius: 8px; transition: transform 0.2s ease; }\n    .mi-stat:hover { background: rgba(255,255,255,0.03); transform: translateY(-3px); border-color: rgba(255,255,255,0.1); }\n    .mi-stat h4 { font-size: 2.5rem; font-weight: 800; color: #fff; margin: 0; line-height: 1; }\n    .mi-stat span { font-size: 0.8rem; color: #666; text-transform: uppercase; letter-spacing: 1px; }\n\n    \/* --- SELECTED DEPLOYMENTS --- *\/\n    .mi-projects-list { border-top: 1px solid var(--border-light); margin-bottom: 100px; width: 100%; }\n    \n    .mi-project-item {\n        display: grid; \n        grid-template-columns: 80px 1fr 150px; \n        padding: 40px 0;\n        border-bottom: 1px solid var(--border-light); cursor: pointer;\n        align-items: baseline;\n    }\n    .mi-project-item:hover { \n        background: rgba(255,255,255,0.05); \n        padding-left: 20px; padding-right: 20px;\n    }\n    .mi-project-item:hover .mi-pj-name { color: var(--accent-purple) !important; transform: translateX(10px); }\n    \n    .mi-pj-year { font-family: var(--font-mono); color: #555; font-size: 0.9rem; }\n    .mi-pj-name { font-size: 2rem; font-weight: 800; color: #fff; margin-bottom: 8px; display: block; transition: transform 0.2s ease, color 0.2s; letter-spacing: -1px; line-height: 1.1; }\n    .mi-pj-tech { font-family: var(--font-mono); font-size: 0.9rem; color: var(--text-muted); display: block; }\n    .mi-pj-loc { text-align: right; font-family: var(--font-mono); color: #666; font-size: 0.8rem; text-transform: uppercase; }\n\n    \/* --- METHODOLOGY --- *\/\n    .mi-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 80px 0; }\n    .mi-step-card {\n        background: var(--bg-panel); border: 1px solid var(--border-light); padding: 40px; border-radius: 16px;\n        transition: transform 0.2s ease, border-color 0.2s ease;\n    }\n    .mi-step-card:hover { transform: translateY(-8px); border-color: var(--accent-purple); }\n    \n    \/* FIX: NUMEROS M\u00c1S VISIBLES (Opacidad subida y brillo) *\/\n    .mi-step-num { \n        font-size: 3.5rem; \n        font-weight: 800; \n        color: rgba(255,255,255,0.15); \/* Antes 0.05 *\/\n        text-shadow: 0 0 20px rgba(255,255,255,0.1); \/* Brillo sutil *\/\n        margin-bottom: 20px; \n        display: block; \n    }\n    .mi-step-head { font-size: 1.4rem; font-weight: 700; color: #fff; margin-bottom: 10px; }\n    .mi-step-desc { font-size: 1rem; color: var(--text-muted); }\n\n    \/* --- CTA --- *\/\n    .mi-cta {\n        text-align: center; padding: 120px 0;\n        background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 60%);\n        border: 1px solid var(--border-light); border-radius: 20px; margin-bottom: 0;\n    }\n    \/* FIX: BOT\u00d3N M\u00c1S GRANDE Y ESPACIADO *\/\n    .mi-btn {\n        display: inline-flex; align-items: center; justify-content: center; gap: 12px; \/* Espacio Icono-Texto *\/\n        background: #fff; color: #000 !important;\n        padding: 24px 60px; \/* M\u00e1s padding *\/\n        border-radius: 100px; font-weight: 700; font-size: 1.1rem; margin-top: 40px;\n        transition: transform 0.2s ease;\n    }\n    .mi-btn:hover { transform: scale(1.05); background: #f0f0f0; }\n\n    \/* --- FOOTER --- *\/\n    .mi-footer-wrap {\n        width: 100%;\n        border-top: 1px solid var(--border-light); \n        background: #000; \n        padding: 60px 0;\n        margin-top: 0;\n    }\n    .mi-footer-inner {\n        max-width: 1200px; margin: 0 auto; padding: 0 24px;\n        display: flex; justify-content: space-between; align-items: center;\n    }\n    .mi-ft-text { color: #444; font-family: var(--font-mono); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 900px) {\n        .mi-text-block, .mi-steps { grid-template-columns: 1fr; gap: 40px; }\n        .mi-project-item { grid-template-columns: 1fr; gap: 10px; padding: 30px 0; }\n        .mi-pj-loc { text-align: left; margin-top: 10px; }\n        .mi-footer-inner { flex-direction: column; gap: 20px; text-align: center; }\n        .mi-hero h1 { font-size: 3rem; }\n    }\n<\/style>\n\n<div class=\"mi-wrapper\">\n    \n    <div class=\"mi-container\">\n        <nav class=\"mi-nav\">\n            <div class=\"mi-logo mono\">MALA_IDEA<span class=\"text-accent\">.vip<\/span><\/div>\n            <div class=\"mi-status\"><div class=\"mi-dot\"><\/div> SYSTEM ONLINE<\/div>\n        <\/nav>\n\n        <div class=\"mi-hero\">\n            <h1>Coding the <br><span class=\"mi-scribble\">Invisible Stage<\/span><\/h1>\n            <p>High-fidelity visual architecture for live environments. Zero friction. Zero errors. Pure show control.<\/p>\n            \n            <div class=\"mi-code-window\">\n                <div class=\"mi-win-head\">\n                    <div class=\"mi-w-dot r\"><\/div><div class=\"mi-w-dot y\"><\/div><div class=\"mi-w-dot g\"><\/div>\n                    <span style=\"margin-left:auto; color:#666; font-size:0.7rem;\">config.json<\/span>\n                <\/div>\n                <div class=\"mi-win-body\">\n                    <div><span class=\"k\">const<\/span> <span class=\"v\">project<\/span> = <span class=\"s\">\"Stadium_Tour_2026\"<\/span>;<\/div>\n                    <div><span class=\"k\">const<\/span> <span class=\"v\">engine<\/span> = <span class=\"s\">\"Unreal_Engine_5.4\"<\/span>;<\/div>\n                    <br>\n                    <div><span class=\"k\">function<\/span> <span class=\"f\">initShow<\/span>() {<\/div>\n                    <div style=\"padding-left:20px\"><span class=\"v\">Light_Sync<\/span>.<span class=\"f\">enable<\/span>(<span class=\"k\">true<\/span>); <span class=\"c\">\/\/ ArtNet 4<\/span><\/div>\n                    <div style=\"padding-left:20px\"><span class=\"v\">Laser_Grid<\/span>.<span class=\"f\">deploy<\/span>(); <span class=\"c\">\/\/ 40w RGB Array<\/span><\/div>\n                    <div style=\"padding-left:20px\"><span class=\"k\">return<\/span> <span class=\"s\">\"NO_LATENCY\"<\/span>;<\/div>\n                    <div>}<\/div>\n                    <br>\n                    <div><span class=\"c\"># Connecting to Barcelona Lab...<\/span><\/div>\n                    <div><span class=\"v\">Status<\/span>: <span class=\"s\" style=\"color:#4ADE80\">READY_TO_GO<\/span><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div> \n\n    <div class=\"mi-section-full\">\n        <div class=\"mi-marquee-wrapper mono\">\n            <div class=\"mi-marquee-track\">\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Unreal Engine<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> TouchDesigner<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> GrandMA3<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Disguise<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Notch<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Cinema 4D<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Unreal Engine<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> TouchDesigner<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> GrandMA3<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Disguise<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Notch<\/div>\n                <div class=\"mi-tech-item\"><span>\/\/<\/span> Cinema 4D<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"mi-container\">\n        <div class=\"mi-text-block\">\n            <div>\n                <h2>Behind the Signal<\/h2>\n                <p>MALA IDEA is not just a creative agency. We are a technical laboratory born in the heart of Barcelona. We specialize in the unseen: the critical infrastructure, the code, and the synchronization that makes the show possible.<\/p>\n                <p>We operate at the intersection of digital art and network engineering, providing redundant solutions for high-stakes live environments.<\/p>\n            <\/div>\n            <div class=\"mi-stat-grid\">\n                <div class=\"mi-stat\"><h4>15+<\/h4><span>Years Operating<\/span><\/div>\n                <div class=\"mi-stat\"><h4>50+<\/h4><span>Countries Toured<\/span><\/div>\n                <div class=\"mi-stat\"><h4>99.9%<\/h4><span>Uptime Record<\/span><\/div>\n                <div class=\"mi-stat\"><h4>24\/7<\/h4><span>Support Status<\/span><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"separator\"><\/div>\n\n        <h3 class=\"h-section\"><\/h3>\n        <div class=\"mi-projects-list\">\n            \n            <div class=\"mi-project-item\">\n                <span class=\"mi-pj-year\">[2025]<\/span>\n                <div>\n                    <span class=\"mi-pj-name\">World Expo Pavilion<\/span>\n                    <span class=\"mi-pj-tech\">Immersive LED Volumetric<\/span>\n                <\/div>\n                <span class=\"mi-pj-loc\">OSAKA, JP<\/span>\n            <\/div>\n            \n            <div class=\"mi-project-item\">\n                <span class=\"mi-pj-year\">[2025]<\/span>\n                <div>\n                    <span class=\"mi-pj-name\">Aphex Twin Tour<\/span>\n                    <span class=\"mi-pj-tech\">Timecode Sync \/ Media Servers<\/span>\n                <\/div>\n                <span class=\"mi-pj-loc\">NORTH AMERICA<\/span>\n            <\/div>\n            \n            <div class=\"mi-project-item\">\n                <span class=\"mi-pj-year\">[2024]<\/span>\n                <div>\n                    <span class=\"mi-pj-name\">Loophole & Dreamcatcher<\/span>\n                    <span class=\"mi-pj-tech\">Laser Mapping \/ Real-time<\/span>\n                <\/div>\n                <span class=\"mi-pj-loc\">RIYADH, KSA<\/span>\n            <\/div>\n\n            <div class=\"mi-project-item\">\n                <span class=\"mi-pj-year\">[2024]<\/span>\n                <div>\n                    <span class=\"mi-pj-name\">The Void Installation<\/span>\n                    <span class=\"mi-pj-tech\">Interactive Audio \/ TouchDesigner<\/span>\n                <\/div>\n                <span class=\"mi-pj-loc\">LONDON, UK<\/span>\n            <\/div>\n\n            <div class=\"mi-project-item\">\n                <span class=\"mi-pj-year\">[2023]<\/span>\n                <div>\n                    <span class=\"mi-pj-name\">S\u00f3nar Immersive Stage<\/span>\n                    <span class=\"mi-pj-tech\">Pixel Mapping \/ 400+ Universes<\/span>\n                <\/div>\n                <span class=\"mi-pj-loc\">BARCELONA, ES<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"mi-steps\">\n            <div class=\"mi-step-card\">\n                <span class=\"mi-step-num\">01<\/span>\n                <div class=\"mi-step-head\">Discovery & Arch<\/div>\n                <div class=\"mi-step-desc\">We analyze the rider. We design the network topology and select the hardware stack for maximum redundancy.<\/div>\n            <\/div>\n            <div class=\"mi-step-card\">\n                <span class=\"mi-step-num\">02<\/span>\n                <div class=\"mi-step-head\">Pre-Viz & Sim<\/div>\n                <div class=\"mi-step-desc\">Digital Twin creation. We program the entire show in a virtual environment before a single flight case is packed.<\/div>\n            <\/div>\n            <div class=\"mi-step-card\">\n                <span class=\"mi-step-num\">03<\/span>\n                <div class=\"mi-step-head\">Global Deploy<\/div>\n                <div class=\"mi-step-desc\">On-site execution. Our engineers travel with the server racks to ensure the code runs exactly as designed.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mi-cta\">\n            <h2 style=\"font-size:2.5rem; margin-bottom:15px; color:#fff !important;\">Ready to go live?<\/h2>\n            <p style=\"color:var(--text-muted);\">Technical direction & Visual engineering for global tours.<\/p>\n            <a href=\"mailto:info@malaidea.vip?subject=MALA_IDEA_Access&body=Soy%20un%20chismoso\" class=\"mi-btn\">Start Project \ud83e\udda5<\/a>\n        <\/div>\n        <h3>         0<\/h3>\n<h3>         0<\/h3>\n    <\/div> <div class=\"mi-section-full\">\n        <footer class=\"mi-footer-wrap\">\n            <div class=\"mi-footer-inner\">\n                <span class=\"mi-ft-text\">BASED IN BARCELONA<\/span>\n                <span class=\"mi-ft-text\">\u00a9 2026 MALA IDEA LAB. ALL RIGHTS RESERVED.<\/span>\n            <\/div>\n        <\/footer>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MALA_IDEA.vip SYSTEM ONLINE Coding the Invisible Stage High-fidelity visual architecture for live environments. Zero friction. Zero errors. Pure show control. config.json const project = &#8220;Stadium_Tour_2026&#8221;; const engine = &#8220;Unreal_Engine_5.4&#8221;; function initShow() { Light_Sync.enable(true); \/\/ ArtNet 4 Laser_Grid.deploy(); \/\/ 40w RGB Array return &#8220;NO_LATENCY&#8221;; } # Connecting to Barcelona Lab&#8230; Status: READY_TO_GO \/\/ Unreal Engine \/\/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-17745","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/pages\/17745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17745"}],"version-history":[{"count":30,"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/pages\/17745\/revisions"}],"predecessor-version":[{"id":17780,"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=\/wp\/v2\/pages\/17745\/revisions\/17780"}],"wp:attachment":[{"href":"https:\/\/www.malaidea.vip\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}