.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-d5a7aac img{width:21%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-b0bc555{text-align:center;}.elementor-8 .elementor-element.elementor-element-b0bc555 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#747474;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-536cc11 .elementor-button{background-color:#C58008;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);fill:#CCCCCC;color:#CCCCCC;box-shadow:0px 0px 10px 3px #A2A2A2;border-style:solid;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-8 .elementor-element.elementor-element-536cc11 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e496b6f{text-align:center;}.elementor-8 .elementor-element.elementor-element-e496b6f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#747474;}.elementor-8 .elementor-element.elementor-element-fcd3550 .elementor-button{background-color:#C58008;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);fill:#CCCCCC;color:#CCCCCC;box-shadow:0px 0px 10px 3px #A2A2A2;border-style:solid;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-8 .elementor-element.elementor-element-fcd3550 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1ede41a{text-align:center;}.elementor-8 .elementor-element.elementor-element-1ede41a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#747474;}.elementor-8 .elementor-element.elementor-element-c385716 .elementor-button{background-color:#C58008;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);fill:#CCCCCC;color:#CCCCCC;box-shadow:0px 0px 10px 3px #A2A2A2;border-style:solid;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-8 .elementor-element.elementor-element-c385716 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5ab03ec{text-align:center;}.elementor-8 .elementor-element.elementor-element-5ab03ec .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#747474;}.elementor-8 .elementor-element.elementor-element-182f2b8 .elementor-button{background-color:#C58008;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);fill:#CCCCCC;color:#CCCCCC;box-shadow:0px 0px 10px 3px #A2A2A2;border-style:solid;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-8 .elementor-element.elementor-element-182f2b8 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-986b2c6 .elementor-button{background-color:#C58008;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);fill:#CCCCCC;color:#CCCCCC;box-shadow:0px 0px 10px 3px #A2A2A2;border-style:solid;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;}.elementor-8 .elementor-element.elementor-element-986b2c6 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f2a97f3{--spacer-size:30px;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-d5a7aac img{width:65%;}.elementor-8 .elementor-element.elementor-element-b0bc555{text-align:center;}.elementor-8 .elementor-element.elementor-element-e496b6f{text-align:center;}.elementor-8 .elementor-element.elementor-element-1ede41a{text-align:center;}.elementor-8 .elementor-element.elementor-element-5ab03ec{text-align:center;}}/* Start custom CSS *//* ============================================
   O MESTRE DA HIDRÁULICA — CSS GLOBAL
   Cole em: Aparência → Personalizar → CSS Adicional
   ============================================ */

/* Base */
body { background-color: #080a14 !important; }
body, p, span, li { color: #8a9eb8; font-family: 'Segoe UI', Arial, sans-serif; }
h1, h2, h3, h4 { color: #c8d8f0; }
a { color: #5a9ae0; }
a:hover { color: #8ab8f0; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #080a14; }
::-webkit-scrollbar-thumb { background: #1e3060; border-radius: 3px; }

/* Botão primário */
.elementor-button.omh-btn-primary {
  background: linear-gradient(135deg, #1a3a80 0%, #2a5ab0 100%);
  border: 1px solid #3a6aaa;
  color: #c0d8f8;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 8px;
  padding: 14px 32px;
  font-size: 15px;
  transition: all 0.3s;
}
.elementor-button.omh-btn-primary:hover {
  background: linear-gradient(135deg, #2a4a90 0%, #3a6ac0 100%);
  color: #e0f0ff;
  box-shadow: 0 4px 20px rgba(60,120,200,0.3);
}

/* ============================================
   EFEITO: CANO CENTRAL + LUZ PARALLAX
   ============================================ */

/* Container do cano — fixo atrás de todo conteúdo */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 100vh;
  z-index: 0;
  pointer-events: none;

  /* Gradiente do cano metálico */
  background:
    /* reflexo de luz esquerdo */
    linear-gradient(90deg,
      transparent 26px,
      rgba(160,200,240,0.07) 30px,
      rgba(160,200,240,0.12) 34px,
      rgba(160,200,240,0.07) 38px,
      transparent 42px
    ),
    /* corpo do cano */
    linear-gradient(90deg,
      #05070e 0px,
      #0d1828 10px,
      #1e3050 18px,
      #3a5880 24px,
      #5a80b0 30px,
      #7aaad8 36px,
      #5a80b0 42px,
      #3a5880 48px,
      #1e3050 54px,
      #0d1828 62px,
      #05070e 72px
    );
  opacity: 0.22;
}

/* Emendas/flanges repetindo a cada 160px */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  opacity: 0.18;

  background-image:
    /* flange (faixa mais larga e escura) */
    linear-gradient(90deg,
      #030508 0px,
      #0a1020 6px,
      #1a2840 16px,
      #2a3e60 30px,
      #3a5070 46px,
      #2a3e60 62px,
      #1a2840 76px,
      #0a1020 86px,
      #030508 92px
    );
  background-size: 92px 160px;
  background-repeat: repeat-y;
  background-position: center top;
  /* Offset para não coincidir com o topo */
  background-origin: content-box;
  padding-top: 60px;
}

/* Luz azul que segue o scroll via JS */
.omh-pipe-light {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(90,154,224,0.5)  0%,
    rgba(50,100,200,0.22) 30%,
    rgba(20,50,120,0.08)  60%,
    transparent           100%
  );
  pointer-events: none;
  z-index: 1;
  top: 0;
  transition: top 0.12s ease-out;
  filter: blur(3px);
  mix-blend-mode: screen;
}

/* Garante que todo conteúdo Elementor fique acima do efeito */
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
  position: relative;
  z-index: 2;
}

/* ============================================
   SCRIPT — Cole antes do  no seu tema
   (Elementor: Elementor → Personalizar → HTML
    ou use plugin Insert Headers and Footers)
   ============================================
<div class="omh-pipe-light" id="omhLight"></div>
<script>
(function(){
  var light = document.getElementById('omhLight');
  if(!light) return;
  var winH = window.innerHeight;
  var lightH = 380;

  function updateLight(){
    var scrollY = window.scrollY || window.pageYOffset;
    var docH = document.documentElement.scrollHeight - winH;
    var pct = docH > 0 ? scrollY / docH : 0;
    var maxTop = winH - lightH;
    var top = pct * maxTop;
    light.style.top = top + 'px';
  }

  window.addEventListener('scroll', updateLight, { passive: true });
  window.addEventListener('resize', function(){
    winH = window.innerHeight;
    updateLight();
  });
  updateLight();
})();
</script>
*//* End custom CSS */