/* ── Tools ───────────────────────────────────────────────────── */
.pc-tools {}

.pc-tools__content {
  display:        flex;
  flex-direction: column;
  gap:            var(--pc-space-xs);
}

.pc-tools__item {
  display:       flex;
  align-items:   center;
  gap:           var(--pc-space-xs);
  padding:       var(--pc-space-xxs) 0;
  border-bottom: 1px solid var(--pc-lmedium);
  transition:    background var(--pc-transition-fast);
}

.pc-tools__item:hover { background: var(--pc-error-light); border-radius: var(--pc-radius); }

.pc-tools__figure {
  width:         8rem;
  height:        8rem;
  border-radius: var(--pc-radius);
  overflow:      hidden;
  flex-shrink:   0;
  background:    var(--pc-lmedium);
}

.pc-tools__figure img {
  width:      100%;
  height:     100%;
  object-fit: cover;
}

.pc-tools__body {
  display:        flex;
  flex-direction: column;
  gap:            0.4rem;
}

.pc-tools__footer { padding-top: var(--pc-space-xs); }

/* ── Página /ferramentas (lista paginada) ────────────────────── */
.pc-tools-archive { padding-bottom: var(--pc-space-xl); }

.pc-tools-archive__grid {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   var(--pc-space-md);
  margin-top:            var(--pc-space-md);
}

.pc-tools-archive__item {
  display:        flex;
  gap:            var(--pc-space-sm);
  padding:        var(--pc-space-sm);
  border:         1px solid var(--pc-lmedium);
  border-radius:  var(--pc-radius);
  background:     var(--pc-llight);
  text-decoration:none;
  transition:     border-color var(--pc-transition-fast), transform var(--pc-transition-fast);
}

.pc-tools-archive__item:hover {
  border-color: var(--pc-secondary-darkest);
  transform:    translateY(-2px);
}

.pc-tools-archive__figure {
  flex:           0 0 12rem;
  width:          12rem;
  height:         12rem;
  border-radius:  var(--pc-radius);
  overflow:       hidden;
  background:     var(--pc-lmedium);
}
.pc-tools-archive__figure img { width: 100%; height: 100%; object-fit: cover; }

.pc-tools-archive__body {
  display:        flex;
  flex-direction: column;
  gap:            0.6rem;
  flex:           1;
  min-width:      0;
}

/* ── Detalhe da ferramenta: bloco de rating em destaque ──────── */
.pc-tool-rating {
  display:     flex;
  align-items: center;
  gap:         var(--pc-space-xs);
  flex-wrap:   wrap;
}

@media (max-width: 1200px) {
  .pc-tools-archive__grid { grid-template-columns: 1fr; }
}