footer {
    text-align: center;
    padding: 30px 20px;
    margin-top: 10px;
    background-color: #f0f0f0;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 0.9rem;
    font-style: italic;
}

.dest-azul { color: #0000CD; font-weight: bold;font-size: 110%;  text-decoration: underline;}

	/* Configurações para telas menores (Celulares) */
@media (max-width: 600px) {

	    /* 1. Ajuste do Título para não cortar */
    .header-brasilia h1 {
        font-size: 2.2rem !important;
        letter-spacing: 2px !important;
        margin-top: 10px !important;
    }
	
	    /* 2. Sol centralizado e pequeno */
    .logo-sol {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        display: block !important;
        margin: 0 auto 10px !important;
        max-width: 50px !important;
    }

    .header-brasilia p.citacao {
        font-size: 0.9rem;   /* Letra da citação um pouco menor */
    }
	
	    /* 3. Menu em uma linha só, sem "escadinha" */
    .menu-principal {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 2px !important;
    }

    .menu-principal > li > a {
        padding: 10px 4px !important;
        font-size: 0.95rem !important;
        white-space: nowrap !important; /* Fundamental para o nome não quebrar */
		 display: inline-block !important; /* Ajuda a manter na mesma linha */
    }


    /* Ajuste para o submenu não sumir da tela ao abrir */
    .submenu {
        position: absolute; 
        left: 50%;
        transform: translateX(-50%); /* Centraliza o submenu em relação ao item pai */
        min-width: 180px;
    }    
    /* Ajuste para o texto não ficar gigante no celular */
    nav {
        font-size: 1.1rem; 
    }
			
}