/* ============================================================
   NAUTICA TURVO V0.3
   EMBARCACOES MAIS UTILIZADAS PRIMEIRO
============================================================ */

.boat-card{
  min-height:155px;
}

.boat-usage{
  margin-top:9px;
  color:#7cc9f2;
  font-size:12px;
  font-weight:700;
}

.boat-operation{
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.usage-rank{
  display:inline-block;
  margin-top:8px;
  padding:4px 7px;
  border-radius:20px;
  background:#163e57;
  color:#90d8ff;
  font-size:10px;
}

.usage-rank.top{
  background:#124c38;
  color:#7af0b3;
}

.usage-summary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:15px;
}

.usage-summary-box{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:10px;
  padding:13px 16px;
  min-width:180px;
}

.usage-summary-box small{
  display:block;
  color:var(--muted);
  margin-bottom:5px;
}

.usage-summary-box strong{
  font-size:20px;
}

@media(max-width:700px){

  .boat-card{
    min-height:145px;
  }

}