/* ================================
   HERO (FUNDO PRINCIPAL)
================================ */
.hero-container {
  min-height: 100vh; /* ocupa 100% da altura da tela */
  background: linear-gradient(to bottom right, #fff, #fff, #cf901c); /* fundo branco com degradê laranja */
  display: flex;
  align-items: center; /* centraliza vertical */
  justify-content: center; /* centraliza horizontal */
  position: relative;
  overflow: hidden; /* evita que elementos vazem */
}

/* ================================
   GRID TRANSPARENTE (EFEITO DE FUNDO)
================================ */
.grid-pattern {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(249, 115, 22, 0.15) 2px, transparent 1px),
    linear-gradient(to bottom, rgba(249, 115, 22, 0.15) 2px, transparent 1px);
  background-size: 4rem 4rem;
}

/* ================================
   BOLHAS (BLOBS ANIMADOS)
================================ */
.blob {
  position: absolute;
  border-radius: 80%; /* formato orgânico */
  filter: blur(100px); /* deixa suave */
  mix-blend-mode: multiply; /* mistura cores */
  animation: blob 20s ease-in-out infinite; /* animação */
}

/* posições e cores individuais */
.blob1 { 
  width: 500px; height: 500px; 
  top: -100px; left: -100px; 
  background: #fb923c44; 
}

.blob2 { 
  width: 500px; height: 500px; 
  top: -100px; right: -100px; 
  background: #f9731644; 
  animation-delay: 2s; 
}

.blob3 { 
  width: 500px; height: 500px; 
  bottom: -100px; left: 0; 
  background: #facc1544; 
  animation-delay: 4s; 
}

.blob4 { 
  width: 400px; height: 400px; 
  bottom: 0; right: 0; 
  background: #ea580c44; 
  animation-delay: 6s; 
}

/* ================================
   LOGO FLUTUANTE (DESATIVADA)
================================ */

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

/* ================================
   PARTÍCULAS (PEQUENOS PONTOS)
================================ */
.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #343A40;
  border-radius: 50%;
  opacity: .4;
  animation: particle-move 15s ease-in-out infinite;
}

/* ================================
   ANIMAÇÕES
================================ */

/* movimento das bolhas */
@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); }
}

/* animação da logo (mantida, mas não usada) */
@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); }
}

/* movimento das partículas */
@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; }
}

/* ================================
   RESET DE ESPAÇOS (ADIANTI / LAYOUT)
================================ */

/* remove padding/margem padrão */
body, #adianti_div_content, .container, .page-container {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* remove espaçamentos do tema */
.theme-default .page-content,
.theme-default .container-wrapper,
.theme-default .wrapper {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* reforço (garante que nada sobrescreva) */
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;
}