/* 40-equipamentos.css — Guia dos equipamentos */

.lista-equipamentos {
  display: grid;
  gap: var(--espaco-1);
  max-width: 40rem;
  padding: 0;
}

.lista-equipamentos li {
  border-radius: var(--raio);
  background: var(--cor-branco);
}

.cartao-equipamento {
  display: flex;
  align-items: center;
  gap: var(--espaco-2);
  padding: var(--espaco-1) var(--espaco-2);
  text-decoration: none;
  font-weight: 600;
}

.cartao-equipamento img,
.sem-imagem {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: var(--raio);
  object-fit: cover;
}

.sem-imagem {
  display: grid;
  place-items: center;
  background: var(--cor-roxo-claro);
  font-size: var(--texto-gg);
}

.guia-equipamento {
  max-width: 40rem;
}

.guia-equipamento h2 {
  margin-top: var(--espaco-3);
}

.guia-equipamento figure img {
  border-radius: var(--raio);
}

.guia-equipamento figcaption {
  font-size: var(--texto-p);
}

.cartao-equipamento {
  position: relative;
}

.etiqueta-rascunho {
  position: absolute;
  right: var(--espaco-1);
  bottom: var(--espaco-1);
  padding: 2px var(--espaco-1);
  border-radius: var(--raio);
  background: var(--cor-amarelo);
  color: var(--cor-roxo);
  font-size: 0.75rem;
  font-weight: 700;
}

.cartao-equipamento img {
  width: 4rem;
  height: 4rem;
  border-radius: var(--raio);
  object-fit: contain;
}

.capa,
.galeria img {
  width: 100%;
  height: auto;
  border-radius: var(--raio);
}

.galeria {
  display: grid;
  gap: var(--espaco-2);
  padding: 0;
}

.etiqueta-rascunho-texto {
  padding: 0 var(--espaco-1);
  border-radius: var(--raio);
  background: var(--cor-amarelo);
  font-size: 0.75rem;
  font-weight: 700;
}

.observacao {
  margin-block: var(--espaco-2);
  padding: var(--espaco-2);
  border-radius: var(--raio);
  background: var(--cor-branco);
}

.condicoes {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px var(--espaco-2);
}

.condicoes dt {
  font-weight: 700;
}