/* Float four columns side by side */
.column {
  float: left;
  width: 33%;
  padding: 4px 4px;
  box-sizing: border-box;
}

/* Remove extra left and right margins, due to padding */
.row {
	margin: 0 3% 0 3%;
	width: 94%;
	padding: 0;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.alert-banner-numismatica {
display: flex;
align-items: center;
gap: 10px;
background-color: #16161a; /* Fundo grafite escuro para contrastar com o fundo preto */
border: 1px solid #2a2a32; /* Borda sutil */
border-left: 4px solid #0056b3; /* Barra lateral azul combinando com o topo do site */
border-radius: 6px;
padding: 8px 16px;
margin-bottom: 15px;
max-width: 100%;
box-sizing: border-box;
}

.alert-banner-numismatica .icon {
font-size: 14px;
flex-shrink: 0;
}

.alert-banner-numismatica .text {
color: #cccccc; /* Texto em cinza claro para leitura confortável */
font-family: sans-serif;
font-size: 13px;
margin: 0;
line-height: 1.4;
}

.alert-banner-numismatica .text strong {
color: #ffffff; /* Destaque em branco puro */
}

.alert-banner-numismatica .text span {
color: #4da6ff; /* Destaque sutil em azul para os termos de filtro */
font-weight: 600;
}

.no-select {
	user-select: none;
}
/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

/* Style the counter cards */
.card {
/*  box-shadow: 2px 2px 2px 2px rgba(192, 192, 192, 0.5);
  padding: 8px;
  text-align: center;
  background-color: #4F4F4F;
  color: white;
  font-size: 80%;
  max-width: ""; */
  
  box-shadow: 2px 2px 2px 2px rgba(192, 192, 192, 0.5);
  padding: 4px;
  text-align: center;
  background-color: #4F4F4F;
  color: white;
  font-size: 80%;
  height: 300px;
}
.card img {
    /* max-width:"";
    max-height:90px;
    width: auto; */
    /* height: auto; */
	display: inline-flex;
	height: 90px;
    max-height:90px;
    width: auto;
}

.letras_or {
	margin: 0 8% 0 8%;
	display: block;
	word-wrap: break-word;
}
.letras_externo
{
	/*display: block;*/
	width: 94%;
	margin: 0 3% 0 3%;
	word-wrap: break-word;
}
.letras {
	/* display: block; 
	margin: 0 8% 0 8%;
	word-wrap: break-word;*/
	display: inline-block;
	min-width: 28px;
	min-height: 28px;
	border-style: none;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin-right:-4px;
	/* background-color: blue; */
}

.numeros {
	/* display: block; 
	margin: 0 8% 0 8%;
	word-wrap: break-word;*/
	display: inline-block;
	min-width: 34px;
	min-height: 34px;
	border-style: none;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin-right:-4px;
	/* background-color: blue; */
}
.link_cdc_new
{
	align-items: center;
	text-align: center;
	position: relative;
	font-size: 14px;
	top: 7px;
}

.link_cdc_new_textual
{
	align-items: center;
	text-align: center;
	position: relative;
	font-size: 12px;
	top: 8px;
}
			
.link_cdc_or {
  /*background-color: gray;
  font-weight: bold;*/
  display: contents;
  /*width: 48px;
  height:48px;*/
}