{"id":7,"date":"2026-08-27T00:56:48","date_gmt":"2026-08-27T00:56:48","guid":{"rendered":"https:\/\/lumaestudio.openboxdigital.com\/?page_id=7"},"modified":"2026-08-27T00:58:12","modified_gmt":"2026-08-27T00:58:12","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/elementor-7\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c19cf e-con e-atomic-element e-flexbox-base e-0c32337 \" data-id=\"d2c19cf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d2c19cf\">\n    \t\t<div class=\"elementor-element elementor-element-4b98dac elementor-widget elementor-widget-html\" data-id=\"4b98dac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     LUMA ESTUDIO \u2014 landing concepto v2 (marca ficticia, dise\u00f1o propio)\r\n     Iluminaci\u00f3n profesional para cine y eventos.\r\n     Lenguaje visual de sitio premiado: tipograf\u00eda gigante recortada\r\n     en los bordes, escenarios animados a pantalla completa hechos en\r\n     CSS puro (sin videos externos), mosaico de \"clips\" vivos, secci\u00f3n\r\n     papel con grano, tira de muestras de color interactiva, botones\r\n     tipo consola en monoespaciada y listados con filetes.\r\n     Pegar TODO en UN widget HTML de Elementor, contenedor de ancho\r\n     completo, sin padding, overflow Default.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@600;900&family=Inter:wght@400;500;600&family=Space+Mono:wght@700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  html, body{ margin:0; padding:0; background:#0b0b0d !important; }\r\n  #page, .site, .site-content, .elementor-section-wrap,\r\n  body [data-elementor-type=\"wp-page\"]{ background:transparent !important; }\r\n  .lm-page, .lm-page *{ box-sizing:border-box; }\r\n  .lm-page{ background:#0b0b0d; color:#f2efe9; overflow:hidden;\r\n    font-family:'Inter',sans-serif; width:100vw; margin-left:calc(50% - 50vw); }\r\n  .lm-page ::selection{ background:#ffc21e; color:#0b0b0d; }\r\n  .lm-mono{ font-family:'Space Mono',monospace; }\r\n\r\n  \/* ---------- header fijo: se adapta a fondos claros y oscuros ---------- *\/\r\n  .lm-top{ position:fixed; top:0; left:0; right:0; z-index:90;\r\n    display:flex; justify-content:space-between; align-items:center;\r\n    padding:18px 3vw; pointer-events:none;\r\n    mix-blend-mode:difference; color:#fff; }\r\n  .lm-top b{ font-family:'Archivo',sans-serif; font-weight:900; font-size:22px;\r\n    letter-spacing:.05em; }\r\n  .lm-top a{ pointer-events:auto; text-decoration:none !important; color:#fff !important;\r\n    font-family:'Space Mono',monospace; font-size:12px; font-weight:700;\r\n    letter-spacing:.14em; border:1px solid rgba(255,255,255,.85);\r\n    padding:10px 16px; }\r\n\r\n  \/* ---------- HERO: escenario CSS + nombre gigante recortado ---------- *\/\r\n  .lm-hero{ position:relative; height:100vh; height:100svh; overflow:hidden;\r\n    background:#0b0b0d; }\r\n  \/* piso del escenario *\/\r\n  .lm-hero::after{ content:\"\"; position:absolute; left:0; right:0; bottom:0; height:32%;\r\n    background:linear-gradient(180deg, rgba(11,11,13,0), rgba(11,11,13,.9) 60%, #0b0b0d); }\r\n  \/* humo \/ ambiente *\/\r\n  .lm-bruma{ position:absolute; inset:-10%;\r\n    background:\r\n      radial-gradient(60% 45% at 30% 62%, rgba(255,170,60,.10), transparent 70%),\r\n      radial-gradient(55% 40% at 74% 55%, rgba(255,120,40,.07), transparent 70%),\r\n      radial-gradient(70% 60% at 50% 30%, rgba(255,255,255,.03), transparent 70%);\r\n    animation:lmBruma 16s ease-in-out infinite alternate; }\r\n  @keyframes lmBruma{ to{ transform:translateX(3%) scale(1.05); } }\r\n  \/* haces de luz que barren, colgados de una parrilla invisible *\/\r\n  .lm-beam{ position:absolute; top:-6%; width:9vw; min-width:90px; height:120%;\r\n    transform-origin:50% 0;\r\n    background:linear-gradient(180deg, rgba(255,205,110,.32), rgba(255,180,70,.10) 55%, transparent 82%);\r\n    -webkit-mask-image:linear-gradient(90deg,transparent, #000 30%, #000 70%, transparent);\r\n    mask-image:linear-gradient(90deg,transparent, #000 30%, #000 70%, transparent);\r\n    animation:lmBeam var(--t) ease-in-out var(--d) infinite alternate; }\r\n  .lm-beam.lm-b2{ background:linear-gradient(180deg, rgba(160,210,255,.20), rgba(120,180,255,.07) 55%, transparent 82%); }\r\n  @keyframes lmBeam{ from{ transform:rotate(var(--a1)) }\r\n    to{ transform:rotate(var(--a2)) } }\r\n  \/* destello estrobosc\u00f3pico ocasional al fondo *\/\r\n  .lm-strobe{ position:absolute; inset:0;\r\n    background:radial-gradient(45% 30% at 50% 34%, rgba(255,255,255,.16), transparent 70%);\r\n    opacity:0; animation:lmStrobe 7.5s steps(1) infinite; }\r\n  @keyframes lmStrobe{ 0%,88.9%,89.6%,90.4%,100%{ opacity:0; }\r\n    89.2%,90%{ opacity:1; } }\r\n  .lm-hero-eti{ position:absolute; top:16vh; right:4vw; text-align:right; z-index:3;\r\n    font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.2em;\r\n    text-transform:uppercase; color:rgba(242,239,233,.7); line-height:2; }\r\n  .lm-hero-eti i{ font-style:normal; color:#ffc21e; }\r\n  \/* el nombre, GIGANTE y recortado abajo a la izquierda *\/\r\n  .lm-giga{ position:absolute; z-index:2; left:-.03em; bottom:-.14em; margin:0;\r\n    font-family:'Archivo',sans-serif; font-weight:900; letter-spacing:-.03em;\r\n    line-height:.8; font-size:clamp(150px,30vw,470px); color:#ffc21e;\r\n    text-shadow:0 0 90px rgba(255,194,30,.25); }\r\n  .lm-hero-baja{ position:absolute; z-index:3; right:4vw;\r\n    bottom:calc(30px + env(safe-area-inset-bottom,0px)); max-width:340px; text-align:right;\r\n    font-size:15px; line-height:1.6; color:rgba(242,239,233,.78);\r\n    text-shadow:0 2px 18px rgba(10,9,11,.9), 0 0 6px rgba(10,9,11,.7); }\r\n  .lm-hero-baja b{ color:#fff; }\r\n\r\n  \/* ---------- MARQUEE ---------- *\/\r\n  .lm-cinta{ position:relative; border-top:1px solid rgba(255,194,30,.3);\r\n    border-bottom:1px solid rgba(255,194,30,.3); padding:16px 0; overflow:hidden;\r\n    background:#0e0d0f; }\r\n  .lm-cinta-fila{ display:flex; width:max-content; animation:lmCinta 22s linear infinite; }\r\n  .lm-cinta-fila b{ font-family:'Space Mono',monospace; font-weight:700; font-size:15px;\r\n    letter-spacing:.3em; text-transform:uppercase; white-space:nowrap;\r\n    color:rgba(242,239,233,.9); padding-right:34px; }\r\n  .lm-cinta-fila b i{ font-style:normal; color:#ffc21e; padding-right:34px; }\r\n  @keyframes lmCinta{ to{ transform:translateX(-50%); } }\r\n\r\n  \/* ---------- MOSAICO de clips vivos + intro ---------- *\/\r\n  .lm-mosaico{ position:relative; overflow:hidden; }\r\n  .lm-tiles{ display:grid; grid-template-columns:repeat(4,1fr);\r\n    grid-auto-rows:24vw; gap:6px; filter:brightness(.42) saturate(.9); }\r\n  .lm-tile{ position:relative; overflow:hidden; background:#141216; }\r\n  \/* clip A: haz que barre *\/\r\n  .lm-tA{ background:radial-gradient(70% 90% at 50% 110%, #241a10, #0d0c0f 70%); }\r\n  .lm-tA::before{ content:\"\"; position:absolute; top:-10%; left:50%; width:26%; height:130%;\r\n    transform-origin:50% 0; background:linear-gradient(180deg, rgba(255,205,110,.5), transparent 75%);\r\n    animation:lmBeam var(--t,7s) ease-in-out infinite alternate; --a1:-24deg; --a2:24deg; }\r\n  \/* clip B: pared de leds *\/\r\n  .lm-tB{ background:\r\n      radial-gradient(circle at 7px 7px, rgba(255,194,30,.85) 2.2px, transparent 3px) 0 0\/17px 17px,\r\n      #0d0c0f; animation:lmPulso 3.4s ease-in-out infinite; }\r\n  .lm-tB.lm-frio{ background:\r\n      radial-gradient(circle at 7px 7px, rgba(120,190,255,.85) 2.2px, transparent 3px) 0 0\/17px 17px,\r\n      #0c0d10; animation-delay:1.1s; }\r\n  @keyframes lmPulso{ 0%,100%{ filter:brightness(.85); } 50%{ filter:brightness(1.5); } }\r\n  \/* clip C: lavado de color en movimiento *\/\r\n  .lm-tC{ background:linear-gradient(115deg,#3a1f4d,#8f2a3f,#c76b1e,#3a1f4d);\r\n    background-size:300% 300%; animation:lmLava 9s ease-in-out infinite alternate; }\r\n  @keyframes lmLava{ to{ background-position:100% 100%; } }\r\n  \/* clip D: contraluz con silueta de parrilla *\/\r\n  .lm-tD{ background:\r\n      repeating-linear-gradient(90deg, transparent 0 26px, rgba(0,0,0,.55) 26px 30px),\r\n      radial-gradient(60% 55% at 50% 20%, rgba(255,220,150,.5), rgba(20,14,10,.9) 75%); }\r\n  .lm-tD::before{ content:\"\"; position:absolute; inset:0;\r\n    background:radial-gradient(40% 26% at 50% 16%, rgba(255,255,255,.4), transparent 70%);\r\n    animation:lmPulso 5s ease-in-out infinite; }\r\n  \/* clip E: estrobo *\/\r\n  .lm-tE{ background:#0d0c0f; }\r\n  .lm-tE::before{ content:\"\"; position:absolute; inset:0;\r\n    background:radial-gradient(60% 60% at 50% 45%, rgba(235,240,255,.75), transparent 70%);\r\n    opacity:.06; animation:lmStrobe 4.6s steps(1) infinite; }\r\n  .lm-mos-panel{ position:absolute; inset:0; z-index:2; display:flex;\r\n    flex-direction:column; align-items:center; justify-content:center;\r\n    text-align:center; padding:40px 6vw;\r\n    background:radial-gradient(60% 60% at 50% 50%, rgba(11,11,13,.62), rgba(11,11,13,.28)); }\r\n  .lm-mos-panel p{ margin:0 0 30px; max-width:760px;\r\n    font-size:clamp(22px,2.6vw,34px); line-height:1.4; font-weight:500; }\r\n  .lm-mos-panel p i{ font-style:normal; color:#ffc21e; }\r\n  \/* bot\u00f3n consola *\/\r\n  .lm-page a.lm-cbtn{ display:inline-block; text-decoration:none !important;\r\n    font-family:'Space Mono',monospace; font-size:13px; font-weight:700;\r\n    letter-spacing:.16em; text-transform:uppercase; padding:15px 26px;\r\n    background:#ffc21e; color:#0b0b0d !important; border:1px solid #ffc21e;\r\n    box-shadow:0 0 0 1px #0b0b0d inset; transition:transform .2s, box-shadow .2s; }\r\n  .lm-page a.lm-cbtn i{ font-style:normal; padding-left:16px; }\r\n  .lm-page a.lm-cbtn.lm-fantasma{ background:transparent; color:#f2efe9 !important;\r\n    border-color:rgba(242,239,233,.5); box-shadow:none; }\r\n  @media (hover:hover){\r\n    .lm-page a.lm-cbtn:hover{ transform:translate(-2px,-2px);\r\n      box-shadow:3px 3px 0 rgba(255,194,30,.4); }\r\n  }\r\n\r\n  \/* ---------- PAPEL: Servicios + tira de muestras ---------- *\/\r\n  .lm-papel{ position:relative; background:#f4f2ec; color:#141312;\r\n    padding:0 0 0; overflow:hidden; }\r\n  .lm-papel::after{ content:\"\"; position:absolute; inset:0; pointer-events:none;\r\n    background-image:url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAAAAAA77wXdAAAB+klEQVR42lWVSXYEMQxCqZz85+RkIZCVXvSrwSWLQViSkSxZluT8WQLLcz9vnbVGkplnuKuEZNnifylkS8gpBhIIY5HNs\/usUv+EhaUWn0vPLsIGZGzb8qy0TsF54nSmtiDEAJA17SKU8tNysQrtKqTdwrNiKxkJ24iUQba3bbqjtrlhhel+SA+EWdk325Y8CIbLEr18yBKSgClD+ufVYUrRDd8vz0bdshHwSr9hpYq4ZsgDpygE1ZSiuHNBAPLUOp04ZFaNuYoWDOrxDcY1KSaws9ZCVON8BgUFFXD86PYZPhExX6mLp\/aG8bJ3O80soEerx2lPvXqvwzHKrEQ8Y6SdGTevbk+H5SxG6dDlnhppipnOlSs2sH6DgUG+6\/BMtVV+XpbFYXZnFF8psx3H00p2VKXBtZ9pQ6b0OmUjxCZEUUfvNr3222H2xtYDsfOLOwot0Ag7U54E4ETUE6\/Dxf8xSjo+Hiab8IYODZQmwEuECtIgPYHTMUxs0trHESSTMsfDmqk\/E9WbowkoFIhN9kYeh4bs4m3pkUxjY\/zjn8\/6Pklf+Py1JP1K+ixL34clfVzdz6HRKDtxYdvc9GzGDkJDCuRgGevFqknFqtWhbRbU6sACCTs6CmyYvW9YicSm24mznojNWzmR7IfCeXj9Paagxwh7AqTQ8PwHfSv5R6GBjlUAAAAASUVORK5CYII=\");\r\n    background-size:44px 44px; opacity:.07; mix-blend-mode:multiply; }\r\n  .lm-papel-int{ position:relative; padding:120px 3vw 0; }\r\n  .lm-papel h2{ margin:0; font-family:'Archivo',sans-serif; font-weight:900;\r\n    letter-spacing:-.03em; line-height:.85; font-size:clamp(64px,12vw,190px);\r\n    margin-left:-.04em; }\r\n  .lm-papel .lm-papel-sub{ max-width:520px; margin:26px 0 70px; font-size:16px;\r\n    line-height:1.65; color:rgba(20,19,18,.7); }\r\n  \/* tira de muestras: crecen al pasar el mouse y revelan su nombre *\/\r\n  .lm-tira{ position:relative; z-index:2; display:flex; height:150px; }\r\n  .lm-sw{ position:relative; flex:1 1 0; display:flex; align-items:flex-end;\r\n    overflow:hidden; cursor:pointer; transition:flex-grow .45s cubic-bezier(.22,1,.36,1); }\r\n  .lm-sw b{ font-family:'Space Mono',monospace; font-size:12px; font-weight:700;\r\n    letter-spacing:.14em; text-transform:uppercase; color:#0b0b0d;\r\n    padding:14px 16px; opacity:.55; white-space:nowrap; transition:opacity .3s; }\r\n  .lm-sw:nth-child(1){ background:#ffd21e; }\r\n  .lm-sw:nth-child(2){ background:#f5a91c; }\r\n  .lm-sw:nth-child(3){ background:#d87e17; }\r\n  .lm-sw:nth-child(4){ background:#9c5a12; }\r\n  .lm-sw:nth-child(5){ background:#563209; }\r\n  .lm-sw:nth-child(n+4) b{ color:#f4f2ec; }\r\n  @media (hover:hover){\r\n    .lm-sw:hover{ flex-grow:2.4; }\r\n    .lm-sw:hover b{ opacity:1; }\r\n  }\r\n\r\n  \/* ---------- bloque \u00c1MBAR: listado grande de servicios ---------- *\/\r\n  .lm-ambar{ position:relative; background:#ffc21e; color:#141312;\r\n    padding:90px 3vw 100px; }\r\n  .lm-ambar::after{ content:\"\"; position:absolute; inset:0; pointer-events:none;\r\n    background-image:url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAAAAAA77wXdAAAB+klEQVR42lWVSXYEMQxCqZz85+RkIZCVXvSrwSWLQViSkSxZluT8WQLLcz9vnbVGkplnuKuEZNnifylkS8gpBhIIY5HNs\/usUv+EhaUWn0vPLsIGZGzb8qy0TsF54nSmtiDEAJA17SKU8tNysQrtKqTdwrNiKxkJ24iUQba3bbqjtrlhhel+SA+EWdk325Y8CIbLEr18yBKSgClD+ufVYUrRDd8vz0bdshHwSr9hpYq4ZsgDpygE1ZSiuHNBAPLUOp04ZFaNuYoWDOrxDcY1KSaws9ZCVON8BgUFFXD86PYZPhExX6mLp\/aG8bJ3O80soEerx2lPvXqvwzHKrEQ8Y6SdGTevbk+H5SxG6dDlnhppipnOlSs2sH6DgUG+6\/BMtVV+XpbFYXZnFF8psx3H00p2VKXBtZ9pQ6b0OmUjxCZEUUfvNr3222H2xtYDsfOLOwot0Ag7U54E4ETUE6\/Dxf8xSjo+Hiab8IYODZQmwEuECtIgPYHTMUxs0trHESSTMsfDmqk\/E9WbowkoFIhN9kYeh4bs4m3pkUxjY\/zjn8\/6Pklf+Py1JP1K+ixL34clfVzdz6HRKDtxYdvc9GzGDkJDCuRgGevFqknFqtWhbRbU6sACCTs6CmyYvW9YicSm24mznojNWzmR7IfCeXj9Paagxwh7AqTQ8PwHfSv5R6GBjlUAAAAASUVORK5CYII=\");\r\n    background-size:44px 44px; opacity:.06; mix-blend-mode:multiply; }\r\n  .lm-fila{ position:relative; display:flex; align-items:baseline; gap:3vw;\r\n    padding:34px 6px; border-bottom:1px solid rgba(20,19,18,.35);\r\n    transition:padding .3s; }\r\n  .lm-fila:first-child{ border-top:1px solid rgba(20,19,18,.35); }\r\n  @media (hover:hover){ .lm-fila:hover{ padding-left:22px; } }\r\n  .lm-fila i{ font-style:normal; font-family:'Space Mono',monospace; font-weight:700;\r\n    font-size:13px; flex:0 0 52px; }\r\n  .lm-fila h3{ margin:0; flex:1 1 auto; font-family:'Archivo',sans-serif;\r\n    font-weight:900; letter-spacing:-.02em; text-transform:uppercase;\r\n    font-size:clamp(26px,4.6vw,64px); line-height:1; }\r\n  .lm-fila p{ margin:0; max-width:330px; font-size:14px; line-height:1.55;\r\n    color:rgba(20,19,18,.75); }\r\n\r\n  \/* ---------- MONTAJES: escena + t\u00edtulo gigante recortado ---------- *\/\r\n  .lm-show{ position:relative; height:92vh; min-height:560px; overflow:hidden;\r\n    background:#0b0b0d; }\r\n  .lm-show .lm-bruma{ animation-duration:20s; }\r\n  .lm-show::before{ content:\"\"; position:absolute; inset:0;\r\n    background:\r\n      radial-gradient(circle at 9px 9px, rgba(255,194,30,.5) 2px, transparent 3px) 0 0\/26px 26px,\r\n      radial-gradient(70% 55% at 50% 0%, rgba(255,170,60,.14), transparent 70%);\r\n    -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 85%);\r\n    mask-image:linear-gradient(180deg,#000 40%,transparent 85%);\r\n    animation:lmPulso 4.2s ease-in-out infinite; }\r\n  .lm-show .lm-giga{ font-size:clamp(80px,15.5vw,240px); bottom:-.12em; }\r\n  .lm-show a.lm-cbtn{ position:absolute; z-index:3; right:3vw;\r\n    bottom:calc(34px + env(safe-area-inset-bottom,0px)); }\r\n  .lm-show .lm-eti-lat{ top:44%; }\r\n\r\n  \/* etiqueta lateral vertical *\/\r\n  .lm-eti-lat{ position:absolute; z-index:3; left:2vw; top:50%;\r\n    transform:rotate(180deg); writing-mode:vertical-rl;\r\n    font-family:'Space Mono',monospace; font-size:11px; font-weight:700;\r\n    letter-spacing:.3em; text-transform:uppercase; color:#ffc21e; }\r\n\r\n  \/* ---------- EQUIPOS: listado con filetes ---------- *\/\r\n  .lm-gear{ position:relative; padding:120px 3vw 110px; }\r\n  .lm-gear h2{ margin:0 0 60px; max-width:820px; font-family:'Archivo',sans-serif;\r\n    font-weight:900; letter-spacing:-.02em; line-height:.95;\r\n    font-size:clamp(44px,7vw,110px); color:#ffc21e; }\r\n  .lm-eq{ display:flex; align-items:center; gap:3vw; padding:26px 6px;\r\n    border-bottom:1px solid rgba(242,239,233,.16); transition:background .3s, padding .3s; }\r\n  .lm-eq:first-of-type{ border-top:1px solid rgba(242,239,233,.16); }\r\n  @media (hover:hover){ .lm-eq:hover{ background:rgba(255,194,30,.06); padding-left:20px; } }\r\n  .lm-eq h3{ margin:0; flex:1 1 auto; font-family:'Archivo',sans-serif; font-weight:600;\r\n    font-size:clamp(18px,2.2vw,28px); letter-spacing:.01em; text-transform:uppercase; }\r\n  .lm-eq s{ text-decoration:none; font-size:14px; color:rgba(242,239,233,.5); }\r\n  .lm-eq i{ font-style:normal; font-family:'Space Mono',monospace; font-weight:700;\r\n    color:#ffc21e; }\r\n\r\n  \/* ---------- CTA final + footer ---------- *\/\r\n  .lm-fin{ position:relative; text-align:center; padding:150px 6vw; overflow:hidden; }\r\n  .lm-fin::before{ content:\"\"; position:absolute; left:50%; top:100%;\r\n    width:150vw; height:120vh; transform:translateX(-50%);\r\n    background:radial-gradient(50% 55% at 50% 100%, rgba(255,194,30,.3), transparent 70%);\r\n    pointer-events:none; }\r\n  .lm-fin h2{ margin:0 0 16px; font-family:'Archivo',sans-serif; font-weight:900;\r\n    letter-spacing:-.02em; line-height:.95; text-transform:uppercase;\r\n    font-size:clamp(44px,8vw,120px); }\r\n  .lm-fin p{ margin:0 auto 40px; max-width:440px; font-size:16px; line-height:1.6;\r\n    color:rgba(242,239,233,.66); }\r\n  .lm-footer{ display:flex; flex-wrap:wrap; gap:14px 30px; align-items:center;\r\n    justify-content:space-between; padding:30px 3vw 40px;\r\n    border-top:1px solid rgba(242,239,233,.12);\r\n    font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.08em;\r\n    color:rgba(242,239,233,.45); }\r\n  .lm-footer b{ font-family:'Archivo',sans-serif; font-weight:900; font-size:16px;\r\n    letter-spacing:.1em; color:#f2efe9; }\r\n  .lm-footer s{ text-decoration:none; }\r\n\r\n  \/* ---------- reveals ---------- *\/\r\n  .lm-rev{ opacity:0; transform:translateY(34px);\r\n    transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\r\n  .lm-rev.lm-on{ opacity:1; transform:none; }\r\n\r\n  @media (max-width:820px){\r\n    .lm-tiles{ grid-template-columns:repeat(2,1fr); grid-auto-rows:46vw; }\r\n    .lm-tile:nth-child(n+7){ display:none; }\r\n    .lm-hero-eti{ top:12vh; }\r\n    .lm-giga{ font-size:clamp(120px,34vw,470px); }\r\n    .lm-hero-baja{ bottom:auto; top:52vh; max-width:260px; font-size:14px;\r\n      text-shadow:0 2px 18px rgba(10,9,11,.9); }\r\n    .lm-tira{ height:110px; flex-wrap:nowrap; }\r\n    .lm-sw b{ font-size:10px; padding:10px 10px; }\r\n    .lm-fila{ flex-wrap:wrap; gap:8px 16px; }\r\n    .lm-fila p{ max-width:none; flex-basis:100%; }\r\n    .lm-eq{ flex-wrap:wrap; gap:6px 16px; }\r\n    .lm-gear, .lm-papel-int{ padding-left:6vw; padding-right:6vw; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lm-page *, .lm-page *::before, .lm-page *::after{ animation:none !important; }\r\n    .lm-rev{ opacity:1 !important; transform:none !important; transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lm-page\">\r\n\r\n  <div class=\"lm-top\">\r\n    <b>LUMA<\/b>\r\n    <a class=\"lm-mono\" href=\"#contacto\">MEN&Uacute; +<\/a>\r\n  <\/div>\r\n\r\n  <section class=\"lm-hero\">\r\n    <div class=\"lm-bruma\"><\/div>\r\n    <i class=\"lm-beam\" style=\"left:12%;--a1:-18deg;--a2:14deg;--t:7s;--d:0s\"><\/i>\r\n    <i class=\"lm-beam lm-b2\" style=\"left:34%;--a1:12deg;--a2:-16deg;--t:8.5s;--d:-3s\"><\/i>\r\n    <i class=\"lm-beam\" style=\"left:58%;--a1:-10deg;--a2:20deg;--t:6.5s;--d:-1.5s\"><\/i>\r\n    <i class=\"lm-beam lm-b2\" style=\"left:78%;--a1:16deg;--a2:-12deg;--t:9s;--d:-5s\"><\/i>\r\n    <div class=\"lm-strobe\"><\/div>\r\n    <div class=\"lm-hero-eti\">Iluminaci&oacute;n profesional<br>\r\n      <i>Cine &middot; Publicidad &middot; Eventos<\/i><br>Buenos Aires &middot; desde 2011<\/div>\r\n    <h1 class=\"lm-giga\">LUMA<\/h1>\r\n    <p class=\"lm-hero-baja\">Luz para <b>rodajes y espect&aacute;culos<\/b>: alquiler de equipos,\r\n      direcci&oacute;n de fotograf&iacute;a y montajes en vivo.<\/p>\r\n  <\/section>\r\n\r\n  <div class=\"lm-cinta\" aria-hidden=\"true\">\r\n    <div class=\"lm-cinta-fila\">\r\n      <b>Cine <i>&#9679;<\/i> Publicidad <i>&#9679;<\/i> Eventos <i>&#9679;<\/i> TV <i>&#9679;<\/i> Videoclips <i>&#9679;<\/i> Moda <i>&#9679;<\/i><\/b>\r\n      <b>Cine <i>&#9679;<\/i> Publicidad <i>&#9679;<\/i> Eventos <i>&#9679;<\/i> TV <i>&#9679;<\/i> Videoclips <i>&#9679;<\/i> Moda <i>&#9679;<\/i><\/b>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"lm-mosaico\">\r\n    <div class=\"lm-tiles\" aria-hidden=\"true\">\r\n      <div class=\"lm-tile lm-tA\" style=\"--t:6s\"><\/div>\r\n      <div class=\"lm-tile lm-tB\"><\/div>\r\n      <div class=\"lm-tile lm-tC\"><\/div>\r\n      <div class=\"lm-tile lm-tD\"><\/div>\r\n      <div class=\"lm-tile lm-tE\"><\/div>\r\n      <div class=\"lm-tile lm-tC\" style=\"animation-delay:-4s\"><\/div>\r\n      <div class=\"lm-tile lm-tA\" style=\"--t:8s\"><\/div>\r\n      <div class=\"lm-tile lm-tB lm-frio\"><\/div>\r\n    <\/div>\r\n    <div class=\"lm-mos-panel\">\r\n      <p class=\"lm-rev\"><i>LUMA<\/i> es un estudio de iluminaci&oacute;n que dise&ntilde;a,\r\n        alquila y opera la luz de producciones audiovisuales y eventos en vivo.<\/p>\r\n      <a class=\"lm-cbtn lm-rev\" href=\"#servicios\">Sobre Luma <i>&not;<\/i><\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"lm-papel\" id=\"servicios\">\r\n    <div class=\"lm-papel-int\">\r\n      <h2 class=\"lm-rev\">Servicios<\/h2>\r\n      <p class=\"lm-papel-sub lm-rev\">Del plano de luces al encendido final:\r\n        un solo equipo para resolver toda la cadena.<\/p>\r\n    <\/div>\r\n    <div class=\"lm-tira\" aria-hidden=\"true\">\r\n      <div class=\"lm-sw\"><b>Alquiler<\/b><\/div>\r\n      <div class=\"lm-sw\"><b>Fotograf&iacute;a<\/b><\/div>\r\n      <div class=\"lm-sw\"><b>Montajes<\/b><\/div>\r\n      <div class=\"lm-sw\"><b>Estudio<\/b><\/div>\r\n      <div class=\"lm-sw\"><b>Operaci&oacute;n<\/b><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"lm-ambar\">\r\n    <div class=\"lm-fila lm-rev\">\r\n      <i>01<\/i><h3>Alquiler de equipos<\/h3>\r\n      <p>Parque propio calibrado, con seguro incluido y reposici&oacute;n inmediata ante fallas.<\/p>\r\n    <\/div>\r\n    <div class=\"lm-fila lm-rev\">\r\n      <i>02<\/i><h3>Direcci&oacute;n de fotograf&iacute;a<\/h3>\r\n      <p>Gaffers y DoP para resolver la luz de tu rodaje, del tratamiento a la &uacute;ltima toma.<\/p>\r\n    <\/div>\r\n    <div class=\"lm-fila lm-rev\">\r\n      <i>03<\/i><h3>Montajes para eventos<\/h3>\r\n      <p>Dise&ntilde;o, instalaci&oacute;n y operaci&oacute;n en vivo: escenarios, lanzamientos y ferias.<\/p>\r\n    <\/div>\r\n    <div class=\"lm-fila lm-rev\">\r\n      <i>04<\/i><h3>Estudio propio<\/h3>\r\n      <p>320 m&sup2; con parrilla completa, ciclorama y camarines, a 15 minutos del centro.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"lm-show\">\r\n    <div class=\"lm-bruma\"><\/div>\r\n    <span class=\"lm-eti-lat\">Trabajos<\/span>\r\n    <h2 class=\"lm-giga\">Montajes<\/h2>\r\n    <a class=\"lm-cbtn\" href=\"#contacto\">Ver trabajos <i>&not;<\/i><\/a>\r\n  <\/section>\r\n\r\n  <section class=\"lm-gear\">\r\n    <span class=\"lm-eti-lat\">Equipos<\/span>\r\n    <h2 class=\"lm-rev\">Equipos destacados de alquiler<\/h2>\r\n    <div class=\"lm-eq lm-rev\"><h3>Fresnel LED 300<\/h3><s>Luz dura \/ difusa<\/s><i>&not;<\/i><\/div>\r\n    <div class=\"lm-eq lm-rev\"><h3>Panel RGBW 2x1<\/h3><s>Color pleno &middot; CRI 96<\/s><i>&not;<\/i><\/div>\r\n    <div class=\"lm-eq lm-rev\"><h3>Tubo P&iacute;xel 120<\/h3><s>Efectos direccionables<\/s><i>&not;<\/i><\/div>\r\n    <div class=\"lm-eq lm-rev\"><h3>Seguidor 600<\/h3><s>Espect&aacute;culos en vivo<\/s><i>&not;<\/i><\/div>\r\n    <div class=\"lm-eq lm-rev\"><h3>Consola DMX 48<\/h3><s>Control y programaci&oacute;n<\/s><i>&not;<\/i><\/div>\r\n  <\/section>\r\n\r\n  <section class=\"lm-fin\" id=\"contacto\">\r\n    <h2 class=\"lm-rev\">Encendamos<br>tu pr&oacute;ximo proyecto<\/h2>\r\n    <p class=\"lm-rev\">Contanos qu&eacute; vas a filmar o producir y te respondemos\r\n      con una propuesta en el d&iacute;a.<\/p>\r\n    <a class=\"lm-cbtn lm-rev\" href=\"mailto:hola@lumaestudio.com\">hola@lumaestudio.com <i>&not;<\/i><\/a>\r\n  <\/section>\r\n\r\n  <div class=\"lm-footer\">\r\n    <b>LUMA ESTUDIO<\/b>\r\n    <s>Buenos Aires, Argentina<\/s>\r\n    <s>&copy; 2026 &middot; Sitio concepto por OpenBox Digital<\/s>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  if(\/obd_off\/.test(location.search))return;\r\n  var reduced=window.matchMedia&&matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var revs=[].slice.call(document.querySelectorAll('.lm-rev'));\r\n  if(reduced||!('IntersectionObserver' in window)){\r\n    revs.forEach(function(e){ e.classList.add('lm-on'); });\r\n  }else{\r\n    var io=new IntersectionObserver(function(es){\r\n      es.forEach(function(en){\r\n        if(en.isIntersecting){ en.target.classList.add('lm-on'); io.unobserve(en.target); }\r\n      });\r\n    },{threshold:.16});\r\n    revs.forEach(function(e){ io.observe(e); });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LUMA MEN&Uacute; + Iluminaci&oacute;n profesional Cine &middot; Publicidad &middot; EventosBuenos Aires &middot; desde 2011 LUMA Luz para rodajes y espect&aacute;culos: alquiler de equipos, direcci&oacute;n de fotograf&iacute;a y montajes en vivo. Cine &#9679; Publicidad &#9679; Eventos &#9679; TV &#9679; Videoclips &#9679; Moda &#9679; Cine &#9679; Publicidad &#9679; Eventos &#9679; TV &#9679; Videoclips &#9679; Moda &#9679; LUMA [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":7,"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/lumaestudio.openboxdigital.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}