.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-92b0c6e-font-family:"Paprika";--e-global-typography-92b0c6e-font-size:92px;--e-global-typography-92b0c6e-font-weight:800;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.kb-banner-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh; /* usa altura real da viewport (melhor que vh) */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #61a80e;
  overflow: hidden;
  z-index: 10;
  transition: background-color 0.6s ease;
}

html, body {
  height: 100%;
  overflow: hidden; /* impede qualquer rolagem */
}


/* --- Bola de luz no fundo --- */
.kb-banner-scroll::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%);
  filter: blur(10px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

.kb-banner-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.kb-banner-image {
  width: 30vw;
  max-width: 520px;
  height: auto;
  transform: translateY(100px);
  transition: transform 0.6s ease, opacity 0.6s ease;
  position: relative;
  z-index: 3;
}

.kb-banner-title {
  position: absolute;
  bottom: 9%;
  font-family: 'Paprika', sans-serif;
  font-weight: 800;
  font-size: 92px;
  color: #FFFFFF8C;
  text-transform: uppercase;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.6s ease, opacity 0.6s ease;
  pointer-events: none;
  margin: 0;
  z-index: 2;
}

/* --- Responsividade --- */

/* Tablets */
@media (max-width: 1024px) {
  .kb-banner-image {
    width: 40vw;
    transform: translateY(80px);
  }

  .kb-banner-title {
    font-size: 68px;
    bottom: 7%;
  }

  .kb-banner-scroll::before {
    width: 400px;
    height: 400px;
    filter: blur(70px);
  }
}

/* Celulares */
@media (max-width: 768px) {
  .kb-banner-image {
    width: 60vw;
    transform: translateY(60px);
  }

  .kb-banner-title {
    font-size: 48px;
    bottom: 6%;
  }

  .kb-banner-scroll::before {
    width: 300px;
    height: 300px;
    filter: blur(60px);
  }
}

/* Telas muito pequenas */
@media (max-width: 480px) {
  .kb-banner-image {
    width: 70vw;
    transform: translateY(40px);
  }

  .kb-banner-title {
    font-size: 38px;
    bottom: 5%;
  }

  .kb-banner-scroll::before {
    width: 250px;
    height: 250px;
    filter: blur(50px);
  }
}/* End custom CSS */