/* ===================================================
   BOTÕES COM ÍCONES POKÉMON
   =================================================== */
.btn-acao {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: bold;
  color: #316ab2;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 20px;
  transition: background 0.2s, transform 0.1s;
}

.btn-acao:hover {
  background: #eef4fc;
  transform: translateY(-1px);
}

.icon-pokemon {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* ===================================================
   CAIXA DE COMENTÁRIOS E INPUT
   =================================================== */
.secao-comentarios {
  margin-top: 15px;
  background: #f8fafc;
  border: 2px solid #e3350d; /* Vermelho Pokébola */
  border-radius: 10px;
  padding: 14px;
  display: none; /* Controlado via JS */
}

.secao-comentarios.ativa {
  display: block;
}

.caixa-digitacao {
  display: flex;
  gap: 8px;
  background: #ffffff;
  border: 2px solid #ffcb05; /* Amarelo Pokémon */
  border-radius: 8px;
  padding: 6px 10px;
  align-items: center;
  margin-bottom: 15px;
}

.input-comentario {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: #333;
}

.btn-enviar-comentario {
  background: #ffcb05;
  border: 1px solid #c79c00;
  color: #1d2c5e;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn-enviar-comentario:hover {
  background: #ffe169;
}

/* LISTA DE COMENTÁRIOS */
.comentarios-lista {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.comentario-item {
  background: #ffffff;
  border-left: 4px solid #316ab2;
  border-radius: 6px;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.comentario-topo {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.comentario-autor {
  font-size: 13px;
  font-weight: bold;
  color: #1d2c5e;
}

.comentario-texto {
  font-size: 14px;
  margin: 0;
  color: #444;
}