{"id":37,"date":"2026-09-11T11:27:40","date_gmt":"2026-09-11T14:27:40","guid":{"rendered":"https:\/\/lumeairstudio.com\/?page_id=37"},"modified":"2026-09-15T16:25:22","modified_gmt":"2026-09-15T19:25:22","slug":"home","status":"publish","type":"page","link":"https:\/\/lumeairstudio.com\/?page_id=37","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87056da e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"87056da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df27b6 elementor-widget elementor-widget-html\" data-id=\"5df27b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- LumeAir Studio \u2014 FUNDO ANIMADO DA HERO\r\nCole este bloco em um widget HTML dentro do container principal da hero.\r\nO container da hero deve estar com Position: Relative e Overflow: Hidden.\r\n-->\r\n\r\n<div id=\"lumeair-hero-bg\" aria-hidden=\"true\">\r\n  <div class=\"lumeair-bg-layer\">\r\n    <div class=\"lumeair-orb lumeair-orb-one\"><\/div>\r\n    <div class=\"lumeair-orb lumeair-orb-two\"><\/div>\r\n    <div class=\"lumeair-orb lumeair-orb-three\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"lumeair-bg-layer lumeair-editorial-grid\"><\/div>\r\n\r\n  <div class=\"lumeair-bg-layer lumeair-rings\">\r\n    <div class=\"lumeair-ring lumeair-ring-outer\">\r\n      <span class=\"lumeair-dot lumeair-dot-pink\"><\/span>\r\n      <span class=\"lumeair-dot lumeair-dot-orange\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lumeair-ring lumeair-ring-middle\">\r\n      <span class=\"lumeair-dot lumeair-dot-amethyst\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lumeair-ring lumeair-ring-inner\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"lumeair-bg-layer lumeair-soft-center\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Tudo fica isolado dentro do fundo da LumeAir *\/\r\n#lumeair-hero-bg{\r\n  --cream:#FFF7E8;\r\n  --pink:#FF2DBA;\r\n  --deep-pink:#D91E8D;\r\n  --orange:#FFA84A;\r\n  --amethyst:#8A3DCC;\r\n  --violet:#1A0D3F;\r\n\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  min-height:100%;\r\n  overflow:hidden;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  isolation:isolate;\r\n\r\n  background:\r\n    radial-gradient(circle at 10% 10%, rgba(255,255,255,.70), transparent 28%),\r\n    linear-gradient(180deg, #FFF9EE 0%, var(--cream) 48%, #FFF5EA 100%);\r\n}\r\n\r\n#lumeair-hero-bg,\r\n#lumeair-hero-bg *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-bg-layer{\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* Halos crom\u00e1ticos *\/\r\n#lumeair-hero-bg .lumeair-orb{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(125px);\r\n  will-change:transform,opacity;\r\n  transform:translate3d(0,0,0);\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-orb-one{\r\n  width:min(52vw,720px);\r\n  aspect-ratio:1;\r\n  left:-8%;\r\n  top:-13%;\r\n  opacity:.44;\r\n  background:\r\n    radial-gradient(circle at 48% 45%,\r\n      rgba(255,168,74,.98) 0 16%,\r\n      rgba(255,45,186,.74) 42%,\r\n      transparent 72%);\r\n  animation:lumeair-breathe-a 10s ease-in-out infinite;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-orb-two{\r\n  width:min(57vw,790px);\r\n  aspect-ratio:1;\r\n  right:-12%;\r\n  top:13%;\r\n  opacity:.36;\r\n  background:\r\n    radial-gradient(circle at 46% 46%,\r\n      rgba(138,61,204,.92) 0 18%,\r\n      rgba(217,30,141,.72) 44%,\r\n      transparent 72%);\r\n  animation:lumeair-breathe-b 12s ease-in-out 1.2s infinite;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-orb-three{\r\n  width:min(44vw,600px);\r\n  aspect-ratio:1;\r\n  left:27%;\r\n  bottom:-14%;\r\n  opacity:.28;\r\n  background:\r\n    radial-gradient(circle at 50% 50%,\r\n      rgba(255,45,186,.88) 0 14%,\r\n      rgba(138,61,204,.62) 38%,\r\n      rgba(255,168,74,.48) 58%,\r\n      transparent 74%);\r\n  animation:lumeair-breathe-c 9s ease-in-out 2s infinite;\r\n}\r\n\r\n\/* Grade editorial sutil *\/\r\n#lumeair-hero-bg .lumeair-editorial-grid{\r\n  opacity:.13;\r\n  background-image:\r\n    linear-gradient(rgba(26,13,63,.22) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(26,13,63,.22) 1px, transparent 1px);\r\n  background-size:72px 72px;\r\n  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), rgba(0,0,0,.28) 62%, transparent 95%);\r\n  mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), rgba(0,0,0,.28) 62%, transparent 95%);\r\n}\r\n\r\n\/* Sistema orbital *\/\r\n#lumeair-hero-bg .lumeair-rings{\r\n  display:grid;\r\n  place-items:center;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-ring{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  transform-origin:center;\r\n  will-change:transform;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-ring-outer{\r\n  width:min(70vw,940px);\r\n  aspect-ratio:1;\r\n  border:1px solid rgba(26,13,63,.10);\r\n  animation:lumeair-spin 46s linear infinite;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-ring-middle{\r\n  width:min(54vw,710px);\r\n  aspect-ratio:1;\r\n  border:1px dashed rgba(138,61,204,.22);\r\n  animation:lumeair-spin-reverse 36s linear infinite;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-ring-inner{\r\n  width:min(39vw,510px);\r\n  aspect-ratio:1;\r\n  border:1px solid rgba(255,168,74,.28);\r\n  opacity:.74;\r\n  animation:lumeair-pulse-ring 7s ease-in-out infinite;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-dot{\r\n  position:absolute;\r\n  border-radius:50%;\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-dot-pink{\r\n  width:11px;\r\n  height:11px;\r\n  left:50%;\r\n  top:-6px;\r\n  margin-left:-5px;\r\n  background:var(--pink);\r\n  box-shadow:0 0 16px rgba(255,45,186,.85);\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-dot-orange{\r\n  width:8px;\r\n  height:8px;\r\n  right:-4px;\r\n  bottom:25%;\r\n  background:var(--orange);\r\n  box-shadow:0 0 14px rgba(255,168,74,.9);\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-dot-amethyst{\r\n  width:9px;\r\n  height:9px;\r\n  left:-5px;\r\n  top:26%;\r\n  background:var(--amethyst);\r\n  box-shadow:0 0 14px rgba(138,61,204,.85);\r\n}\r\n\r\n#lumeair-hero-bg .lumeair-soft-center{\r\n  background:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      rgba(255,255,255,.36) 0%,\r\n      rgba(255,255,255,.10) 34%,\r\n      transparent 68%);\r\n  opacity:.9;\r\n}\r\n\r\n\/* Movimento *\/\r\n@keyframes lumeair-spin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n@keyframes lumeair-spin-reverse{\r\n  to{transform:rotate(-360deg)}\r\n}\r\n\r\n@keyframes lumeair-breathe-a{\r\n  0%,100%{opacity:.38;transform:scale(1)}\r\n  50%{opacity:.50;transform:scale(1.055)}\r\n}\r\n\r\n@keyframes lumeair-breathe-b{\r\n  0%,100%{opacity:.31;transform:scale(1)}\r\n  50%{opacity:.41;transform:scale(1.045)}\r\n}\r\n\r\n@keyframes lumeair-breathe-c{\r\n  0%,100%{opacity:.23;transform:scale(1)}\r\n  50%{opacity:.33;transform:scale(1.06)}\r\n}\r\n\r\n@keyframes lumeair-pulse-ring{\r\n  0%,100%{opacity:.55;transform:scale(1)}\r\n  50%{opacity:.82;transform:scale(1.018)}\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width:900px){\r\n  #lumeair-hero-bg .lumeair-ring-outer{width:900px}\r\n  #lumeair-hero-bg .lumeair-ring-middle{width:680px}\r\n  #lumeair-hero-bg .lumeair-ring-inner{width:470px}\r\n\r\n  #lumeair-hero-bg .lumeair-orb-one{\r\n    width:680px;\r\n    left:-240px;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-orb-two{\r\n    width:720px;\r\n    right:-280px;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-orb-three{\r\n    width:560px;\r\n    left:10%;\r\n  }\r\n}\r\n\r\n\/* Mobile: mant\u00e9m a identidade sem sobrecarregar *\/\r\n@media (max-width:600px){\r\n  #lumeair-hero-bg .lumeair-editorial-grid{\r\n    opacity:.08;\r\n    background-size:54px 54px;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-ring-outer{\r\n    width:720px;\r\n    opacity:.75;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-ring-middle{\r\n    width:560px;\r\n    opacity:.78;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-ring-inner{\r\n    width:390px;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-orb-one{\r\n    width:560px;\r\n    left:-300px;\r\n    top:-120px;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-orb-two{\r\n    width:580px;\r\n    right:-340px;\r\n    top:16%;\r\n  }\r\n\r\n  #lumeair-hero-bg .lumeair-orb-three{\r\n    width:480px;\r\n    left:-30px;\r\n    bottom:-180px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #lumeair-hero-bg .lumeair-orb,\r\n  #lumeair-hero-bg .lumeair-ring{\r\n    animation:none !important;\r\n  }\r\n}\r\n\r\n\/* FIX ELEMENTOR \u2014 remove qualquer faixa\/espa\u00e7o criada pelo pr\u00f3prio widget HTML *\/\r\n.elementor-widget-html.lumeair-bg-widget{\r\n  position:absolute !important;\r\n  inset:0 !important;\r\n  width:100% !important;\r\n  height:100% !important;\r\n  min-height:100% !important;\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  z-index:0 !important;\r\n  pointer-events:none !important;\r\n}\r\n\r\n.elementor-widget-html.lumeair-bg-widget > .elementor-widget-container{\r\n  position:absolute !important;\r\n  inset:0 !important;\r\n  width:100% !important;\r\n  height:100% !important;\r\n  min-height:100% !important;\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n}\r\n\r\n.elementor-widget-html.lumeair-bg-widget #lumeair-hero-bg{\r\n  position:absolute !important;\r\n  inset:0 !important;\r\n  width:100% !important;\r\n  height:100% !important;\r\n  margin:0 !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('lumeair-hero-bg');\r\n  if(!root || root.dataset.motionReady === 'true') return;\r\n\r\n  \/* Faz o pr\u00f3prio widget HTML virar uma camada absoluta, sem ocupar espa\u00e7o no Flexbox *\/\r\n  const htmlWidget = root.closest('.elementor-widget-html');\r\n  if(htmlWidget) htmlWidget.classList.add('lumeair-bg-widget');\r\n\r\n  \/* Garante que o container direto do Elementor seja o contexto de posicionamento *\/\r\n  const heroContainer = root.closest('.e-con, .elementor-container, .elementor-section');\r\n  if(heroContainer){\r\n    const computed = getComputedStyle(heroContainer);\r\n    if(computed.position === 'static') heroContainer.style.position = 'relative';\r\n    heroContainer.style.overflow = 'hidden';\r\n  }\r\n\r\n  root.dataset.motionReady = 'true';\r\n  root.dataset.motionReady = 'true';\r\n\r\n  const o1 = root.querySelector('.lumeair-orb-one');\r\n  const o2 = root.querySelector('.lumeair-orb-two');\r\n  const o3 = root.querySelector('.lumeair-orb-three');\r\n\r\n  const reduce = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n  if(reduce.matches) return;\r\n\r\n  let mx = 0;\r\n  let my = 0;\r\n  let tx = 0;\r\n  let ty = 0;\r\n  let frameId = null;\r\n\r\n  function onPointerMove(e){\r\n    const r = root.getBoundingClientRect();\r\n\r\n    \/* S\u00f3 reage quando o cursor est\u00e1 sobre a \u00e1rea da hero *\/\r\n    if(\r\n      e.clientX < r.left ||\r\n      e.clientX > r.right ||\r\n      e.clientY < r.top ||\r\n      e.clientY > r.bottom\r\n    ){\r\n      tx = 0;\r\n      ty = 0;\r\n      return;\r\n    }\r\n\r\n    tx = ((e.clientX - r.left) \/ r.width) - 0.5;\r\n    ty = ((e.clientY - r.top) \/ r.height) - 0.5;\r\n  }\r\n\r\n  function animate(){\r\n    mx += (tx - mx) * 0.045;\r\n    my += (ty - my) * 0.045;\r\n\r\n    if(o1) o1.style.translate = `${mx * -28}px ${my * -20}px`;\r\n    if(o2) o2.style.translate = `${mx * 34}px ${my * 26}px`;\r\n    if(o3) o3.style.translate = `${mx * -20}px ${my * 22}px`;\r\n\r\n    frameId = requestAnimationFrame(animate);\r\n  }\r\n\r\n  window.addEventListener('pointermove', onPointerMove, {passive:true});\r\n  frameId = requestAnimationFrame(animate);\r\n\r\n  \/* Limpa o loop se o widget for removido pelo editor *\/\r\n  const observer = new MutationObserver(function(){\r\n    if(!document.body.contains(root)){\r\n      window.removeEventListener('pointermove', onPointerMove);\r\n      if(frameId) cancelAnimationFrame(frameId);\r\n      observer.disconnect();\r\n    }\r\n  });\r\n\r\n  observer.observe(document.body, {childList:true, subtree:true});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d85618b elementor-widget elementor-widget-html\" data-id=\"d85618b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lumeair-cursor-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n.lumeair-cursor-glow{\r\n  position:absolute;\r\n  width:340px;\r\n  height:340px;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  z-index:1;\r\n\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%, -50%);\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.62) 0%,\r\n      rgba(255,168,74,.34) 20%,\r\n      rgba(255,45,186,.22) 40%,\r\n      rgba(138,61,204,.16) 58%,\r\n      rgba(138,61,204,.06) 68%,\r\n      transparent 78%\r\n    );\r\n\r\n  filter:blur(34px);\r\n  opacity:0;\r\n\r\n  transition:opacity .22s ease;\r\n\r\n  mix-blend-mode:screen;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .lumeair-cursor-glow{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const glow = document.querySelector('.lumeair-cursor-glow');\r\n\r\n  if(!glow) return;\r\n\r\n  const hero =\r\n    glow.closest('.e-con') ||\r\n    glow.closest('.elementor-container') ||\r\n    glow.parentElement;\r\n\r\n  if(!hero) return;\r\n\r\n  hero.style.position = 'relative';\r\n  hero.style.overflow = 'hidden';\r\n\r\n  let targetX = hero.clientWidth \/ 2;\r\n  let targetY = hero.clientHeight \/ 2;\r\n\r\n  let currentX = targetX;\r\n  let currentY = targetY;\r\n\r\n  function animate(){\r\n    currentX += (targetX - currentX) * 0.16;\r\n    currentY += (targetY - currentY) * 0.16;\r\n\r\n    glow.style.left = currentX + 'px';\r\n    glow.style.top = currentY + 'px';\r\n\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  hero.addEventListener('mouseenter', function(){\r\n    glow.style.opacity = '1';\r\n  });\r\n\r\n  hero.addEventListener('mousemove', function(e){\r\n    const rect = hero.getBoundingClientRect();\r\n\r\n    targetX = e.clientX - rect.left;\r\n    targetY = e.clientY - rect.top;\r\n  });\r\n\r\n  hero.addEventListener('mouseleave', function(){\r\n    glow.style.opacity = '0';\r\n  });\r\n\r\n  animate();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bee1ba elementor-widget elementor-widget-html\" data-id=\"9bee1ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"lumeair-hero-title\">\r\n  <span>Identidade, dire\u00e7\u00e3o e<\/span>\r\n  <span>presen\u00e7a digital pensadas<\/span>\r\n  <span>como um <em class=\"lumeair-gradient lumeair-feature\">\u00fanico sistema.<\/em><\/span>\r\n<\/h1>\r\n\r\n<style>\r\n.lumeair-hero-title{\r\n  margin:0 auto;\r\n  max-width:1050px;\r\n  padding-top:50px;\r\n\r\n  font-family:\"DM Serif Display\", serif;\r\n  font-size:clamp(48px, 5.15vw, 76px);\r\n  line-height:.98;\r\n  letter-spacing:-0.032em;\r\n  font-weight:400;\r\n\r\n  color:#1A0D3F;\r\n  text-align:center;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.lumeair-hero-title span{\r\n  display:block;\r\n}\r\n\r\n.lumeair-gradient{\r\n  font-style:italic;\r\n  font-weight:400;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #D91E8D 0%,\r\n    #FF2DBA 34%,\r\n    #8A3DCC 68%,\r\n    #FFA84A 100%\r\n  );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n\r\n.lumeair-feature{\r\n  font-size:1.10em;\r\n  letter-spacing:-0.038em;\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .lumeair-hero-title{\r\n    max-width:850px;\r\n    font-size:clamp(46px, 6.5vw, 68px);\r\n    padding-top:42px;\r\n  }\r\n}\r\n\r\n@media(max-width:66px){\r\n  .lumeair-hero-title{\r\n    max-width:94%;\r\n    font-size:clamp(40px, 10vw, 58px);\r\n    line-height:1;\r\n    padding-top:34px;\r\n    padding-inline:16px;\r\n  }\r\n\r\n  .lumeair-feature{\r\n    font-size:1.07em;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38400ea elementor-widget elementor-widget-html\" data-id=\"38400ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<p class=\"lumeair-hero-subtitle\">\r\n  Unimos estrat\u00e9gia, design e tecnologia para construir marcas com prop\u00f3sito,\r\n  consist\u00eancia e resultados reais.\r\n<\/p>\r\n\r\n<style>\r\n.lumeair-hero-subtitle{\r\n  margin:28px auto 0;\r\n  max-width:660px;\r\n\r\n  font-family:\"Plus Jakarta Sans\", sans-serif;\r\n  font-size:clamp(16px, 1.4vw, 20px);\r\n  line-height:1.65;\r\n  font-weight:400;\r\n  letter-spacing:-0.01em;\r\n\r\n  color:rgba(26,13,63,.74);\r\n  text-align:center;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n@media(max-width:767px){\r\n  .lumeair-hero-subtitle{\r\n    max-width:90%;\r\n    margin-top:22px;\r\n    font-size:15px;\r\n    line-height:1.6;\r\n    padding-inline:10px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87748b4 elementor-widget elementor-widget-html\" data-id=\"87748b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a\r\n  href=\"https:\/\/wa.me\/12672332172?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20LumeAir%20Studio%20e%20gostaria%20de%20conversar%20sobre%20um%20projeto.\"\r\n  class=\"lumeair-hero-btn\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\"\r\n>\r\n  Vamos conversar\r\n<\/a>\r\n\r\n<style>\r\n.lumeair-hero-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-top:24px;\r\n  padding:13px 27px;\r\n\r\n  font-family:\"Plus Jakarta Sans\", sans-serif;\r\n  font-size:13px;\r\n  font-weight:500;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n\r\n  color:#1A0D3F;\r\n  background:transparent;\r\n\r\n  border:1px solid rgba(26,13,63,.78);\r\n  border-radius:999px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  box-shadow:0 0 0 rgba(255,168,74,0);\r\n\r\n  transition:\r\n    transform .28s cubic-bezier(.22,.8,.24,1),\r\n    color .28s ease,\r\n    border-color .28s ease,\r\n    background-color .28s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.lumeair-hero-btn:hover{\r\n  transform:scale(1.04);\r\n\r\n  color:#FFA84A;\r\n  border-color:#FFA84A;\r\n\r\n  background:rgba(255,168,74,.025);\r\n\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,168,74,.06),\r\n    0 6px 24px rgba(255,168,74,.14),\r\n    0 0 28px rgba(255,168,74,.10);\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lumeair-hero-btn:focus{\r\n  color:#FFA84A;\r\n  border-color:#FFA84A;\r\n  text-decoration:none !important;\r\n  outline:none;\r\n}\r\n\r\n.lumeair-hero-btn:active{\r\n  transform:scale(1.015);\r\n\r\n  color:#FFA84A;\r\n  border-color:#FFA84A;\r\n\r\n  box-shadow:\r\n    0 3px 14px rgba(255,168,74,.12);\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n@media(max-width:767px){\r\n  .lumeair-hero-btn{\r\n    margin-top:22px;\r\n    padding:12px 23px;\r\n    font-size:12px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5592852 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5592852\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95c1ca9 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"95c1ca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Uma marca, um sistema,<br>\n<em style=\"color:#D91E8D\">v\u00e1rias formas de presen\u00e7a.<\/em><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d96c393 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d96c393\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"790\" data-end=\"880\"><span data-start=\"790\" data-end=\"880\">Integramos estrat\u00e9gia, design e tecnologia para construir cada uma delas com inten\u00e7\u00e3o.<\/span><\/p>\n<p data-start=\"882\" data-end=\"934\" data-is-last-node=\"\" data-is-only-node=\"\">\n<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed0d01a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"ed0d01a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25eb3f elementor-widget elementor-widget-html\" data-id=\"b25eb3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lumeair-services-strip\">\r\n\r\n  <div class=\"lumeair-service-item\">\r\n    <h3>Identidade Visual<\/h3>\r\n    <p>Sistemas visuais que traduzem a personalidade da marca.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"lumeair-service-item\">\r\n    <h3>Branding<\/h3>\r\n    <p>Estrat\u00e9gia e posicionamento para construir marcas com dire\u00e7\u00e3o.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"lumeair-service-item\">\r\n    <h3>Web Design<\/h3>\r\n    <p>Sites pensados para unir presen\u00e7a, experi\u00eancia e funcionalidade.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"lumeair-service-item\">\r\n    <h3>Dire\u00e7\u00e3o Criativa<\/h3>\r\n    <p>Conceitos e escolhas visuais que mant\u00eam a marca consistente.<\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.lumeair-services-strip{\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:34px auto 0;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n\r\n  border-top:1px solid rgba(26,13,63,.12);\r\n  border-bottom:1px solid rgba(26,13,63,.12);\r\n}\r\n\r\n.lumeair-service-item{\r\n  position:relative;\r\n  min-height:190px;\r\n\r\n  padding:32px 26px 30px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  text-align:left;\r\n\r\n  background:transparent;\r\n\r\n  transition:\r\n    background .35s ease,\r\n    transform .35s ease;\r\n}\r\n\r\n.lumeair-service-item:not(:last-child){\r\n  border-right:1px solid rgba(26,13,63,.10);\r\n}\r\n\r\n.lumeair-service-item h3{\r\n  margin:0;\r\n\r\n  font-family:\"DM Serif Display\", serif;\r\n  font-size:26px;\r\n  line-height:1.05;\r\n  font-weight:400;\r\n\r\n  color:#1A0D3F;\r\n\r\n  transition:\r\n    color .30s ease,\r\n    transform .30s ease;\r\n}\r\n\r\n.lumeair-service-item p{\r\n  margin:15px 0 0;\r\n\r\n  max-width:240px;\r\n\r\n  font-family:\"Plus Jakarta Sans\", sans-serif;\r\n  font-size:14px;\r\n  line-height:1.58;\r\n  font-weight:400;\r\n\r\n  color:#5C506F;\r\n\r\n  transition:\r\n    color .30s ease,\r\n    transform .30s ease;\r\n}\r\n\r\n.lumeair-service-item::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:26px;\r\n  top:23px;\r\n\r\n  width:28px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #FF2DBA 0%,\r\n    #8A3DCC 52%,\r\n    #FFA84A 100%\r\n  );\r\n\r\n  opacity:.55;\r\n\r\n  transform:scaleX(.55);\r\n  transform-origin:left center;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    opacity .35s ease;\r\n}\r\n\r\n.lumeair-service-item:hover{\r\n  background:\r\n    radial-gradient(\r\n      110% 95% at 50% 50%,\r\n      rgba(255,45,186,.07) 0%,\r\n      rgba(138,61,204,.035) 48%,\r\n      rgba(255,247,232,0) 76%\r\n    );\r\n}\r\n\r\n.lumeair-service-item:hover::before{\r\n  transform:scaleX(1);\r\n  opacity:1;\r\n}\r\n\r\n.lumeair-service-item:hover h3{\r\n  color:#D91E8D;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lumeair-service-item:hover p{\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  .lumeair-services-strip{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .lumeair-service-item{\r\n    min-height:170px;\r\n  }\r\n\r\n  .lumeair-service-item:nth-child(2){\r\n    border-right:none;\r\n  }\r\n\r\n  .lumeair-service-item:nth-child(-n+2){\r\n    border-bottom:1px solid rgba(26,13,63,.10);\r\n  }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .lumeair-services-strip{\r\n    grid-template-columns:1fr;\r\n    margin-top:28px;\r\n  }\r\n\r\n  .lumeair-service-item{\r\n    min-height:auto;\r\n    padding:26px 20px 24px;\r\n    text-align:center;\r\n    align-items:center;\r\n  }\r\n\r\n  .lumeair-service-item:not(:last-child){\r\n    border-right:none;\r\n    border-bottom:1px solid rgba(26,13,63,.10);\r\n  }\r\n\r\n  .lumeair-service-item h3{\r\n    font-size:24px;\r\n  }\r\n\r\n  .lumeair-service-item p{\r\n    max-width:320px;\r\n    font-size:13px;\r\n  }\r\n\r\n  .lumeair-service-item::before{\r\n    left:50%;\r\n    top:18px;\r\n    transform:translateX(-50%) scaleX(.55);\r\n    transform-origin:center;\r\n  }\r\n\r\n  .lumeair-service-item:hover::before{\r\n    transform:translateX(-50%) scaleX(1);\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac80d6 elementor-widget elementor-widget-html\" data-id=\"8ac80d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a\r\n  href=\"https:\/\/lumeairstudio.com\/servicos\/\"\r\n  class=\"lumeair-services-btn\"\r\n>\r\n  Conhe\u00e7a nossos servi\u00e7os\r\n<\/a>\r\n\r\n<style>\r\n.lumeair-services-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-top:44px;\r\n  padding:12px 24px;\r\n\r\n  font-family:\"Plus Jakarta Sans\", sans-serif;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n\r\n  color:#1A0D3F;\r\n  background:transparent;\r\n\r\n  border:1px solid rgba(26,13,63,.76);\r\n  border-radius:999px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  box-shadow:0 0 0 rgba(255,168,74,0);\r\n\r\n  transition:\r\n    transform .28s cubic-bezier(.22,.8,.24,1),\r\n    color .28s ease,\r\n    border-color .28s ease,\r\n    background-color .28s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.lumeair-services-btn:hover{\r\n  transform:scale(1.04);\r\n\r\n  color:#FFA84A;\r\n  border-color:#FFA84A;\r\n\r\n  background:rgba(255,168,74,.025);\r\n\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,168,74,.05),\r\n    0 6px 24px rgba(255,168,74,.13),\r\n    0 0 28px rgba(255,168,74,.09);\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lumeair-services-btn:focus{\r\n  color:#FFA84A;\r\n  border-color:#FFA84A;\r\n  outline:none;\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lumeair-services-btn:active{\r\n  transform:scale(1.015);\r\n}\r\n\r\n@media(max-width:767px){\r\n  .lumeair-services-btn{\r\n    margin-top:28px;\r\n    padding:11px 21px;\r\n    font-size:11px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dfb3de e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1dfb3de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2220809 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2220809\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projetos em destaque<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df2f0ff e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"df2f0ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e14617d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e14617d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8d63ac e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a8d63ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-adcdebf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"adcdebf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0815ecb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"0815ecb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Identidade, dire\u00e7\u00e3o e presen\u00e7a digital pensadas como um \u00fanico sistema. Unimos estrat\u00e9gia, design e tecnologia para construir marcas com prop\u00f3sito, consist\u00eancia e resultados reais. Vamos conversar Uma marca, um sistema, v\u00e1rias formas de presen\u00e7a. Integramos estrat\u00e9gia, design e tecnologia para construir cada uma delas com inten\u00e7\u00e3o. Identidade Visual Sistemas visuais que traduzem a personalidade da marca. Branding Estrat\u00e9gia e posicionamento para construir marcas com dire\u00e7\u00e3o. Web Design Sites pensados para unir presen\u00e7a, experi\u00eancia e funcionalidade. Dire\u00e7\u00e3o Criativa Conceitos e escolhas visuais que mant\u00eam a marca consistente. Conhe\u00e7a nossos servi\u00e7os Projetos em destaque<\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":32,"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/lumeairstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}