@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* Fundo TOTALMENTE transparente para o cabeçalho e para as linhas (remove o efeito zebra) */
.tabela-cotacao,
.tabela-cotacao thead, 
.tabela-cotacao thead tr,
.tabela-cotacao tbody tr,
.tabela-cotacao tbody tr:nth-child(even) {
   background-color: transparent !important;
}

/* Nome das colunas: Cor Azul e Letras mais grossas (engrossadas) */
.tabela-cotacao thead th {
   color: #334361 !important;
   font-weight: 800 !important; /* Deixa a letra bem grossa */
   font-size: 1em !important; /* Aumenta o tamanho da fonte 5% para dar mais peso */
   border: none !important;
   border-bottom: 0px solid #D9DCE2 !important; /* Linha um pouco mais marcada abaixo do título */
}

/* Separação das linhas com cor cinza e formatação do texto do restante da tabela */
.tabela-cotacao th,
.tabela-cotacao td {
   border: none !important;
   border-bottom: 1px solid #D9DCE2 !important; /* A linha cinza de separação igual já era */
   padding: 3px 3px !important;
   font-weight: 500 !important; /* Engrossa levemente o texto das cotações também */
   font-family: 'Poppins', sans-serif !important;
}

.textcenter {
	text-align: center;
}

.obs {
	font-style: italic;
}

@media only screen and (max-width: 768px) {
	th.mobile_hide,
	td.mobile_hide {
		display: none !important;
	}
}