.elementor-18 .elementor-element.elementor-element-9de564d{overflow:hidden;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7f65145 *//* Cole este código no Personalizador do Tema (Aparência > Personalizar > CSS Adicional) ou use um plugin de CSS customizado */

/* Definição de fontes (idealmente, importe as fontes Poppins e Inter no seu tema) */
/* Este código simula as fontes, mas o ideal é carregá-las corretamente */
body {
    font-family: 'Poppins', sans-serif;
}

/* Animações customizadas */
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes image-glow {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.74, 0.25, 0.76, 1);
  }
  10% {
    opacity: 0.7;
    animation-timing-function: cubic-bezier(0.12, 0.01, 0.08, 0.99);
  }
  to {
    opacity: 0.4;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.layout-poppins {
  font-family: 'Poppins', sans-serif;
}

/* Animação para o texto giratório do Studio Lumes */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animação de rotação para o texto em SVG */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animação de rotação para o texto em SVG */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Regra corrigida para a rotação centralizada */
.spinning-text-svg {
  /* Define o ponto de origem da transformação para o centro */
  transform-origin: center;
  
  /* Define a caixa de referência para a transformação */
  transform-box: fill-box;
  
  /* Aplica a animação */
  animation: spin 20s linear infinite;
}

/* Animação para o indicador de rolagem */
@keyframes bounce-down {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.7;
  }
}

.scroll-indicator-animation {
  animation: bounce-down 2.5s ease-in-out infinite;
}

/* Suaviza o movimento dos tags com parallax */
.parallax-tag {
  transition: transform 0.2s ease-out;
}

/* --- Animações de Entrada (Scroll Reveal) --- */
.animate-on-scroll {
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}
.animate-fade-in-up {
  opacity: 0;
  transform: translateY(40px);
}
.animate-slide-in-left {
  opacity: 0;
  transform: translateX(-40px);
}
.animate-slide-in-right {
  opacity: 0;
  transform: translateX(40px);
}
.animate-zoom-in {
  opacity: 0;
  transform: scale(0.9);
}
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: none;
}

/* --- Animação do Indicador de Rolagem --- */
@keyframes bounce-down {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.7;
  }
}
.scroll-indicator-animation {
  animation: bounce-down 2.5s ease-in-out infinite;
}

/* --- Efeito Parallax (Suavização) --- */
.parallax-tag {
  transition: transform 0.2s ease-out;
}

/* --- Animação do Ícone SVG --- */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.spinning-text-svg {
  transform-origin: center;
  transform-box: fill-box;
  animation: spin 20s linear infinite;
}

/* --- Estilo do Menu Mobile --- */
.mobile-menu {
  display: none;
}
.mobile-menu.active {
  display: flex;
}

/* --- CORREÇÃO AGRESSIVA PARA O BOTÃO HAMBÚRGUER --- */
#hamburger-button,
#hamburger-button:hover,
#hamburger-button:focus,
#hamburger-button:active,
#hamburger-button:focus-visible {
    -webkit-tap-highlight-color: transparent !important; /* Remove o realce de toque */
    outline: none !important;                 /* Remove QUALQUER contorno de foco */
    box-shadow: none !important;              /* Remove QUALQUER sombra de foco */
    border: none !important;                  /* Remove QUALQUER borda */
}

/* Restaura o efeito de fundo suave que queremos ao passar o mouse/tocar */
#hamburger-button:hover, #hamburger-button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9de564d *//* Cole este código no Personalizador do Tema (Aparência > Personalizar > CSS Adicional) ou use um plugin de CSS customizado */

/* Definição de fontes (idealmente, importe as fontes Poppins e Inter no seu tema) */
/* Este código simula as fontes, mas o ideal é carregá-las corretamente */
body {
    font-family: 'Poppins', sans-serif;
}

/* Animações customizadas */
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes image-glow {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.74, 0.25, 0.76, 1);
  }
  10% {
    opacity: 0.7;
    animation-timing-function: cubic-bezier(0.12, 0.01, 0.08, 0.99);
  }
  to {
    opacity: 0.4;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}/* End custom CSS */