.elementor-kit-4{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#DCDCDC;--e-global-color-text:#000000;--e-global-color-accent:#FF0000;--e-global-color-e049cd8:#000000;--e-global-typography-primary-font-family:"Michroma";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Michroma";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Michroma";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;color:#FFFFFF;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-footer .footer-inner{width:0px;max-width:100%;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* BASE GLOBAL */
html, body {
  background-color: black !important;
  color: white !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Texto sempre branco */
body, h1, h2, h3, h4, h5, h6, p, span, a, li, label, input, textarea {
  color: white !important;
}

/* MOBILE: NÃO interfere nas seções com imagem */
@media screen and (max-width: 767px) {
  /* Apenas mantém o fundo preto geral */
  .elementor-widget-spacer {
    background-color: transparent !important;
  }
}

/* DESKTOP */
@media screen and (min-width: 768px) {
  html, body {
    background-color: GREY !important;
  }

  /* Centraliza como celular */
  #mobile-wrapper {
    width: 450px;
    margin: 0 auto;
    background-color: black !important;
    min-height: 100vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    overflow: hidden;
    position: relative;
    z-index: 10;
  }

  /* Mantém imagens de fundo nas seções */
  .elementor-container,
  .elementor-column,
  .elementor-widget,
  .elementor-widget-spacer {
    background-color: transparent !important;
  }

  /* Texto continua branco no desktop */
  body, h1, h2, h3, h4, h5, h6, p, span, a, li, label {
    color: white !important;
  }
}


<script>
  document.addEventListener("DOMContentLoaded", function () {
    const botao = document.getElementById("scroll-down-btn");
    if (botao) {
      botao.addEventListener("click", function () {
        window.scrollBy({
          top: window.innerHeight * 0.8, // rola 80% da tela
          left: 0,
          behavior: 'smooth'
        });
      });
    }
  });
</script>/* End custom CSS */