/* Tela escura */
.hero-container {
  min-height: 100vh;
  background: linear-gradient(to bottom right, #5f6f6e, #19363a, #19363a);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* Grid transparente */
.grid-pattern {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 4rem 4rem;
}

/* Bolhas grandes */
.blob {
  position: absolute;
  border-radius: 80%;
  filter: blur(100px);
  mix-blend-mode: multiply;
  animation: blob 20s ease-in-out infinite;
}

.blob1 { width: 500px; height: 500px; top: 250px; left: 650px; background: #ffffff }
//.blob2 { width: 500px; height: 500px; top: 250px; right: 650px; background: #343A40; animation-delay: 1ms; }
//.blob3 { width: 500px; height: 500px; bottom: 250px; left: 650px; background: #343A40; animation-delay: 4s; }
//.blob4 { width: 500px; height: 500px; bottom: 250px; right: 650px; background: #343A40; animation-delay: 6s; }

/* Logo flutuando */
.logo-float {
  width: 260px;
  z-index: 10;
  animation: logo-float 15s ease-in-out infinite;
}

/* Partículas */
.particle {
  position: absolute;
  width: 7px;
  height: 7px;
  background: #ffffff;
  border-radius: 100%;
  opacity: .4;
  animation: particle-move 15s ease-in-out infinite;
}

/* Keyframes */
@keyframes blob {
  0%,100% { transform: translate(0,0) scale(1); }
  25% { transform: translate(60px,-80px) scale(1.1); }
  50% { transform: translate(-50px,60px) scale(.9); }
  75% { transform: translate(70px,50px) scale(1.05); }
}

@keyframes logo-float {
  0%,100% { transform: translate(0,0) scale(1); }
  25% { transform: translate(40px,-40px) scale(1.05); }
  50% { transform: translate(-20px,30px) scale(.95); }
  75% { transform: translate(30px,20px) scale(1.03); }
}

@keyframes particle-move {
  0%,100% { transform: translate(0,0); opacity:.4; }
  25% { transform: translate(30px,-30px); opacity:.6; }
  50% { transform: translate(-20px,25px); opacity:.2; }
  75% { transform: translate(15px,15px); opacity:.5; }
}

body, #adianti_div_content, .container, .page-container {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.theme-default .page-content,
.theme-default .container-wrapper,
.theme-default .wrapper {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

body, #adianti_div_content,
.container, .page-container,
.theme-default .page-content,
.theme-default .container-wrapper,
.theme-default .wrapper {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}