/* _menuResponsivo.css */

/*
verde principal: #b2d235
verde botao selecionado: #98b32d
verde menu dropdown: #919e5c
verde menu dropdown selecionado: #8a9657
*/
 
/* 
 * _menu.css - Versão 6.0 Consolidada
 * Desktop: 1 linha fixa | Mobile: Fluxo real, sem banner 0800 e identação total.
 */
 
:root {
  --fontSize: 14px;
  --verde-vtx: #b2d235;
  --verde-musgo: #759f20;
}

/* 1. ESTRUTURA DESKTOP */
.topnav {
    background-color: var(--verde-vtx);
    width: 100%;
    position: relative;
    z-index: 999; /* mais alta camada */ 
    display: flex;
    align-items: center;
    min-height: 48px;
	flex-wrap: wrap; 
}

.topnav a {
	/* cuidado:  é preciso Garantir que não haja uma altura fixa que impeça o container de crescer */
    color: black;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-size: var(--fontSize);
    font-weight: bold;
	
}

/* Destaques Verde Musgo */
.topnav a.active, .topnav a.icon {
    background-color: var(--verde-musgo) !important;
    color: white !important;
    padding: 18px 20px !important;
}



.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #98b32d;
    color: white;
}

.dropdown { 	
            /* cuidado:  é preciso Garantir que não haja uma altura fixa que impeça o container de crescer */
			float: left;  

		}

.dropdown .dropbtn {
	/* cuidado:  é preciso Garantir que não haja uma altura fixa que impeça o container de crescer */
    font-size: var(--fontSize);
    border: none; outline: none; color: black;
    padding: 10px 10px; background-color: inherit;
    font-family: inherit; font-weight: bold; cursor: pointer;
}

.dropdown-content {
	
    display: none; position: absolute; background-color: #919e5c;
    min-width: 220px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); z-index: 1000;
	padding-left: 10px ;
	padding-right: 10px ;
	
}

.dropdown-content a {
    float: none; color: black; padding: 12px 0px;
    display: block; text-align: left;
}

.dropdown:hover .dropdown-content { display: block; }
.topnav .icon { display: none; }

  

/* 2. REGRAS RESPONSIVAS (MOBILE 800px) */
@media  (max-width: 800px) {
    
    /* A: OCULTA BANNER 0800 E FIXA LARGURA */
    html, body, #header, #container, #content { width:100%;  min-width: 0 !important; } 
	
   
    .banner, .img-0800, #header-img-right { display: none !important; } /* Esconde o 0800 */
	
    .topnav {
        display: flex !important;
        justify-content: space-between; /* INICIO na esquerda, HAMBURGER na direita */
        height: auto;
        min-height: 48px;
		position: relative; 
		width: 100% !important;
		box-sizing: border-box;
    }

    /* Esconde itens quando fechado, exceto o primeiro (INÍCIO) e o ícone */
    .topnav a:not(:first-child):not(.icon), 
    .topnav .dropdown {
        display: none;
    }

    /* ÍCONE HAMBURGER - Fixo no canto direito da barra */
    .topnav a.icon {
        display: block !important;
        order: 2; /* Garante que fique na direita no flex */
	}
	
    
    /* 3. ESTADO ABERTO (.responsive) */
    .topnav.responsive {
        display: flex; /* Volta para bloco para empilhar verticalmente */
		width: fit-content;
		min-width: 280px; 
		max-width: 85%;
		position: fixed; 
		overflow-y: auto;
		/* height: 70vh;*/
		height: calc(100vh - 250px); 
		top: 155px;
		
    }
	
	.topnav.responsive .icon { 

			position: relative;
			top: auto;
			right: auto;
			float: right;            /* ou use margin-left: auto no container flex */
			z-index: 1001;
			margin: 10px;

	} 
	

    .topnav.responsive a, 
    .topnav.responsive .dropdown {
        display: block !important;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
	
	/* Mantem o cabeçalho fixo  */
	.topnav.responsive a.active  { 
	
		 position: sticky; 
		 top: 0;
		 z-index: 1200;      /* Cria a camada superior,  prioriza colocando a tarja na frente o padrão dos demais é 0 (zero) */ 
		 background-color: var(--verde-musgo) !important; /* Garante que nada transpareça */
		
	}
	
	

    /* 4. SUBMENUS COM IDENTAÇÃO (O "DEGRAU") */
	
	
		
    .topnav.responsive .dropdown-content {
        position: relative;
        display: block !important;
        background-color: rgba(0,0,0,0.05);
        box-shadow: none;
    }

    .topnav.responsive .dropdown-content a {
        padding-left: 15px !important; /* RECUO DOS ITENS SOLICITADO */
        font-weight: normal;
        display: block !important;
    }

    .topnav.responsive .dropdown .dropbtn {
        width: 100%;
        text-align: left;
        padding: 15px 16px;
    }
    
    /* Garante que o SAIR e outros links avulsos apareçam */
    .topnav.responsive a {
        display: block !important;
		width: auto; 
    }
	
	
	.imgFotoVistaAoLado { 
	
		display: none; 
	}
}