/* ===================================================================
   CORREÇÃO DO MENU DROPDOWN - Detecção de Hover e Gap
   Autor: Claude Code
   Data: 2025-12-29

   Problema: Após remoção da faixa verde do header, o menu dropdown
   estava abrindo com o mouse longe e tinha um gap visível.

   Solução:
   1. Reduzir a área de hover invisível de 100px para 15px
   2. Eliminar o gap reduzindo o top do dropdown de 50px para 5px
   =================================================================== */

/* CORREÇÃO 1: Reduzir área de hover invisível no menu com dropdown */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li a.plus::before {
    height: 15px !important;
}

/* CORREÇÃO 2: Posicionar dropdown abaixo do menu (sem gap) */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {
    top: 100% !important;
    margin-top: 0 !important;
}

/* CORREÇÃO 3: Ajustar o top inicial do dropdown (quando não está em hover) */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
    top: 100% !important;
    margin-top: 0 !important;
}

/* OPCIONAL: Garantir transição suave */
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
    transition: all 0.3s ease-in-out !important;
}