/* ==========================================================================
   AJUSTE DE POSIÇÃO, ROTAÇÃO E ESCALA DOS GALHOS DECORATIVOS (SEÇÃO PACOTES)
   Caminho do Arquivo no Servidor: public/css/decor.css
   Você pode editar este arquivo diretamente no servidor via FTP, SSH ou cPanel!
   ========================================================================== */

/* --------------------------------------------------------------------------
   SEÇÃO PACOTES - ESQUERDA (De cima para baixo)
   -------------------------------------------------------------------------- */

/* 1. Union (2) - Canto Superior Esquerdo (Vaza para cima do quadro) */
#leaf-left-1 {
  position: absolute;
  top: -145px;
  left: -20px;
  width: 170px;
  transform: rotate(30deg) scale(0.8);
  z-index: 10;
  pointer-events: none;
}

/* 2. Vector (7) - Meio Superior Esquerdo */
#leaf-left-2 {
  position: absolute;
  top: 40%;
  left: -50px;
  width: 150px;
  transform: rotate(0deg) scale(1.1);
  z-index: 10;
  pointer-events: none;
}

/* 3. Vector (7) [Invertido Verticalmente] - Meio Inferior Esquerdo */
#leaf-left-3 {
  position: absolute;
  top: 50%;
  left: -60px;
  width: 150px;
  transform: rotate(0deg) scaleY(-1.2);
  z-index: 10;
  pointer-events: none;
}

/* 4. Union [Invertido Vertical e Horizontalmente] - Canto Inferior Esquerdo (Vaza para baixo do quadro) */
#leaf-left-4 {
  position: absolute;
  bottom: -65px;
  left: -20px;
  width: 180px;
  transform: rotate(0deg) scale(-1.2, -1.2);
  z-index: 10;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   SEÇÃO PACOTES - DIREITA (De cima para baixo)
   -------------------------------------------------------------------------- */

/* 1. Vector (5) - Canto Superior Direito (Vaza para cima do quadro) */
#leaf-right-1 {
  position: absolute;
  top: -45px;
  right: -80px;
  width: 180px;
  transform: rotate(0deg) scale(1.4);
  z-index: 10;
  pointer-events: none;
}

/* 2. Vector (6) - Meio Superior Direito */
#leaf-right-2 {
  position: absolute;
  top: 26%;
  right: 20px;
  width: 150px;
  transform: rotate(0deg) scale(0.4);
  z-index: 10;
  pointer-events: none;
}

/* 3. Vector (4) - Meio Inferior Direito */
#leaf-right-3 {
  position: absolute;
  top: 45%;
  right: -16px;
  width: 150px;
  transform: rotate(0deg) scale(1);
  z-index: 10;
  pointer-events: none;
}

/* 4. Vector (3) - Canto Inferior Direito (Vaza para baixo do quadro) */
#leaf-right-4 {
  position: absolute;
   bottom: -55px;
  right: -20px;
  width: 180px;
  transform: rotate(0deg) scale(1.2);
  z-index: 10;
  pointer-events: none;
}

/* ==========================================================================
   GALHOS DECORATIVOS - SEÇÃO FLAMBOYANT / RESTAURANTE
   ========================================================================== */

/* --------------------------------------------------------------------------
   ESQUERDA FLAMBOYANT (De cima para baixo)
   -------------------------------------------------------------------------- */

/* 1. Vector (75) - Canto Superior Esquerdo (vaza para cima da faixa cinza) */
#flamboyant-left-1 {
  position: absolute;
  top: 35px;
  left: -80px;
  width: 180px;
  transform: rotate(120deg) scale(1.3);
  z-index: 10;
  pointer-events: none;
}

/* 2. Vector (7) - Meio Superior Esquerdo */
#flamboyant-left-2 {
  position: absolute;
  top: 38%;
  left: -80px;
  width: 140px;
  transform: rotate(0deg) scale(1.2);
  z-index: 10;
  pointer-events: none;
}

/* 3. Vector (7) [Invertido Verticalmente] - Meio Inferior Esquerdo */
#flamboyant-left-3 {
  position: absolute;
  top: 50%;
  left: -20px;
  width: 140px;
  transform: rotate(0deg) scaleY(-1.2);
  z-index: 10;
  pointer-events: none;
}

/* 4. Union (1) - Canto Inferior Esquerdo (vaza para baixo da faixa cinza) */
#flamboyant-left-4 {
  position: absolute;
  bottom: -45px;
  left: -60px;
  width: 170px;
  transform: rotate(40deg) scale(0.7);
  z-index: 10;
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   DIREITA FLAMBOYANT (De cima para baixo)
   -------------------------------------------------------------------------- */

/* 1. Vector (4) - Topo / Meio Superior Direito (faixa cinza) */
#flamboyant-right-1 {
  position: absolute;
  top: 150px;
  right: 50%;
  width: 120px;
  transform: rotate(0deg) scale(0.8);
  z-index: 10;
  pointer-events: none;
}

/* 2. Vector (8) - Meio Direito (folha grande) */
#flamboyant-right-2 {
  position: absolute;
  top: 50%;
  right: -45px;
  width: 190px;
  transform: rotate(270deg) scale(1.3);
  z-index: 10;
  pointer-events: none;
}

/* 3. Vector (6) [Invertido Horizontalmente] - Canto Inferior Direito */
#flamboyant-right-3 {
  position: absolute;
  bottom: 160px;
  right: 30%;
  width: 90px;
  transform: rotate(-40deg) scaleX(-0.8);
  z-index: 10;
  pointer-events: none;
}

/* ==========================================================================
   GALHOS DECORATIVOS - SEÇÃO ESTATÍSTICAS (50 ANOS / 25.000m² / 800m)
   Efeito Overlay com z-index: 0 (Da esquerda para a direita)
   ========================================================================== */

/* 1. Union (1) - Lado Esquerdo */
#stats-decor-1 {
  position: absolute;
  top: -180px;
  left: -20px;
  width: 240px;
  transform: rotate(120deg) scale(0.7);
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.45;
}

/* 2. Vector (5) - Centro-Esquerda (Topo) */
#stats-decor-2 {
  position: absolute;
  top: -100px;
  left: 33%;
  width: 220px;
  transform: rotate(270deg) scale(1);
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: ;
  opacity: 0.45;
}

/* 3. Union - Centro-Direita (Base) */
#stats-decor-3 {
  position: absolute;
  bottom: -150px;
  right: 32%;
  width: 220px;
  transform: rotate(-10deg) scale(1.2);
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: ;
  opacity: 0.45;
}

/* 4. Union (2) - Lado Direito */
#stats-decor-4 {
  position: absolute;
  top: -180px;
  right: 0px;
  width: 250px;
  transform: rotate(-65deg) scale(0.7);
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.45;
}

/* ==========================================================================
   RESPONSIVE SAFEGUARD (TABLET & MOBILE)
   Esconde ou reduz elementos decorativos absolutos para evitar estourar o layout
   ========================================================================== */
@media (max-width: 1024px) {
  #leaf-left-1, #leaf-left-2, #leaf-left-3, #leaf-left-4,
  #leaf-right-1, #leaf-right-2, #leaf-right-3, #leaf-right-4,
  #flamboyant-left-1, #flamboyant-left-2, #flamboyant-left-3, #flamboyant-left-4,
  #flamboyant-right-1, #flamboyant-right-2, #flamboyant-right-3,
  #stats-decor-1, #stats-decor-2, #stats-decor-3, #stats-decor-4 {
    display: none !important;
  }
}