/* -----------------------------------------------------------------------------
 * Autor       : Matheus Costa
 * Criado em   : 02/10/2024
 * Última mod. : 02/10/2024
 * Arquivo     : style.css
 * Descrição   : Estilos principais para o layout da página inicial, incluindo
 *               cabeçalho, rodapé e elementos de design responsivo.
 * -----------------------------------------------------------------------------
 * Observações:
 * - Garantir compatibilidade com todos os navegadores principais (Chrome, Firefox, Safari, Edge)
 * - Manter os estilos modulares para facilitar a manutenção e escalabilidade
 * -----------------------------------------------------------------------------
 */

/* Global ============================= */

:root {
	--dark: #0a1e29;
	--green: #399747;
	--light-green: #3dd705;
	--red: #e92929;
	--blue:#003f93;
	
    --dark-bg: var(--dark);
    --dark-text: #fff;
    
    /* Variáveis dinâmicas */
    --current-bg: var(--default-bg);
    --current-text: var(--default-text);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* top-bar ============================= */

.top-bar {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	font-size: 0.8rem;
	color: #555;
	
	font-weight:500;
}

.top-bar .contact-info .fa-phone,
.top-bar .contact-info .fa-whatsapp,
.top-bar .contact-info .fa-envelope-o {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #e9e9e9;
}

.top-bar .contact-info i:first-child {
    border-left: none; /* Remove a borda esquerda do primeiro item */
}