.smd-root{
  background: #fff;
  padding: clamp(64px, 8vw, 96px) clamp(20px, 3.2vw, 32px);
}
.smd-root .smd-wrap{ max-width: var(--max-w, 1200px); margin: 0 auto; }

.smd-root .smd-top{
  display: flex; justify-content: flex-end;
  margin-bottom: 28px;
}
.smd-root .smd-filtros{ display: flex; gap: 6px; flex-wrap: wrap; }
.smd-root .smd-filtro,
.smd-root .smd-filtro:link,
.smd-root .smd-filtro:visited,
.smd-root .smd-filtro:hover,
.smd-root .smd-filtro:focus,
.smd-root .smd-filtro:active{
  background: #fff !important;
  border: 1px solid var(--gray-300, #C5C8CE) !important;
  color: var(--gray-600, #4B5563);
}
.smd-root .smd-filtro{
  padding: 8px 16px !important;
  font-size: .85rem !important;
  cursor: pointer;
  transition: border-color .16s, color .16s, background .16s;
}
.smd-root .smd-filtro:hover{ border-color: var(--black, #111) !important; color: var(--black, #111); }
.smd-root .smd-filtro[aria-pressed="true"],
.smd-root .smd-filtro[aria-pressed="true"]:hover{
  background: var(--black, #111) !important;
  border-color: var(--black, #111) !important;
  color: #fff !important;
}

.smd-root .smd-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.smd-root .smd-card{
  display: flex; flex-direction: column;
  border: 1px solid var(--gray-100, #EDEEF0);
  padding: 24px 22px;
  transition: border-color .2s, background .2s;
}
.smd-root .smd-card:hover{
  border-color: var(--gray-300, #C5C8CE);
  background: var(--bg, #FAFBFC);
}
.smd-root .smd-card-veiculo{
  font-size: .98rem; font-weight: 800; font-family: var(--font-titulo) !important; letter-spacing: .01em; line-height: 1.25;
  text-transform: uppercase;
  color: var(--black, #111);
}
.smd-root .smd-card-tipo{
  margin-top: 5px;
  font-size: .67rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--green-text, #0A7E00);
}
.smd-root .smd-card-data{
  margin-top: 16px;
  font-size: .8rem;
  color: var(--gray-400, #9DA2AB);
  font-variant-numeric: tabular-nums;
}
.smd-root .smd-card-ir{
  margin-top: auto; padding-top: 12px;
  font-size: .78rem; font-weight: 700;
  color: var(--gray-400, #9DA2AB);
  transition: color .16s;
}
.smd-root .smd-card-ir::after{ content: " \2197"; }
.smd-root .smd-card:hover .smd-card-ir{ color: var(--green-text, #0A7E00); }

.smd-root .smd-vazio{
  grid-column: 1 / -1;
  padding: 48px 20px; text-align: center;
  font-size: .95rem; color: var(--gray-500, #6B7280);
}

.smd-root .smd-mais{ margin-top: 32px; text-align: center; }

@media (max-width: 620px){
  .smd-root .smd-top{ justify-content: flex-start; }
}