@import url("../../user_interface_standards/styles/colors/qmd_cores.css");
@import url("../../user_interface_standards/styles/fonts/qmd_fonte.css");

.table {
  max-width: 100%;
  margin: 0 0 3rem;
}

.table p {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
}

.table-container {
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0;
  font-family: var(--fonts);
  font-size: var(--font-size-xs);  
  line-height: var(--font-size-xs); 
  table-layout: fixed;
}

caption {
  font-size: var(--font-size-sm);  
  line-height: 1.75;
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
  color: var(--neutral-gray-500);
}

thead,
tfoot {
  background-color: var(--neutral-gray-200); 
  font-weight: var(--font-weight-bold);
}

thead tr,
tfoot tr {
  font-weight: var(--font-weight-bold);
}

th,
td {
  padding: 0.4rem;
  text-align: right;
  padding-right: 2rem;
  font-size: var(--font-size-xs);
}

tbody{
  font-weight: var(--font-weight-medium);
}

tbody tr:nth-child(even) {
  background-color: var(--neutral-gray-50); 
}

tbody tr:nth-child(odd) {
  background-color: var(--neutral-gray-0);
}

.tag-min {
  background-color: var(--min-color);
  color: var(--neutral-gray-1000);
  font-size: var(--font-size-xs);
}

.tag-max {
  background-color: var(--max-color);
  color: var(--neutral-gray-0); 
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
}

.month-comp {
  line-height: var(--font-size-lg); 
}